*
{
outline: none;
}
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td
{
font-weight: inherit;
margin: 0;
padding: 0;
}
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, i
{
font: normal 12Px Helvetica Neue,Arial,Microsoft YaHei,PingFang SC,Source Han Sans SC,sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
ul, ol, li
{
list-style: none;
}
a
{
text-decoration: none;
color: inherit;
display: inline-block;
}
a:hover
{
text-decoration: none;
}
img
{
vertical-align: top;
border: 0;
max-width: 100%;
}
button, input, textarea
{
font-size: 100%;
vertical-align: middle;
outline: none;
border-radius: 0;
-webkit-appearance: none;
}
table
{
border-spacing: 0;
border-collapse: collapse;
}
div, a
{
-webkit-tap-highlight-color: rgba(255,255,255,0);
}
html
{
font-size: var(--root-font-size,200px);
overflow: hidden auto;
}
@media screen and (min-width: 1921px)
{
html
{
font-size: 200Px;
}
}
@media screen and (max-width: 1024px)
{
html
{
font-size: 26.6666666667vw;
}
}
body
{
width: 100vw;
}
.clearfloat:after
{
font-size: 0;
display: block;
visibility: hidden;
clear: both;
height: 0;
content: " ";
}
.clearboth
{
clear: both;
}
.wp
{
max-width: 7.2rem;
margin: 0 auto;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 1024px)
{
.wp
{
padding: 0 .15rem;
}
}
.revert-editor-style h1
{
font-size: 2em;
}
.revert-editor-style h2
{
font-size: 1.5em;
}
.revert-editor-style h3
{
font-size: 1.17em;
}
.revert-editor-style h4
{
font-size: inherit;
}
.revert-editor-style h5
{
font-size: .83em;
}
.revert-editor-style h6
{
font-size: .67em;
}
.revert-editor-style h1, .revert-editor-style h2, .revert-editor-style h3, .revert-editor-style h4, .revert-editor-style h5, .revert-editor-style h6
{
font-size: revert;
}
.revert-editor-style ul
{
list-style: disc;
padding-left: .2rem;
padding: revert;
list-style: revert;
}
.revert-editor-style ul li
{
list-style: disc;
list-style: revert;
}
.revert-editor-style ol
{
list-style: decimal;
padding-left: .2rem;
padding: revert;
list-style: revert;
}
.revert-editor-style ol li
{
list-style: decimal;
list-style: revert;
}
.checkBrowser
{
font-size: 14Px;
line-height: 40Px;
position: fixed;
z-index: 99999;
top: 0;
left: 50%;
width: 700Px;
height: 40Px;
margin-left: -360Px;
padding: 0 10Px;
color: #fff;
border-bottom-right-radius: 5Px;
border-bottom-left-radius: 5Px;
background-color: #e6212a;
}
.checkBrowser a
{
font-size: 16Px;
line-height: 20Px;
position: absolute;
top: 10Px;
right: 5Px;
display: block;
width: 20Px;
height: 20Px;
cursor: pointer;
text-align: center;
color: #333;
border-radius: 50%;
background-color: #fff;
}
.paged
{
padding-top: 20PX;
text-align: center;
}
.paged.gray a
{
background-color: #f4f5f4;
color: #8b8b8b;
}
@media screen and (max-width: 1024px)
{
.paged
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 10PX;
}
}
.paged a, .paged .current
{
display: inline-block;
margin: 0 8PX;
width: 46PX;
font-size: 14PX;
text-align: center;
background: #fff;
color: #8b8b8b;
border-radius: 50%;
height: 46PX;
line-height: 46PX;
white-space: nowrap;
}
.paged a:hover, .paged .current:hover
{
background: #f7b101;
color: #fff;
}
@media screen and (max-width: 1024px)
{
.paged a, .paged .current
{
padding: 0 20PX;
height: 35PX;
line-height: 35PX;
display: none;
}
}
.paged .current
{
background: #f7b101;
color: #fff;
}
.paged .prev, .paged .next
{
width: 120PX;
border-radius: 23PX;
}
@media screen and (max-width: 1024px)
{
.paged .prev, .paged .next
{
width: 200PX;
display: block;
}
}
.article-swiper
{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.8);
-ms-touch-action: none;
touch-action: none;
z-index: 8888;
}
.article-swiper .swiper-zoom-container
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
width: 100%;
height: 100%;
}
.article-swiper .swiper-pagination
{
bottom: 1em;
color: #fff;
}
.article-swiper .swiper-slide img
{
max-width: 95%;
max-height: -moz-calc(100% - 6em);
max-height: calc(100% - 6em);
vertical-align: middle;
}
.article-swiper .swiper-slide p
{
position: absolute;
top: 1em;
left: 0;
width: 100%;
text-align: center;
font-size: .08rem;
color: #fff;
z-index: 22;
}
.article-swiper .swiper-close-icon
{
position: absolute;
top: .5rem;
right: .3rem;
z-index: 9999;
width: .2rem;
height: .2rem;
cursor: pointer;
}
.article-swiper .swiper-close-icon .iconfont
{
color: #fff;
font-size: .25rem;
}
.article-swiper .swiper-close-icon::after
{
width: 100%;
position: absolute;
height: .015rem;
background: #fff;
content: "";
top: 0;
left: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.article-swiper .swiper-close-icon::before
{
width: 100%;
position: absolute;
height: .015rem;
background: #fff;
content: "";
top: 0;
right: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.uweb-search
{
width: 1200Px;
max-width: 100%;
margin: .92rem auto .5rem;
}
@media(max-width: 1200px)
{
.uweb-search
{
width: auto;
margin-right: .15rem;
margin-left: .15rem;
}
}
.uweb-search-input-con
{
float: left;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 25Px;
}
.uweb-search-select-con
{
float: left;
width: 37%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 25Px;
}
@media screen and (max-width: 750px)
{
.uweb-search-input-con, .uweb-search-select-con
{
float: none;
width: 100%;
padding-right: 0;
margin-bottom: .05rem;
}
}
.uweb-search-top
{
position: relative;
margin-bottom: 40Px;
height: 44Px;
width: 100%;
}
.uweb-search-top-s .uweb-search-input-con
{
float: left;
width: 87%;
}
@media screen and (max-width: 750px)
{
.uweb-search-top
{
height: auto;
}
.uweb-search-top-s .uweb-search-input-con
{
width: 100%;
}
}
.uweb-search-top-text
{
float: left;
width: 80Px;
font-size: 14Px;
color: #666;
line-height: 44Px;
}
.uweb-search-top-input
{
margin: 0 0 0 80Px;
height: 44Px;
border: 1Px solid #e9e9e9;
}
.uweb-search-top-input input
{
width: 100%;
height: 100%;
border: 0;
font-size: 14Px;
padding: 0 20Px;
}
.uweb-search-top-button
{
float: left;
width: 13%;
height: 46Px;
background: #f7b101;
cursor: pointer;
color: #fff;
font-size: 14Px;
line-height: 46Px;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
padding: 0;
}
.uweb-search-top-button:hover
{
opacity: .7;
}
@media screen and (max-width: 750px)
{
.uweb-search-top-button
{
float: none;
width: 100%;
}
}
.uweb-search-top-input2
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: 80Px;
height: 44Px;
border: 1Px solid #e9e9e9;
}
.uweb-search-top-input2 input
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
border: 0;
font-size: 14Px;
padding: 0 20Px;
}
.uweb-search-top-text1
{
float: left;
width: 70Px;
font-size: 14Px;
color: #666;
line-height: 44Px;
}
.uweb-search-top-select
{
position: relative;
margin-left: 70Px;
height: 44Px;
border: 1Px solid #e9e9e9;
font-size: 14Px;
color: #999;
}
.uweb-search-top-select:after
{
position: absolute;
right: 12Px;
top: 50%;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
transform: translate(0,-50%);
content: "";
width: 0;
height: 0;
border-left: 5Px solid transparent;
border-right: 5Px solid transparent;
border-top: 6Px solid #999;
}
.uweb-search-top-select select
{
position: relative;
z-index: 10;
width: 100%;
height: 100%!important;
border: 0;
padding: 0 22Px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.uweb-search-top-select .customSelect
{
width: 100%;
height: 100%;
line-height: 42Px;
padding: 0 22Px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 1200px)
{
.uweb-search-top-select
{
float: none;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: auto;
}
}
.uweb-search-content
{
margin: 40Px -12Px;
font-size: 0;
}
.uweb-search-content li
{
display: inline-block;
vertical-align: top;
padding: 0 12Px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
height: 156Px;
margin-bottom: 30Px;
}
.uweb-search-content li a
{
display: block;
width: 100%;
height: 100%;
border: 1Px solid #e9e9e9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 25Px 40Px 30Px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.uweb-search-content li a:hover
{
background: #f1f1f1;
}
.uweb-search-content li a:hover .text
{
color: #f7b101;
}
.uweb-search-content li a:hover .btn
{
background: #f7b101;
}
.uweb-search-content li a .text
{
font-size: 16Px;
font-weight: bold;
color: #666;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
line-height: 22Px;
max-height: 44Px;
overflow: hidden;
}
.uweb-search-content li a .time
{
margin-top: 5Px;
font-size: 14Px;
font-family: "Arial";
color: #999;
}
.uweb-search-content li a .btn
{
margin-top: 20Px;
width: 95Px;
height: 28Px;
background: #999;
font-size: 14Px;
color: #fff;
line-height: 28Px;
text-align: center;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
@media screen and (max-width: 1200px)
{
.uweb-search-content
{
margin-right: 0;
margin-left: 0;
}
.uweb-search-content li:nth-child(2n+1)
{
padding: 0 .06rem 0 0;
}
.uweb-search-content li:nth-child(2n)
{
padding: 0 0 0 .06rem;
}
}
@media screen and (max-width: 480px)
{
.uweb-search-content li
{
float: none;
width: 100%;
height: auto;
}
.uweb-search-content li:nth-child(2n+1), .uweb-search-content li:nth-child(2n)
{
padding: 0;
}
.uweb-search-content li a .text
{
max-height: none;
}
}
.uweb-search-tip-con
{
margin: 40Px auto;
width: 1200Px;
max-width: 100%;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: .5rem;
text-align: center;
}
.uweb-search-tip-con .title
{
font-size: 24Px;
color: #333;
margin-bottom: 20Px;
}
.uweb-search-tip-con .tips
{
font-size: 14Px;
color: #ffa500;
font-weight: bold;
line-height: 28Px;
width: 900Px;
margin: 0 auto 10Px;
max-width: 100%;
}
.uweb-search-tip-con .p
{
font-size: 14Px;
color: #333;
line-height: 28Px;
margin-bottom: 10Px;
}
.uweb-search-tip-con .num
{
color: #f00;
padding: 0 3Px;
text-decoration: underline;
}
.uweb-search-tip-con .tip-btn
{
display: block;
width: 140Px;
height: 36Px;
text-align: center;
line-height: 36Px;
color: #fff;
background: #999;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0 auto;
cursor: pointer;
}
.uweb-search-tip-con .tip-btn:hover
{
background: #b2b2b2;
}
.tips-popup
{
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 9999999;
}
.tips-popup.init
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.tips-popup.show .tips-popup-mask
{
opacity: 1;
}
.tips-popup.show .tips-popup-box
{
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
.tips-popup-mask
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 1;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.tips-popup-box
{
position: relative;
padding: 18Px 24Px 8Px;
width: 320Px;
background-color: #fff;
-webkit-box-shadow: 0 4Px 12Px rgba(0,0,0,.15);
box-shadow: 0 4Px 12Px rgba(0,0,0,.15);
border-radius: 8Px;
z-index: 9;
opacity: 0;
-webkit-transform: scale(.8);
-moz-transform: scale(.8);
transform: scale(.8);
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
@media screen and (max-width: 414px)
{
.tips-popup-box
{
max-width: -moz-calc(100% - .4rem);
max-width: calc(100% - .4rem);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
.tips-popup-head
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 10Px;
}
.tips-popup-head .title
{
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
padding-top: 1Px;
line-height: 22Px;
font-size: 16Px;
color: #000;
}
.tips-popup-close
{
margin: 5Px 0 0 10Px;
width: 14Px;
height: 14Px;
background: url(../image/tips_icon.png) top -130Px left no-repeat;
opacity: .7;
z-index: 2;
cursor: pointer;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.tips-popup-close:hover
{
opacity: 1;
}
.tips-popup-content
{
padding-bottom: 10Px;
font-size: 14Px;
line-height: 24Px;
color: #666;
}
.tips-popup-footer
{
padding: 4Px 0;
text-align: right;
font-size: 0;
}
.tips-popup-footer li
{
display: inline-block;
vertical-align: top;
margin-left: 10Px;
padding: 8Px 15Px;
line-height: 1;
font-size: 12Px;
white-space: nowrap;
border-radius: 3Px;
border-width: 1Px;
border-style: solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.tips-popup-footer li:hover
{
opacity: .8;
}
.tips-popup-footer .cancel-btn
{
color: #666;
background-color: #fff;
border-color: #dcdfe6;
}
.tips-popup-footer .submit-btn
{
color: #fff;
}
.tips-popup .tips-icon
{
margin-right: 10Px;
width: 24Px;
height: 24Px;
background-image: url(../image/tips_icon.png);
background-repeat: no-repeat;
}
.tips-popup .tips-icon-success
{
background-position: 0 -104Px;
}
.tips-popup .tips-icon-question
{
background-position: 0 -78Px;
}
.tips-popup .tips-icon-info
{
background-position: 0 -52Px;
}
.tips-popup .tips-icon-error
{
background-position: 0 -26Px;
}
.tips-popup .tips-icon-alert
{
background-position: 0 0;
}
.tips-popup-icon
{
padding-left: 20Px;
padding-right: 20Px;
}
.tips-popup-icon .tips-popup-content
{
padding-left: 34Px;
}
.loading-wrap
{
position: relative;
}
.loading-wrap .loading-box
{
position: absolute;
}
.loading-box
{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255,255,255,.8);
z-index: 9999;
}
.loading-box-circular
{
position: absolute;
top: 50%;
left: 50%;
margin: -25Px 0 0 -25Px;
width: 50Px;
height: 50Px;
-webkit-animation: loading-rotate 2s linear infinite;
-moz-animation: loading-rotate 2s linear infinite;
animation: loading-rotate 2s linear infinite;
}
.loading-box-circular .path
{
-webkit-animation: loading-dash 1.5s ease-in-out infinite;
-moz-animation: loading-dash 1.5s ease-in-out infinite;
animation: loading-dash 1.5s ease-in-out infinite;
stroke-dasharray: 90,150;
stroke-dashoffset: 0;
stroke-width: 2;
stroke: #0da945;
stroke-linecap: round;
}
@-webkit-keyframes loading-rotate
{
to
{
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-moz-keyframes loading-rotate
{
to
{
-moz-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes loading-rotate
{
to
{
-webkit-transform: rotate(1turn);
-moz-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-webkit-keyframes loading-dash
{
0%
{
stroke-dasharray: 1,200;
stroke-dashoffset: 0;
}
50%
{
stroke-dasharray: 90,150;
stroke-dashoffset: -40Px;
}
to
{
stroke-dasharray: 90,150;
stroke-dashoffset: -120Px;
}
}
@-moz-keyframes loading-dash
{
0%
{
stroke-dasharray: 1,200;
stroke-dashoffset: 0;
}
50%
{
stroke-dasharray: 90,150;
stroke-dashoffset: -40Px;
}
to
{
stroke-dasharray: 90,150;
stroke-dashoffset: -120Px;
}
}
@keyframes loading-dash
{
0%
{
stroke-dasharray: 1,200;
stroke-dashoffset: 0;
}
50%
{
stroke-dasharray: 90,150;
stroke-dashoffset: -40Px;
}
to
{
stroke-dasharray: 90,150;
stroke-dashoffset: -120Px;
}
}
.normal-popup
{
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 9000;
}
.normal-popup.init
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.normal-popup.show .normal-popup-box
{
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s;
}
.normal-popup.show .normal-popup-mask
{
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
}
.normal-popup-mask
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.3);
opacity: 0;
z-index: 1;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.normal-popup-close
{
position: absolute;
top: 10Px;
right: 10Px;
line-height: 1;
font-size: 20Px;
font-family: "iconfont";
color: #666;
z-index: 2;
cursor: pointer;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.normal-popup-close:before
{
content: "";
}
.normal-popup-close:hover
{
color: #ea140a;
}
.normal-popup-box
{
position: relative;
width: 680Px;
background-color: #fff;
overflow: hidden;
border-radius: 6Px;
-webkit-transform: scale(.9);
-moz-transform: scale(.9);
transform: scale(.9);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
opacity: 0;
z-index: 6;
-webkit-transition: all .4s;
-moz-transition: all .4s;
transition: all .4s;
}
.normal-popup-title
{
margin-bottom: 25Px;
text-align: center;
}
.normal-popup-title h3
{
line-height: 1.2;
font-size: 30Px;
color: #555;
}
.normal-popup-title p
{
line-height: 1.2;
font-size: 12Px;
color: #999;
text-transform: uppercase;
}
.normal-popup-scroller
{
position: relative;
overflow: hidden;
}
.normal-popup-scroller .bscroll-indicator
{
background-color: rgba(205,205,205,.5)!important;
}
.modal-popup .normal-popup-box
{
padding: 60Px;
text-align: center;
}
.modal-popup .icon
{
font-family: "iconfont";
font-size: 80Px;
}
.modal-popup .icon-error
{
color: #ea140a;
}
.modal-popup .icon-error:before
{
content: "";
}
.modal-popup .icon-success
{
color: #0da945;
}
.modal-popup .icon-success:before
{
content: "";
}
.modal-popup .icon-notice
{
color: #fbba65;
}
.modal-popup .icon-notice:before
{
content: "";
}
.modal-popup .title
{
margin: 15Px 0 3Px;
line-height: 1.4;
font-size: 24Px;
color: #333;
}
.modal-popup .p
{
line-height: 1.6;
font-size: 16Px;
color: #888;
}
.modal-popup-footer
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 30Px;
}
.modal-popup-footer li
{
width: 242Px;
line-height: 45Px;
font-size: 16Px;
font-weight: bold;
color: #fff;
cursor: pointer;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.modal-popup-footer li+li
{
margin-left: 16Px;
}
.modal-popup-footer li:hover
{
opacity: .8;
}
.modal-popup-footer .cancel-btn
{
background-color: #bbb;
}
.iframe-popup .normal-popup-box
{
padding: 55Px 60Px 70Px;
}
.iframe-popup .normal-popup-title
{
margin-bottom: 30Px;
}
.iframe-popup-box
{
position: relative;
max-height: -moz-calc(98vh - 205Px);
max-height: calc(98vh - 205Px);
overflow-y: auto;
}
.iframe-popup-box .iframe
{
display: block;
width: 100%;
border: none;
}
.iframe-popup .loading-box
{
position: absolute;
}
.captcha-title
{
height: 60Px;
width: 100%;
text-align: center;
border-radius: 2Px;
background-color: #f3f3f3;
color: #bbb;
font-size: 14Px;
letter-spacing: .1Px;
line-height: 60Px;
}
.captcha-show
{
display: none;
height: 60Px;
width: 100%;
text-align: center;
border-radius: 2Px;
background-color: #f3f3f3;
}
.captcha-loading
{
margin: auto;
width: 70Px;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.captcha-loading-dot
{
width: 8Px;
height: 8Px;
margin: 18Px 4Px;
background: #ccc;
border-radius: 50%;
opacity: 0;
-webkit-box-shadow: 0 0 2Px black;
box-shadow: 0 0 2Px black;
-webkit-animation: loadingFade 1s infinite;
-moz-animation: loadingFade 1s infinite;
animation: loadingFade 1s infinite;
}
.captcha-loading-dot:nth-child(2)
{
-webkit-animation-delay: .1s;
-moz-animation-delay: .1s;
animation-delay: .1s;
}
.captcha-loading-dot:nth-child(3)
{
-webkit-animation-delay: .2s;
-moz-animation-delay: .2s;
animation-delay: .2s;
}
.captcha-loading-dot:nth-child(4)
{
-webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
animation-delay: .3s;
}
.captcha .geetest_holder.geetest_wind .geetest_logo, .captcha .geetest_holder.geetest_wind .geetest_success_logo
{
display: none;
}
@-webkit-keyframes loadingFade
{
0%
{
opacity: 0;
}
50%
{
opacity: .8;
}
100%
{
opacity: 0;
}
}
@-moz-keyframes loadingFade
{
0%
{
opacity: 0;
}
50%
{
opacity: .8;
}
100%
{
opacity: 0;
}
}
@keyframes loadingFade
{
0%
{
opacity: 0;
}
50%
{
opacity: .8;
}
100%
{
opacity: 0;
}
}
.error-con
{
padding: .5rem 0;
background: #fff;
}
.error-box
{
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: .25rem;
text-align: center;
width: 1360Px;
max-width: 100%;
margin: 0 auto;
display: grid;
}
.error-box img
{
display: inline-block;
vertical-align: top;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.error-box .tips
{
margin: 20Px auto;
font-size: 18Px;
color: #666;
}
.error-box .btn a
{
display: inline-block;
vertical-align: top;
width: 170Px;
height: 40Px;
margin: 0 2Px;
border-radius: 20Px;
color: #fff;
text-align: center;
font-size: 16Px;
background: #999;
-webkit-transition: all .2s;
-moz-transition: all .2s;
transition: all .2s;
line-height: 40Px;
max-width: 45%;
}
.error-box .btn a:hover
{
background: #a6a6a6;
}
.share-box
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: .1rem;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.share-box-item
{
cursor: pointer;
background-color: #181818;
color: #fff;
margin-right: 15Px;
width: 40Px;
height: 40Px;
text-align: center;
border-radius: 50%;
}
.share-box-item .iconfont
{
font-size: 20Px;
line-height: 40Px;
}
.share-box .share-to-wechat
{
position: relative;
}
.share-box .share-to-wechat .wechat-ewm
{
position: absolute;
border-radius: 5Px;
border: 1Px solid #eee;
background: #fff;
left: 50%;
bottom: 100%;
padding: 10Px 10Px 5Px;
display: none;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.share-box .share-to-wechat .wechat-ewm p
{
font-size: 12Px;
color: #333;
text-align: center;
margin-top: 5Px;
}
.share-box .share-to-wechat:hover
{
background-color: #3dbe5b;
}
.share-box .share-to-wechat:hover .wechat-ewm
{
display: block;
}
.share-box .share-to-qq, .share-box .share-to-qzone, .share-box .share-to-weibo, .share-box .share-to-wechat
{
-webkit-transition: background-color .3s;
-moz-transition: background-color .3s;
transition: background-color .3s;
}
.share-box .share-to-qq:hover
{
background-color: #21b3f7;
}
.share-box .share-to-qzone:hover
{
background-color: #f8c514;
}
.share-box .share-to-weibo:hover
{
background-color: #ff5757;
}
.wechat-tip-mask
{
top: 0;
left: 0;
position: fixed;
z-index: 999;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.5);
display: none;
background-image: url(../image/share_bg.png);
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
}
body::-webkit-scrollbar
{
width: .025rem;
height: .05rem;
}
body::-webkit-scrollbar-track
{
background: transparent;
border-radius: .01rem;
}
body::-webkit-scrollbar-thumb
{
background: #ccc;
border-radius: .05rem;
}
body::-webkit-scrollbar-thumb:hover
{
background: #f7b101;
}
body::-webkit-scrollbar-corner
{
background: #333;
}
body
{
overflow: hidden;
}
.wp1720
{
max-width: 8.6rem;
margin: 0 auto;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 1024px)
{
.wp1720
{
padding: 0 .15rem;
}
}
.wp1440
{
max-width: 7.2rem;
margin: 0 auto;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 1024px)
{
.wp1440
{
padding: 0 .15rem;
}
}
.title .cn
{
font-size: .225rem;
font-weight: bold;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: .025rem;
}
.title .cn .blue
{
color: #1993d2;
}
.title .cn span
{
display: block;
}
.title .en
{
font-size: .125rem;
color: #c3d5e3;
font-weight: bold;
}
@media(max-width: 1024px)
{
.pc
{
display: none;
}
}
.m
{
display: none;
}
@media(max-width: 1024px)
{
.m
{
display: block;
}
}
.banner
{
position: relative;
height: 2.6rem;
width: 100%;
}
.banner img
{
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media(max-width: 1024px)
{
.banner
{
height: 2rem;
margin-top: .5rem;
}
}
.banner .txt
{
position: absolute;
top: 1.075rem;
left: 1.46rem;
font-size: .25rem;
color: #0076c8;
font-weight: bold;
}
@media(max-width: 1024px)
{
.banner .txt
{
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
color: #fff;
text-shadow: 0 .025rem .075rem rgba(0,0,0,.5);
}
}
.banner .txt.white
{
color: #fff;
}
.banner .txt.left
{
left: 16%;
top: 50%;
-webkit-transform: translate(0%,-50%);
-moz-transform: translate(0%,-50%);
transform: translate(0%,-50%);
}
.banner .banner-nav
{
position: absolute;
bottom: .1rem;
right: 1.2rem;
font-size: .07rem;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
}
.banner .banner-nav.blue
{
color: #1993d2;
}
@media(max-width: 1024px)
{
.banner .banner-nav
{
display: none;
}
}
.banner .banner-nav .icon
{
width: .065rem;
height: .065rem;
margin-right: .05rem;
}
.banner .banner-nav .icon img
{
width: 100%;
height: 100%;
}
.banner .banner-nav a:hover
{
color: #0076c8;
}
.banner .banner-nav span
{
margin: 0 .015rem;
}
.head .t
{
text-align: center;
font-size: .225rem;
font-weight: bold;
}
.head .line
{
width: .125rem;
height: .01rem;
background-color: #1993d2;
margin: .05rem auto 0;
}
.more-btn
{
background-color: #f7b101;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
width: .55rem;
height: .2rem;
border-radius: .4rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: .01rem solid #f7b101;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
color: #fff;
font-size: .07rem;
}
@media(max-width: 1024px)
{
.more-btn
{
width: .9rem;
height: .3rem;
font-size: .12rem;
}
}
.more-btn .iconfont
{
color: #fff;
font-size: .1rem;
}
@media(max-width: 1024px)
{
.more-btn .iconfont
{
font-size: .14rem;
}
}
.more-btn:hover
{
background: #0076c8;
border-color: #0076c8;
}
.paged
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 0;
padding-top: 0;
}
.paged a, .paged .current, .paged .elis
{
width: .19rem;
height: .2rem;
background-color: #eee;
border-radius: .015rem;
line-height: .2rem;
margin: 0 .035rem;
font-size: .065rem;
}
@media(max-width: 1024px)
{
.paged a, .paged .current, .paged .elis
{
display: none;
}
}
.paged .current
{
background-color: #f7b101;
}
.paged a
{
color: #333;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
.paged a:hover
{
background-color: #f7b101;
}
.paged .prev, .paged .next
{
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
border-radius: .015rem;
width: .34rem;
height: .2rem;
line-height: .2rem;
color: #333;
font-size: .065rem;
}
.paged .prev:hover, .paged .next:hover
{
background-color: #f7b101;
color: #fff;
}
@media(max-width: 1024px)
{
.paged .prev, .paged .next
{
width: .4rem;
height: .3rem;
line-height: .3rem;
font-size: .13rem;
}
}
@media(max-width: 1024px)
{
.text-justify
{
text-align: justify;
}
}
@media(max-width: 1024px)
{
header
{
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
}
}
.header
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: .5rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
z-index: 90;
background-color: transparent;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
transition: all .5s linear;
position: fixed;
top: 0;
left: 0;
right: 0;
background: #fff;
}
@media(max-width: 1024px)
{
.header
{
padding: .125rem .2rem;
}
}
.header .header-left .logo
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.header .header-left .logo img
{
height: .19rem;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
@media(max-width: 1024px)
{
.header .header-left .logo img
{
height: .225rem;
}
}
.header .header-right
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media(max-width: 1024px)
{
.header .header-right
{
display: none;
}
}
.header .header-right .nav-list
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .05rem;
}
.header .header-right .nav-list .nav-link
{
font-size: .08rem;
font-weight: bold;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
height: .5rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: .4rem;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
position: relative;
}
.header .header-right .nav-list .nav-link a
{
line-height: .2rem;
padding: 0 .14rem;
border-radius: .4rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.header .header-right .nav-list .nav-link:hover>a, .header .header-right .nav-list .nav-link.on>a
{
background-color: #f7b101;
color: #fff;
}
.header .header-right .nav-list .nav-link .child
{
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: rgba(255,255,255,.9);
padding-bottom: .05rem;
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(.1rem);
-moz-transform: translateY(.1rem);
transform: translateY(.1rem);
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
min-width: .6rem;
}
.header .header-right .nav-list .nav-link .child-item
{
text-align: center;
display: block;
font-size: .08rem;
color: #000;
font-weight: 400;
line-height: .275rem;
border-bottom: .005rem solid rgba(0,0,0,.06);
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
background-color: transparent;
border-radius: 0;
padding: 0;
}
.header .header-right .nav-list .nav-link .child-item:last-child
{
border-bottom: 0;
}
.header .header-right .nav-list .nav-link .child-item:hover
{
color: #f7b101;
}
.header .header-right .nav-list .nav-link:hover .child
{
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
.header .header-right .search
{
margin-right: .3rem;
margin-left: .3rem;
position: relative;
}
.header .header-right .search .search-btn
{
background-color: #f7b101;
width: .2rem;
height: .2rem;
border-radius: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 2;
cursor: pointer;
border: 0;
}
.header .header-right .search .search-btn .iconfont
{
color: #fff;
font-size: .1rem;
}
.header .header-right .search .search-btn button
{
background-color: transparent;
border: 0;
cursor: pointer;
}
.header .header-right .search .search-form
{
position: absolute;
top: 0;
bottom: 0;
right: .1rem;
width: 0;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #f1f1f1;
z-index: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: .2rem 0 0 .2rem;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
.header .header-right .search .search-form .iconfont
{
width: .2rem;
height: .2rem;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #999;
cursor: pointer;
border: 0;
background-color: transparent;
}
.header .header-right .search .search-form input
{
height: 100%;
font-size: .075rem;
width: .85rem;
padding-left: .05rem;
border: 0;
background-color: transparent;
color: #333;
}
.header .header-right .search .search-form input::-webkit-input-placeholder
{
color: #888;
}
.header .header-right .search .search-form input:-moz-placeholder
{
color: #888;
}
.header .header-right .search .search-form input::-moz-placeholder
{
color: #888;
}
.header .header-right .search .search-form input:-ms-input-placeholder
{
color: #888;
}
.header .header-right .search .search-form input::-ms-input-placeholder
{
color: #888;
}
.header .header-right .search .search-form input::placeholder
{
color: #888;
}
.header .header-right .search:hover .search-form
{
width: 1.1rem;
}
.header .header-right .lang
{
position: relative;
padding: .155rem .1rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: .5rem;
height: .5rem;
background-color: #f7b101;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
cursor: pointer;
}
.header .header-right .lang .iconfont
{
font-size: .11rem;
color: #fff;
margin: 0 auto;
text-align: center;
margin-bottom: .025rem;
}
.header .header-right .lang .p
{
font-size: .08rem;
color: #fff;
position: relative;
}
.header .header-right .lang .p::after
{
content: "";
font-family: "iconfont";
font-size: .07rem;
position: absolute;
top: 50%;
left: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.header .header-right .lang .child
{
position: absolute;
top: 100%;
left: 0;
right: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
-webkit-transform: translateY(-.1rem);
-moz-transform: translateY(-.1rem);
transform: translateY(-.1rem);
opacity: 0;
visibility: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
.header .header-right .lang .child a
{
display: block;
line-height: .2rem;
text-align: center;
color: #333;
font-size: .08rem;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
padding: 0 .08rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.header .header-right .lang .child a:hover
{
color: #1993d2;
font-weight: 600;
}
.header .header-right .lang .child a+a
{
border-top: .005rem solid #f0f0f0;
}
.header .header-right .lang:hover .child
{
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
.header .mobileToggleBtn
{
display: none;
}
@media(max-width: 1024px)
{
.header .mobileToggleBtn
{
display: block;
}
}
.header .mobileToggleBtn .iconfont
{
font-size: .2rem;
}
@media(min-width: 1024px)
{
.header.mini .header-left .logo img
{
height: .15rem;
}
.header.mini .header-right .nav-list .nav-link
{
font-size: .075rem;
height: .4rem;
}
.header.mini .header-right .lang
{
height: .4rem;
}
.header.mini .header-right .lang .iconfont
{
font-size: .09rem;
}
.header.mini .header-right .lang .p
{
font-size: .075rem;
}
}
.mask
{
display: none;
position: absolute;
left: 0;
top: .5rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 1000vh;
background: rgba(0,0,0,.4);
z-index: 10;
}
.mobile
{
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 999;
padding: .2rem 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
transform: translateX(100%);
visibility: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
.mobile.show
{
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
}
@media(max-width: 1024px)
{
.mobile
{
display: block;
}
}
.mobile .box
{
padding: 0 .15rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mobile .box .close-menu
{
margin-bottom: .25rem;
font-size: .2rem;
text-align: right;
}
.mobile .box .head-logo
{
height: .25rem;
margin: 0 auto;
text-align: center;
margin-bottom: .215rem;
}
.mobile .box .head-logo img
{
height: 100%;
}
.mobile .box .search
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fbfafa;
border-radius: .075rem;
border: .005rem solid #e8dbd1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: .24rem;
}
.mobile .box .search .search-btn
{
width: 1rem;
height: .45rem;
background-color: #f7b101;
border-radius: .075rem;
border: 0;
margin-top: -.005rem;
margin-bottom: -.005rem;
font-size: .15rem;
color: #fff;
}
.mobile .box .search input
{
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: .45rem;
border: 0;
background: transparent;
padding: 0 .065rem;
font-size: .14rem;
color: #666;
}
.mobile .box .list
{
border-top: .005rem solid #e8dbd1;
height: 4.15rem;
overflow: hidden;
}
.mobile .box .list .list-wp
{
max-height: -webkit-max-content;
max-height: -moz-max-content;
max-height: max-content;
}
.mobile .box .list .list-wp .item
{
display: block;
position: relative;
}
.mobile .box .list .list-wp .item .cont
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: .15rem;
color: #333;
padding: 0 .075rem;
border-bottom: .005rem solid #e8dbd1;
}
.mobile .box .list .list-wp .item .cont .iconfont
{
position: relative;
width: .2rem;
height: .2rem;
}
.mobile .box .list .list-wp .item .cont .iconfont::before
{
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: .1rem;
height: .01rem;
background-color: #999;
}
.mobile .box .list .list-wp .item .cont .iconfont::after
{
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: .01rem;
height: .1rem;
background-color: #999;
}
.mobile .box .list .list-wp .item .cont a
{
padding: .175rem 0;
}
.mobile .box .list .list-wp .item .child
{
padding: 0 .1rem;
display: none;
}
.mobile .box .list .list-wp .item .child .child-item
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: .2rem 0;
font-size: .14rem;
color: #666;
border-bottom: .005rem dashed #e4d3c5;
}
.mobile .box .list .list-wp .item .child .child-item p
{
position: relative;
padding-left: .1rem;
}
.mobile .box .list .list-wp .item .child .child-item p::before
{
content: "-";
position: absolute;
left: 0;
top: .015rem;
}
.mobile .box .list .list-wp .item .child .child-item .iconfont
{
color: #999;
}
.mobile .box .list .list-wp .item .child .child-item.active
{
border-color: #f7b101;
color: #f7b101;
}
.mobile .box .list .list-wp .item.on .cont
{
border-bottom: .01rem solid #f7b101;
color: #f7b101;
}
.mobile .box .list .list-wp .item.on .cont .iconfont::after
{
opacity: 0;
}
.mobile .box .list .list-wp .item.on .cont .iconfont::before
{
width: .055rem;
}
.mobile .round
{
height: 2.37rem;
margin-top: .05rem;
}
.mobile .round img
{
height: 100%;
}
.index-banner
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 3.3rem;
position: relative;
overflow: hidden;
}
@media(max-width: 1024px)
{
.index-banner
{
height: auto;
padding-left: 0;
}
}
.index-banner .swiper
{
overflow: hidden;
height: 100%;
}
.index-banner .swiper .swiper-slide
{
height: 100%;
}
@media(max-width: 1024px)
{
.index-banner .swiper .swiper-slide
{
height: auto;
position: relative;
padding-bottom: 164.5333333333%;
overflow: hidden;
}
.index-banner .swiper .swiper-slide img
{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: .4s;
-moz-transition: .4s;
transition: .4s;
}
}
.index-banner .swiper .swiper-slide img
{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.index-banner .swiper-point
{
position: absolute;
z-index: 5;
bottom: .1rem;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media(max-width: 1024px)
{
.index-banner .swiper-point
{
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
top: unset;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
bottom: .1rem;
}
}
.index-banner .swiper-point .swiper-pagination-bullet
{
width: .06rem;
height: .06rem;
background-color: #fff;
border: solid .01rem #f7b101;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
opacity: 1;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
@media(max-width: 1024px)
{
.index-banner .swiper-point .swiper-pagination-bullet
{
width: .125rem;
height: .125rem;
border-width: .02rem;
}
}
.index-banner .swiper-point .swiper-pagination-bullet+.swiper-pagination-bullet
{
margin-left: .14rem;
}
@media(max-width: 1024px)
{
.index-banner .swiper-point .swiper-pagination-bullet+.swiper-pagination-bullet
{
margin-left: .14rem;
}
}
.index-banner .swiper-point .swiper-pagination-bullet-active
{
background-color: #f7b101;
}
.index-products
{
padding-top: .2rem;
padding-bottom: .5rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.index-products .head
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media(max-width: 1024px)
{
.index-products .head
{
display: block;
}
}
.index-products .head .cate
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: .4rem;
}
@media(max-width: 1024px)
{
.index-products .head .cate
{
margin-top: .25rem;
gap: .2rem;
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
}
}
.index-products .head .cate-item
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .075rem;
cursor: pointer;
}
@media(max-width: 1024px)
{
.index-products .head .cate-item
{
-webkit-box-pack: start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.index-products .head .cate-item .icon
{
width: .33rem;
height: .33rem;
padding: .015rem;
border: .01rem dotted #f7b101;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 100%;
position: relative;
}
@media(max-width: 1024px)
{
.index-products .head .cate-item .icon
{
width: .45rem;
height: .45rem;
padding: .04rem;
border-width: .02rem;
}
}
.index-products .head .cate-item .icon .iconfont
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #f7b101;
width: .28rem;
height: .28rem;
border-radius: 100%;
font-size: .17rem;
color: #fff;
}
@media(max-width: 1024px)
{
.index-products .head .cate-item .icon .iconfont
{
width: 100%;
height: 100%;
}
}
.index-products .head .cate-item .icon img
{
width: 100%;
height: 100%;
}
.index-products .head .cate-item .icon img.default
{
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
.index-products .head .cate-item .icon img.hover
{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: -moz-calc(100% - .03rem);
width: calc(100% - .03rem);
height: -moz-calc(100% - .03rem);
height: calc(100% - .03rem);
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
visibility: hidden;
opacity: 0;
}
.index-products .head .cate-item .name
{
font-size: .11rem;
font-weight: bold;
}
@media(max-width: 1024px)
{
.index-products .head .cate-item .name
{
font-size: .16rem;
}
}
.index-products .head .cate-item.on .icon, .index-products .head .cate-item:hover .icon
{
border-color: #1993d2;
}
.index-products .head .cate-item.on .icon .iconfont, .index-products .head .cate-item:hover .icon .iconfont
{
background-color: #1993d2;
}
.index-products .head .cate-item.on .icon .hover, .index-products .head .cate-item:hover .icon .hover
{
opacity: 1;
visibility: visible;
}
.index-products .head .cate-item.on .icon .default, .index-products .head .cate-item:hover .icon .default
{
opacity: 0;
}
.index-products .head .cate-item.on .name, .index-products .head .cate-item:hover .name
{
color: #1993d2;
}
.index-products .head .cate-item:first-child .icon .iconfont
{
font-size: .22rem;
}
.index-products .cont
{
margin-top: .175rem;
position: relative;
overflow: hidden;
}
.index-products .cont .item
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #1993d2;
position: absolute;
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(-.75rem);
-moz-transform: translateX(-.75rem);
transform: translateX(-.75rem);
-webkit-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s;
top: 0;
left: 0;
right: 0;
}
@media(max-width: 1024px)
{
.index-products .cont .item
{
display: block;
}
}
.index-products .cont .item.on
{
position: relative;
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.index-products .cont .item .lt
{
width: 73.2558139535%;
height: 3.2rem;
overflow: hidden;
}
@media(max-width: 1024px)
{
.index-products .cont .item .lt
{
width: 100%;
height: auto;
position: relative;
padding-bottom: 93.3333333333%;
overflow: hidden;
}
.index-products .cont .item .lt img
{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: .4s;
-moz-transition: .4s;
transition: .4s;
}
}
.index-products .cont .item .lt img
{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.index-products .cont .item .rt
{
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: .45rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media(max-width: 1024px)
{
.index-products .cont .item .rt
{
padding: .3rem .2rem;
}
}
.index-products .cont .item .rt .t
{
font-weight: bold;
font-size: .21rem;
color: #fff;
}
.index-products .cont .item .rt .t-en
{
font-size: .08rem;
color: #fff;
line-height: .2rem;
}
@media(max-width: 1024px)
{
.index-products .cont .item .rt .t-en
{
font-size: .12rem;
}
}
.index-products .cont .item .rt .line
{
width: .13rem;
height: .015rem;
background-color: #f7b101;
margin-top: .05rem;
margin-bottom: .065rem;
}
@media(max-width: 1024px)
{
.index-products .cont .item .rt .line
{
margin-top: .1rem;
margin-bottom: .1rem;
height: .02rem;
width: .175rem;
}
}
.index-products .cont .item .rt .info
{
font-size: .08rem;
line-height: .18rem;
color: #fff;
}
@media(max-width: 1024px)
{
.index-products .cont .item .rt .info
{
font-size: .14rem;
line-height: .3rem;
}
}
.index-products .cont .item .rt .more
{
width: .7rem;
height: .25rem;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #f7b101;
color: #fff;
font-size: .08rem;
border-radius: .2rem;
margin-top: .2rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: .01rem solid #f7b101;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
@media(max-width: 1024px)
{
.index-products .cont .item .rt .more
{
width: 1rem;
height: .35rem;
font-size: .13rem;
line-height: normal;
}
}
.index-products .cont .item .rt .more:hover
{
background-color: transparent;
}
.index-development
{
height: 4.8rem;
overflow: hidden;
position: relative;
}
.index-development .swiper-btn
{
display: none;
}
@media(max-width: 1024px)
{
.index-development .swiper-btn
{
position: absolute;
z-index: 3;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
width: .3rem;
height: .3rem;
border-radius: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: .225rem;
color: #0076c8;
}
.index-development .swiper-btn.prev
{
left: .05rem;
}
.index-development .swiper-btn.next
{
right: .05rem;
}
}
.index-development .swiper
{
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
overflow: hidden;
height: 100%;
}
@media(max-width: 1024px)
{
.index-development .swiper
{
display: block;
}
}
.index-development .item
{
position: relative;
height: 100%;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
overflow: hidden;
}
.index-development .item .cont
{
height: 100%;
overflow: hidden;
}
.index-development .item .img
{
width: 100%;
height: 100%;
}
.index-development .item .img img
{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
.index-development .item .img .hover
{
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
.index-development .item .info
{
position: absolute;
left: 0%;
bottom: .35rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
padding: 0 .4rem;
}
.index-development .item .info .t
{
font-size: .275rem;
color: #fff;
font-weight: 100;
margin-bottom: .025rem;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
.index-development .item .info .p
{
font-size: .09rem;
color: #fff;
opacity: .8;
line-height: .19rem;
width: 3rem;
overflow: hidden;
display: none;
}
@media(max-width: 1024px)
{
.index-development .item .info .p
{
font-size: .14rem;
line-height: .275rem;
}
}
.index-development .item .info .more
{
background-color: #f7b101;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
width: .215rem;
height: .15rem;
border-radius: .2rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: .01rem solid #f7b101;
margin-top: .1rem;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
@media(max-width: 1024px)
{
.index-development .item .info .more
{
width: .3rem;
height: .2rem;
}
}
.index-development .item .info .more .iconfont
{
color: #fff;
font-size: .1rem;
}
@media(max-width: 1024px)
{
.index-development .item .info .more .iconfont
{
font-size: .14rem;
}
}
.index-development .item .info .more:hover
{
background: #f7b101;
border-color: #f7b101;
}
.index-development .item:hover .img img
{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
@media(max-width: 1024px)
{
.index-development .item
{
-webkit-clip-path: unset;
clip-path: unset;
width: 100%;
margin-left: 0;
}
.index-development .item:hover .img .hover
{
opacity: 1;
}
.index-development .item:hover .info
{
bottom: .75rem;
}
.index-development .item:hover .info .p
{
display: block;
}
.index-development .item:hover .more
{
margin-left: 0;
background: #f7b101;
border-color: #f7b101;
}
}
.index-news
{
padding-top: .5rem;
padding-bottom: .5rem;
background-color: #f0f7fb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.index-news .head
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.index-news .more
{
width: .7rem;
height: .25rem;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #f7b101;
color: #fff;
font-size: .08rem;
border-radius: .2rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: .01rem solid #f7b101;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
@media(max-width: 1024px)
{
.index-news .more
{
width: 1rem;
height: .35rem;
font-size: .13rem;
}
}
.index-news .more:hover
{
background-color: transparent;
}
.index-news .news-box
{
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
gap: .175rem;
margin-top: .2rem;
position: relative;
}
@media(max-width: 1024px)
{
.index-news .news-box
{
grid-template-columns: repeat(1,minmax(0,1fr));
}
}
.index-news .news-box .lt
{
grid-column: span 2/span 2;
position: relative;
height: 100%;
}
.index-news .news-box .lt .swiper-btn
{
display: none;
}
@media(max-width: 1024px)
{
.index-news .news-box .lt
{
grid-column: span 1/span 1;
}
.index-news .news-box .lt .swiper-btn
{
position: absolute;
z-index: 3;
top: .85rem;
width: .3rem;
height: .3rem;
border-radius: 100%;
border: .02rem solid #f7b101;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: .225rem;
color: #fff;
background-color: #f7b101;
}
.index-news .news-box .lt .swiper-btn.prev
{
left: -.1rem;
}
.index-news .news-box .lt .swiper-btn.next
{
right: -.1rem;
}
}
.index-news .news-box .swiper
{
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: .175rem;
height: 100%;
}
@media(max-width: 1024px)
{
.index-news .news-box .swiper
{
width: 100%;
overflow: hidden;
display: block;
grid-column: span 1/span 1;
}
}
.index-news .news-box .swiper .swiper-slide
{
height: 100%;
background-color: #fff;
}
.index-news .news-box .swiper .swiper-slide .img
{
position: relative;
padding-bottom: 62.7272727273%;
overflow: hidden;
}
.index-news .news-box .swiper .swiper-slide .img img
{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: .4s;
-moz-transition: .4s;
transition: .4s;
}
.index-news .news-box .swiper .swiper-slide .info
{
padding: .175rem .225rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
}
.index-news .news-box .swiper .swiper-slide .info .t
{
font-size: .11rem;
font-weight: bold;
line-height: .175rem;
color: #333;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media(max-width: 1024px)
{
.index-news .news-box .swiper .swiper-slide .info .t
{
font-size: .16rem;
line-height: .225rem;
}
}
.index-news .news-box .swiper .swiper-slide .info .p
{
font-size: .08rem;
line-height: .15rem;
color: #666;
margin-top: .075rem;
margin-bottom: .15rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media(max-width: 1024px)
{
.index-news .news-box .swiper .swiper-slide .info .p
{
font-size: .14rem;
line-height: .225rem;
}
}
.index-news .news-box .swiper .swiper-slide .info .date
{
color: #999;
font-size: .07rem;
}
@media(max-width: 1024px)
{
.index-news .news-box .swiper .swiper-slide .info .date
{
font-size: .13rem;
}
}
.index-news .news-box .swiper .swiper-slide .info .more
{
margin-top: .2rem;
width: .55rem;
height: .2rem;
font-size: .07rem;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
@media(max-width: 1024px)
{
.index-news .news-box .swiper .swiper-slide .info .more
{
font-size: .13rem;
width: .9rem;
height: .3rem;
}
}
.index-news .news-box .swiper .swiper-slide:hover .img img
{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
.index-news .news-box .swiper .swiper-slide:hover .t
{
color: #1993d2;
}
.index-news .news-box .swiper .swiper-slide:hover .more
{
background-color: #1993d2;
border-color: #1993d2;
}
.index-news .news-box .rt
{
background-color: #fff;
padding: .175rem .225rem;
}
.index-news .news-box .rt .item
{
border-bottom: .005rem dashed rgba(153,153,153,.4);
padding-bottom: .125rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: .125rem;
}
.index-news .news-box .rt .item:first-child
{
padding-top: 0;
}
.index-news .news-box .rt .item:last-child
{
border-bottom: 0;
padding-bottom: 0;
}
.index-news .news-box .rt .item .t
{
font-size: .11rem;
font-weight: bold;
line-height: .175rem;
color: #333;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media(max-width: 1024px)
{
.index-news .news-box .rt .item .t
{
font-size: .16rem;
line-height: .225rem;
}
}
.index-news .news-box .rt .item .p
{
font-size: .08rem;
line-height: .15rem;
color: #666;
margin-top: .075rem;
margin-bottom: .075rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media(max-width: 1024px)
{
.index-news .news-box .rt .item .p
{
font-size: .14rem;
line-height: .225rem;
}
}
.index-news .news-box .rt .item .date
{
color: #999;
font-size: .07rem;
}
@media(max-width: 1024px)
{
.index-news .news-box .rt .item .date
{
font-size: .14rem;
line-height: .225rem;
}
}
.index-news .news-box .rt .item:hover .t
{
color: #1993d2;
}
footer
{
border-top: .05rem solid #f7b101;
background-color: #1993d2;
padding-top: .375rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
footer .footer
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
footer .footer .lt
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 62.0930232558%;
}
@media(max-width: 1024px)
{
footer .footer .lt
{
display: none;
}
}
footer .footer .lt .menu-item .h1
{
font-size: .09rem;
color: #fff;
font-weight: bold;
margin-bottom: .125rem;
}
footer .footer .lt .menu-item .item-link
{
display: block;
font-size: .08rem;
line-height: .15rem;
color: #fff;
margin-bottom: .075rem;
}
footer .footer .lt .menu-item a
{
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
footer .footer .lt .menu-item a::after
{
content: "";
position: absolute;
top: 100%;
left: 0;
right: 0;
width: 100%;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
transform: scaleX(0);
height: .01rem;
background-color: #fff;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
footer .footer .lt .menu-item a:hover::after
{
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
transform: scaleX(1);
}
footer .footer .rt
{
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: right;
}
@media(max-width: 1024px)
{
footer .footer .rt
{
text-align: center;
}
}
footer .footer .rt .p
{
font-size: .09rem;
color: #fff;
letter-spacing: .02rem;
}
@media(max-width: 1024px)
{
footer .footer .rt .p
{
font-size: .14rem;
margin-bottom: .1rem;
}
}
footer .footer .rt .tel
{
font-size: .225rem;
color: #f1c71d;
font-weight: bold;
font-style: italic;
margin-bottom: .1rem;
}
@media(max-width: 1024px)
{
footer .footer .rt .tel
{
font-size: .25rem;
}
}
footer .footer .rt .address
{
font-size: .08rem;
line-height: .2rem;
color: #fff;
}
@media(max-width: 1024px)
{
footer .footer .rt .address
{
font-size: .14rem;
line-height: .225rem;
}
}
footer .footer .rt .qrocde-box
{
margin-top: .175rem;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: .09rem;
}
@media(max-width: 1024px)
{
footer .footer .rt .qrocde-box
{
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
footer .footer .rt .qrocde-box .qrcode-item
{
font-size: .07rem;
color: #fff;
}
@media(max-width: 1024px)
{
footer .footer .rt .qrocde-box .qrcode-item
{
font-size: .12rem;
}
}
footer .footer .rt .qrocde-box .qrcode-item p
{
opacity: .5;
margin-top: .04rem;
}
footer .footer .rt .qrocde-box .qrcode-item .img
{
width: .55rem;
height: .55rem;
border-radius: .025rem;
background-color: #fff;
padding: .025rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media(max-width: 1024px)
{
footer .footer .rt .qrocde-box .qrcode-item .img
{
width: .75rem;
height: .75rem;
margin: 0 auto;
}
}
footer .footer .rt .qrocde-box .qrcode-item .img img
{
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
footer .link
{
margin-top: .2rem;
font-size: .09rem;
color: #fff;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
@media(max-width: 1024px)
{
footer .link
{
font-size: .14rem;
}
}
footer .link .link-list
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: .05rem .1rem;
}
@media(max-width: 1024px)
{
footer .link .link-list
{
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
footer .link a
{
opacity: .5;
}
footer .link a:hover
{
opacity: 1;
}
footer .copyright
{
border-top: .005rem solid rgba(255,255,255,.2);
padding: .2rem 0;
margin-top: .2rem;
}
footer .copyright .cont
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: .08rem;
color: #fff;
}
@media(max-width: 1024px)
{
footer .copyright .cont
{
font-size: .14rem;
display: block;
text-align: center;
}
}
footer .copyright .cont a
{
margin-left: .075rem;
position: relative;
}
@media(max-width: 1024px)
{
footer .copyright .cont a
{
display: block;
margin-left: 0;
margin-top: .1rem;
}
}
footer .copyright .cont a::after
{
content: "";
position: absolute;
top: 100%;
left: 0;
right: 0;
width: 100%;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
transform: scaleX(0);
height: .01rem;
background-color: #fff;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
footer .copyright .cont a:hover::after
{
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
transform: scaleX(1);
}
.news
{
margin-top: .35rem;
margin-bottom: .5rem;
}
@media(max-width: 1024px)
{
.news
{
margin-top: .25rem;
}
}
.news .list
{
margin-top: .15rem;
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
gap: .225rem;
}
@media(max-width: 1024px)
{
.news .list
{
grid-template-columns: repeat(1,minmax(0,1fr));
}
}
.news .list .item .img
{
position: relative;
padding-bottom: 62.6666666667%;
overflow: hidden;
}
.news .list .item .img img
{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: .4s;
-moz-transition: .4s;
transition: .4s;
}
.news .list .item .txt
{
padding: .175rem .15rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.news .list .item .txt .t
{
font-size: .1rem;
line-height: .175rem;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media(max-width: 1024px)
{
.news .list .item .txt .t
{
font-size: .17rem;
line-height: .225rem;
}
}
.news .list .item .txt .date
{
font-size: .07rem;
color: #999;
margin-top: .075rem;
margin-bottom: .125rem;
}
@media(max-width: 1024px)
{
.news .list .item .txt .date
{
font-size: .12rem;
}
}
.news .list .item .txt .info
{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: .08rem;
color: #666;
line-height: .15rem;
}
@media(max-width: 1024px)
{
.news .list .item .txt .info
{
font-size: .13rem;
line-height: .225rem;
}
}
.news .list .item .txt .more-btn
{
margin-top: .125rem;
background-color: #0076c8;
border-color: #0076c8;
}
.news .list .item:hover .img img
{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
.news .list .item:hover .txt .t
{
color: #0076c8;
}
.news .list .item:hover .txt .more-btn
{
background-color: #f7b101;
border-color: #f7b101;
}
.news .paged
{
margin-top: .2rem;
}
.news-detal
{
margin-top: .4rem;
margin-bottom: .5rem;
}
.news-detal .wp1050
{
max-width: 5.25rem;
margin: 0 auto;
}
@media(max-width: 1024px)
{
.news-detal .wp1050
{
padding: 0 .15rem;
}
}
.news-detal .title
{
font-size: .12rem;
line-height: .175rem;
font-weight: bold;
}
@media(max-width: 1024px)
{
.news-detal .title
{
font-size: .19rem;
line-height: .275rem;
}
}
.news-detal .date
{
font-size: .07rem;
color: #999;
line-height: .175rem;
margin-bottom: .075rem;
}
@media(max-width: 1024px)
{
.news-detal .date
{
font-size: .12rem;
line-height: .275rem;
margin-top: .05rem;
margin-bottom: .1rem;
}
}
.news-detal .date span+span
{
margin-left: .225rem;
}
.news-detal .hr
{
border-top: .005rem dashed rgba(0,0,0,.2);
}
.news-detal .cont
{
margin-top: .2rem;
margin-bottom: .3rem;
font-size: .08rem;
color: #666;
line-height: .175rem;
}
@media(max-width: 1024px)
{
.news-detal .cont
{
font-size: .16rem;
line-height: .325rem;
text-align: justify;
}
}
.news-detal .cont p+p
{
margin-top: .125rem;
}
.news-detal .cont img
{
display: block;
margin: 0 auto;
}
.news-detal .cont p+img
{
margin-top: .175rem;
}
.news-detal .cont img+img
{
margin-top: .05rem;
}
.news-detal .cont img+p
{
margin-top: .175rem;
}
.news-detal .more-news
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: .3rem;
}
@media(max-width: 1024px)
{
.news-detal .more-news
{
display: block;
}
}
.news-detal .more-news .rt a
{
display: block;
font-size: .08rem;
line-height: .175rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
@media(max-width: 1024px)
{
.news-detal .more-news .rt a
{
font-size: .16rem;
line-height: .3rem;
}
}
.news-detal .more-news .rt a:hover
{
color: #0076c8;
}
.news-detal .more-news .back
{
width: .7rem;
height: .225rem;
background-color: #1993d2;
border-radius: .2rem;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: .07rem;
color: #fff;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
@media(max-width: 1024px)
{
.news-detal .more-news .back
{
font-size: .12rem;
line-height: .35rem;
width: 1rem;
height: .35rem;
border-radius: .35rem;
margin-top: .15rem;
margin-left: auto;
margin-right: auto;
}
}
.news-detal .more-news .back:hover
{
background-color: #f7b101;
}
.about
{
margin-top: .35rem;
margin-bottom: .5rem;
}
.about .cont
{
margin-top: .1rem;
font-size: .08rem;
color: #333;
line-height: .175rem;
}
@media(max-width: 1024px)
{
.about .cont
{
font-size: .16rem;
line-height: .325rem;
text-align: justify;
}
}
.about .data-list
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: .3rem;
margin-bottom: .3rem;
}
@media(max-width: 1024px)
{
.about .data-list
{
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
gap: .25rem;
}
}
.about .data-list .item .num-box
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.about .data-list .item .num-box .num
{
font-size: .275rem;
font-weight: bold;
color: #1993d2;
line-height: .175rem;
}
.about .data-list .item .num-box .dw
{
font-size: .08rem;
color: #1993d2;
font-weight: bold;
margin-left: .04rem;
}
@media(max-width: 1024px)
{
.about .data-list .item .num-box .dw
{
font-size: .13rem;
}
}
.about .data-list .item .p
{
font-size: .08rem;
color: #2f3132;
margin-top: .075rem;
}
@media(max-width: 1024px)
{
.about .data-list .item .p
{
font-size: .14rem;
margin-top: .05rem;
}
}
.about .img
{
position: relative;
padding-bottom: 33.3333333333%;
overflow: hidden;
}
.about .img img
{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: .4s;
-moz-transition: .4s;
transition: .4s;
}
.about .img:hover img
{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
.culture
{
margin-top: .35rem;
margin-bottom: .5rem;
}
.culture .cont
{
margin-top: .2rem;
display: grid;
grid-template-columns: repeat(4,minmax(0,1fr));
gap: .075rem;
}
@media(max-width: 1024px)
{
.culture .cont
{
grid-template-columns: repeat(2,minmax(0,1fr));
gap: .15rem;
}
}
.culture .cont .col-span-2
{
grid-column: span 4/span 4;
position: relative;
padding-bottom: 23.6111111111%;
overflow: hidden;
overflow: hidden;
}
.culture .cont .col-span-2 img
{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: .4s;
-moz-transition: .4s;
transition: .4s;
}
.culture .cont .col-span-2 img
{
width: 100%;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
@media(max-width: 1024px)
{
.culture .cont .col-span-2
{
grid-column: span 2/span 2;
}
}
.culture .cont .col-span-2:hover img
{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
.culture .cont .item
{
background-color: #eef6fa;
padding: .3rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 1.7rem;
}
@media(max-width: 1024px)
{
.culture .cont .item
{
padding: .25rem .15rem;
height: 2.6rem;
}
}
.culture .cont .item .icon
{
width: .31rem;
height: .31rem;
}
@media(max-width: 1024px)
{
.culture .cont .item .icon
{
width: .4rem;
height: .4rem;
margin: 0 auto;
}
}
.culture .cont .item .icon img
{
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
.culture .cont .item .t
{
font-size: .12rem;
line-height: .25rem;
color: #333;
font-weight: bold;
margin-top: .15rem;
}
@media(max-width: 1024px)
{
.culture .cont .item .t
{
font-size: .16rem;
line-height: .275rem;
text-align: center;
}
}
.culture .cont .item .p
{
font-size: .09rem;
line-height: .2rem;
color: #666;
}
@media(max-width: 1024px)
{
.culture .cont .item .p
{
font-size: .14rem;
line-height: .3rem;
text-align: center;
}
}
.culture .cont .item:hover img
{
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.history
{
padding-top: .35rem;
padding-bottom: .5rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
overflow: hidden;
}
.history .bg
{
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.history .head
{
position: relative;
}
.history .history-list
{
position: relative;
margin-top: .2rem;
padding: 0 .5rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media(max-width: 1024px)
{
.history .history-list
{
padding: 0;
}
}
.history .history-list .item
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.history .history-list .item .rt
{
margin-right: .1rem;
}
.history .history-list .item .rt .year
{
width: .6rem;
height: .2rem;
background-color: #1993d2;
font-weight: bold;
color: #fff;
font-size: .1rem;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: .2rem;
}
@media(max-width: 1024px)
{
.history .history-list .item .rt .year
{
width: .75rem;
height: .3rem;
border-radius: .3rem;
font-size: .15rem;
}
}
.history .history-list .item .info
{
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
padding-left: .415rem;
}
@media(max-width: 1024px)
{
.history .history-list .item .info
{
padding-left: .25rem;
}
}
.history .history-list .item .info .txt
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
border: solid .005rem #e8f1f5;
font-size: .09rem;
line-height: .175rem;
color: #666;
padding: .1rem;
position: relative;
}
@media(max-width: 1024px)
{
.history .history-list .item .info .txt
{
font-size: .14rem;
line-height: .275rem;
border-width: .01rem;
}
}
.history .history-list .item .info .txt::before
{
content: "";
position: absolute;
top: 50%;
bottom: 0;
left: -.415rem;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
width: .415rem;
height: .01rem;
opacity: .1;
background-color: #1993d2;
}
@media(max-width: 1024px)
{
.history .history-list .item .info .txt::before
{
width: .25rem;
left: -.25rem;
height: .015rem;
}
}
.history .history-list .item .info::after
{
content: "";
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
width: .05rem;
height: .05rem;
border-radius: 100%;
background-color: #0076c8;
}
@media(max-width: 1024px)
{
.history .history-list .item .info::after
{
width: .07rem;
height: .07rem;
}
}
.history .history-list .item .info::before
{
content: "";
position: absolute;
top: -.1rem;
bottom: 0;
left: .02rem;
width: .01rem;
opacity: .1;
background-color: #0076c8;
}
@media(max-width: 1024px)
{
.history .history-list .item .info::before
{
width: .015rem;
left: .03rem;
}
}
.history .history-list .item+.item
{
margin-top: .1rem;
}
.history .history-list .item:first-child .info::before
{
top: 50%;
}
.history .history-list .item:last-child .info::before
{
bottom: 50%;
}
.honor
{
margin-top: .35rem;
margin-bottom: .5rem;
}
.honor .section-1
{
position: relative;
margin-top: .2rem;
}
.honor .section-1 .swiper
{
overflow: hidden;
}
.honor .section-1 .swiper .swiper-slide .image-box
{
background-color: #f0f5f9;
border: solid .005rem #e4eef7;
padding: .15rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
.honor .section-1 .swiper .swiper-slide .image-box .img
{
position: relative;
padding-bottom: 75.4716981132%;
overflow: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
.honor .section-1 .swiper .swiper-slide .image-box .img img
{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: .4s;
-moz-transition: .4s;
transition: .4s;
}
.honor .section-1 .swiper .swiper-slide .t
{
text-align: center;
font-size: .09rem;
margin-top: .05rem;
line-height: .175rem;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
@media(max-width: 1024px)
{
.honor .section-1 .swiper .swiper-slide .t
{
font-size: .15rem;
margin-top: .1rem;
}
}
.honor .section-1 .swiper .swiper-slide:hover .image-box
{
border-color: #0076c8;
}
.honor .section-1 .swiper .swiper-slide:hover .image-box .img
{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
.honor .section-1 .swiper .swiper-slide:hover .t
{
color: #0076c8;
}
.honor .section-1 .swiper-btn
{
position: absolute;
top: .65rem;
font-size: .175rem;
z-index: 9;
color: #c8cfdc;
font-weight: bold;
cursor: pointer;
}
@media(max-width: 1024px)
{
.honor .section-1 .swiper-btn
{
font-size: .275rem;
top: .5rem;
}
}
.honor .section-1 .swiper-btn:hover
{
color: #0076c8;
}
.honor .section-1 .swiper-btn.prev
{
left: -.2rem;
}
@media(max-width: 1024px)
{
.honor .section-1 .swiper-btn.prev
{
left: -.05rem;
}
}
.honor .section-1 .swiper-btn.next
{
right: -.2rem;
}
@media(max-width: 1024px)
{
.honor .section-1 .swiper-btn.next
{
right: -.05rem;
}
}
.honor .section-2
{
position: relative;
margin-top: .45rem;
}
.honor .section-2 .year-list
{
position: relative;
background-color: #1993d2;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
height: .35rem;
padding: 0 .1rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media(max-width: 1024px)
{
.honor .section-2 .year-list
{
height: .5rem;
position: -webkit-sticky;
position: sticky;
top: .5rem;
z-index: 99;
}
}
.honor .section-2 .year-list .swiper-btn
{
width: .18rem;
height: .18rem;
border: solid .01rem #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
font-size: .15rem;
cursor: pointer;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
@media(max-width: 1024px)
{
.honor .section-2 .year-list .swiper-btn
{
width: .225rem;
height: .225rem;
}
}
.honor .section-2 .year-list .swiper-btn:hover
{
background-color: #f7b101;
border-color: #f7b101;
}
.honor .section-2 .year-list .swiper
{
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0 .225rem;
overflow: hidden;
}
.honor .section-2 .year-list .swiper .swiper-slide
{
color: #fff;
font-size: .11rem;
font-weight: bold;
cursor: pointer;
height: .2rem;
line-height: .175rem;
}
@media(max-width: 1024px)
{
.honor .section-2 .year-list .swiper .swiper-slide
{
font-size: .16rem;
height: .3rem;
}
}
.honor .section-2 .year-list .swiper .swiper-slide p
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: .2rem;
width: 100%;
height: 100%;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
.honor .section-2 .year-list .swiper .swiper-slide:hover p
{
background-color: #f7b101;
}
.honor .section-2 .year-list .swiper .swiper-slide-thumb-active p
{
background-color: #f7b101;
}
.honor .section-2 .honor-list-box
{
overflow: hidden;
border: .005rem solid #e4eef7;
padding: .15rem .225rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media(max-width: 1024px)
{
.honor .section-2 .honor-list-box
{
border-width: .01rem;
}
}
.honor .section-2 .honor-list-box .swiper
{
overflow: hidden;
}
.honor .section-2 .honor-list-box .swiper .swiper-slide .item
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative;
padding: .05rem 0;
}
.honor .section-2 .honor-list-box .swiper .swiper-slide .item::after
{
content: "";
position: absolute;
left: .025rem;
width: .01rem;
top: 0;
bottom: 0;
background-color: #0077be;
opacity: .12;
}
@media(max-width: 1024px)
{
.honor .section-2 .honor-list-box .swiper .swiper-slide .item::after
{
width: .015rem;
left: .04rem;
}
}
.honor .section-2 .honor-list-box .swiper .swiper-slide .item .round
{
width: .06rem;
height: .06rem;
background-color: #fff;
border: solid .01rem #d3e6f2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 100%;
position: relative;
z-index: 2;
margin-top: .05rem;
}
@media(max-width: 1024px)
{
.honor .section-2 .honor-list-box .swiper .swiper-slide .item .round
{
width: .1rem;
height: .1rem;
border-width: .02rem;
margin-top: .08rem;
}
}
.honor .section-2 .honor-list-box .swiper .swiper-slide .item .date
{
font-size: .08rem;
color: #f7b101;
font-weight: bold;
line-height: .175rem;
margin: 0 .15rem;
}
@media(max-width: 1024px)
{
.honor .section-2 .honor-list-box .swiper .swiper-slide .item .date
{
font-size: .14rem;
line-height: .275rem;
}
}
.honor .section-2 .honor-list-box .swiper .swiper-slide .item .txt
{
font-size: .08rem;
color: #666;
line-height: .175rem;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media(max-width: 1024px)
{
.honor .section-2 .honor-list-box .swiper .swiper-slide .item .txt
{
font-size: .14rem;
line-height: .275rem;
}
}
.honor .section-2 .honor-list-box .swiper .swiper-slide .item:first-child::after
{
top: .1rem;
}
@media(max-width: 1024px)
{
.honor .section-2 .honor-list-box .swiper .swiper-slide .item:first-child::after
{
top: .15rem;
}
}
.honor .section-2 .honor-list-box .swiper .swiper-slide .item:last-child::after
{
bottom: unset;
height: .1rem;
}
@media(max-width: 1024px)
{
.honor .section-2 .honor-list-box .swiper .swiper-slide .item:last-child::after
{
height: .2rem;
}
}
.contact
{
margin-top: .35rem;
margin-bottom: .5rem;
}
.contact .cont
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: .2rem;
}
@media(max-width: 1024px)
{
.contact .cont
{
display: block;
}
}
.contact .cont .map-img
{
width: 3.9rem;
}
@media(max-width: 1024px)
{
.contact .cont .map-img
{
width: 100%;
margin-top: .2rem;
}
}
.contact .cont .map-img .img
{
position: relative;
padding-bottom: 66.6666666667%;
overflow: hidden;
}
.contact .cont .map-img .img img
{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: .4s;
-moz-transition: .4s;
transition: .4s;
}
.contact .cont .lt
{
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.contact .cont .lt .t
{
font-size: .16rem;
color: #333;
font-weight: bold;
}
@media(max-width: 1024px)
{
.contact .cont .lt .t
{
font-size: .17rem;
}
}
.contact .cont .lt .line
{
margin-top: .125rem;
margin-bottom: .15rem;
position: relative;
}
.contact .cont .lt .line::after
{
content: "";
display: block;
width: 100%;
height: .005rem;
background-color: #eee;
}
.contact .cont .lt .line::before
{
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
width: .15rem;
height: .015rem;
background-color: #f7b101;
}
.contact .cont .lt .contact-msg .item
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
@media(max-width: 1024px)
{
.contact .cont .lt .contact-msg .item+.item
{
margin-top: .1rem;
}
}
.contact .cont .lt .contact-msg .item .iconfont
{
font-size: .08rem;
color: #f7b101;
margin-right: .05rem;
margin-top: .06rem;
}
@media(max-width: 1024px)
{
.contact .cont .lt .contact-msg .item .iconfont
{
font-size: .13rem;
}
}
.contact .cont .lt .contact-msg .item .p
{
font-size: .09rem;
color: #333;
line-height: .2rem;
}
@media(max-width: 1024px)
{
.contact .cont .lt .contact-msg .item .p
{
font-size: .14rem;
line-height: .225rem;
}
}
.contact .cont .lt .qrcode-box
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
gap: .1rem;
margin-top: .15rem;
}
.contact .cont .lt .qrcode-box .qrcode-item .img
{
width: .74rem;
height: .74rem;
border-radius: .05rem;
border: .005rem solid #dcdcdc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: .05rem;
}
@media(max-width: 1024px)
{
.contact .cont .lt .qrcode-box .qrcode-item .img
{
width: 1rem;
height: 1rem;
margin: 0 auto;
}
}
.contact .cont .lt .qrcode-box .qrcode-item .img img
{
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.contact .cont .lt .qrcode-box .qrcode-item .name
{
text-align: center;
margin-top: .06rem;
font-size: .08rem;
color: #333;
}
@media(max-width: 1024px)
{
.contact .cont .lt .qrcode-box .qrcode-item .name
{
font-size: .14rem;
margin-top: .075rem;
}
}
.products
{
margin-top: .35rem;
margin-bottom: .5rem;
}
.products .cont
{
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: .3rem;
margin-top: .2rem;
}
@media(max-width: 1024px)
{
.products .cont
{
grid-template-columns: repeat(1,minmax(0,1fr));
}
}
.products .cont .item
{
background-color: #f5f9fc;
border: solid .005rem #e5eef5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: .2rem;
}
.products .cont .item .top
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.products .cont .item .top .icon
{
width: .33rem;
height: .33rem;
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: .005rem dashed #0076c8;
padding: .02rem;
border-radius: 100%;
margin-right: .075rem;
}
@media(max-width: 1024px)
{
.products .cont .item .top .icon
{
width: .45rem;
height: .45rem;
}
}
.products .cont .item .top .icon img
{
width: 100%;
height: 100%;
border-radius: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
.products .cont .item .top .t
{
font-size: .14rem;
font-weight: bold;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media(max-width: 1024px)
{
.products .cont .item .top .t
{
font-size: .16rem;
}
}
.products .cont .item .top:hover .icon img
{
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.products .cont .item .info
{
font-size: .08rem;
line-height: .175rem;
color: #666;
margin-top: .15rem;
}
@media(max-width: 1024px)
{
.products .cont .item .info
{
font-size: .14rem;
line-height: .275rem;
text-align: justify;
}
}
.products .cont .item .hr
{
border-top: .005rem dashed rgba(209,226,239,.7);
margin-top: .175rem;
margin-bottom: .175rem;
}
.products .cont .item .product-list
{
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
gap: .2rem;
}
@media(max-width: 1024px)
{
.products .cont .item .product-list
{
grid-template-columns: repeat(2,minmax(0,1fr));
}
}
.products .cont .item .product-list .product-list-item
{
font-weight: bold;
font-size: .09rem;
line-height: .25rem;
padding-left: .075rem;
position: relative;
display: block;
}
@media(max-width: 1024px)
{
.products .cont .item .product-list .product-list-item
{
font-size: .14rem;
line-height: .275rem;
padding-left: .125rem;
}
.products .cont .item .product-list .product-list-item+.product-list-item
{
margin-top: .05rem;
}
}
.products .cont .item .product-list .product-list-item::after
{
content: "";
position: absolute;
left: 0;
top: .11rem;
width: .025rem;
height: .025rem;
border-radius: 100%;
background-color: #0076c8;
opacity: .3;
}
@media(max-width: 1024px)
{
.products .cont .item .product-list .product-list-item::after
{
width: .05rem;
height: .05rem;
}
}
.products .cont .item .product-list .product-list-item:hover
{
color: #1993d2;
}
.products-detail
{
margin-top: .35rem;
margin-bottom: .5rem;
font-size: .09rem;
color: #666;
line-height: .175rem;
}
@media(max-width: 1024px)
{
.products-detail
{
font-size: .16rem;
line-height: .275rem;
}
}
.products-detail table
{
width: 100%;
margin-top: .2rem;
font-size: .09rem;
color: #666;
line-height: .175rem;
}
@media(max-width: 1024px)
{
.products-detail table
{
font-size: .16rem;
line-height: .275rem;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
}
.products-detail table tr
{
height: .4rem!important;
}
@media(max-width: 1024px)
{
.products-detail table tr
{
height: auto!important;
min-height: .5rem;
}
}
.products-detail table tr:nth-child(odd)
{
background-color: #ecf2f6;
}
.products-detail table tr:first-child
{
height: .4rem!important;
background-color: #d7e6f1;
}
@media(max-width: 1024px)
{
.products-detail table tr:first-child
{
height: auto!important;
}
}
.products-detail table tr:first-child td
{
padding: 0 .125rem;
text-align: left;
font-size: .09rem;
font-weight: bold;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media(min-width: 1024px)
{
.products-detail table tr:first-child td:nth-child(1)
{
width: 1.125rem;
}
.products-detail table tr:first-child td:nth-child(2)
{
width: .88rem;
}
.products-detail table tr:first-child td:nth-child(3)
{
width: .88rem;
}
.products-detail table tr:first-child td:nth-child(4)
{
width: .88rem;
}
.products-detail table tr:first-child td:nth-child(5)
{
width: .88rem;
}
.products-detail table tr:first-child td:nth-child(6)
{
width: .88rem;
}
.products-detail table tr:first-child td:nth-child(7)
{
width: .88rem;
}
.products-detail table tr:first-child td:nth-child(8)
{
width: 1.15rem;
}
}
@media(max-width: 1024px)
{
.products-detail table tr:first-child td
{
font-size: .14rem;
padding: .075rem .2rem;
}
}
.products-detail table tr td
{
font-size: .08rem;
color: #333;
padding: 0 .125rem;
}
@media(max-width: 1024px)
{
.products-detail table tr td
{
font-size: .13rem;
padding: .125rem .2rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
.products-detail .table-box, .products-detail .cont
{
font-size: .09rem;
color: #666;
line-height: .175rem;
}
@media(max-width: 1024px)
{
.products-detail .table-box, .products-detail .cont
{
font-size: .16rem;
line-height: .275rem;
text-align: justify;
}
}
.products-detail .img-list
{
position: relative;
}
.products-detail .img-list .swiper-btn
{
position: absolute;
top: .8rem;
font-size: .225rem;
font-weight: bold;
color: #d0e7f3;
cursor: pointer;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
z-index: 99;
}
@media(max-width: 1024px)
{
.products-detail .img-list .swiper-btn
{
font-size: .25rem;
top: .45rem;
}
}
.products-detail .img-list .swiper-btn.prev
{
left: -.25rem;
}
.products-detail .img-list .swiper-btn.next
{
right: -.25rem;
}
.products-detail .img-list .swiper-btn:hover
{
color: #1993d2;
}
.products-detail .swiper
{
margin-top: .15rem;
overflow: hidden;
}
.products-detail .swiper .swiper-slide .img
{
position: relative;
padding-bottom: 69.5652173913%;
overflow: hidden;
}
.products-detail .swiper .swiper-slide .img img
{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: .4s;
-moz-transition: .4s;
transition: .4s;
}
.products-detail .swiper .swiper-slide .p
{
font-size: .1rem;
color: #333;
text-align: center;
margin-top: .05rem;
font-weight: bold;
}
@media(max-width: 1024px)
{
.products-detail .swiper .swiper-slide .p
{
font-size: .15rem;
}
}
.products-detail .hr
{
height: .005rem;
background-color: #e5e5e5;
}
.products-detail .section-1
{
margin-top: .2rem;
margin-bottom: .325rem;
}
.products-detail .section-2
{
margin-top: .35rem;
}
.products-detail .section-2 .item+.item
{
margin-top: .45rem;
}
.products-detail .section-2 .item .title
{
font-size: .13rem;
font-weight: bold;
color: #333;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .075rem;
margin-bottom: .1rem;
}
@media(max-width: 1024px)
{
.products-detail .section-2 .item .title
{
font-size: .2rem;
}
}
.products-detail .section-2 .item .title .round
{
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
}
.products-detail .section-2 .item .title .round::after
{
content: "";
position: absolute;
top: 50%;
left: 0;
right: 0;
height: .01rem;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #0076c8;
}
.products-detail .section-2 .item .title .round::before
{
content: "";
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
width: .07rem;
height: .07rem;
background-color: #fff;
border: solid .02rem #1993d2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 100%;
z-index: 2;
}
.products-detail .section-2 .item .table-box
{
width: 100%;
overflow: hidden;
position: relative;
padding-bottom: .1rem;
}
.fixed-hide, .fixed-left
{
position: fixed;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
width: .75rem;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
@media(max-width: 1024px)
{
.fixed-hide, .fixed-left
{
width: auto;
position: relative;
top: 0;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
margin-top: .2rem;
padding: .15rem;
}
}
.fixed-hide .head, .fixed-left .head
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: .3rem;
background-color: #1993d2;
cursor: pointer;
}
@media(max-width: 1024px)
{
.fixed-hide .head, .fixed-left .head
{
height: .4rem;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 .15rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
.fixed-hide .head .t, .fixed-left .head .t
{
font-size: .07rem;
color: #fff;
font-weight: normal;
}
@media(max-width: 1024px)
{
.fixed-hide .head .t, .fixed-left .head .t
{
font-size: .18rem;
}
}
.fixed-hide .head .iconfont, .fixed-left .head .iconfont
{
width: .13rem;
height: .13rem;
background-color: #fff;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #1993d2;
border-radius: 100%;
margin-left: .05rem;
}
@media(max-width: 1024px)
{
.fixed-hide .head .iconfont, .fixed-left .head .iconfont
{
width: .175rem;
height: .175rem;
}
}
.fixed-hide .list, .fixed-left .list
{
background-color: #f0f0f0;
}
.fixed-hide .list .item, .fixed-left .list .item
{
display: block;
line-height: .15rem;
border-bottom: .005rem dashed rgba(153,153,136,.12);
text-align: center;
font-size: .07rem;
color: #333;
padding: .05rem .025rem;
}
@media(max-width: 1024px)
{
.fixed-hide .list .item, .fixed-left .list .item
{
font-size: .15rem;
padding: .1rem;
text-align: left;
}
}
.fixed-hide .list .item:hover, .fixed-left .list .item:hover
{
color: #1993d2;
}
.fixed-hide .hide, .fixed-left .hide
{
width: .2rem;
background-color: #1993d2;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: .075rem .025rem;
-webkit-transform: translateX(-.5rem);
-moz-transform: translateX(-.5rem);
transform: translateX(-.5rem);
opacity: 0;
visibility: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
@media(max-width: 1024px)
{
.fixed-hide .hide, .fixed-left .hide
{
width: .25rem;
}
}
.fixed-hide .hide.show, .fixed-left .hide.show
{
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.fixed-hide .hide .t, .fixed-left .hide .t
{
font-size: .07rem;
color: #fff;
font-weight: normal;
text-align: center;
padding: 0 .025rem;
}
@media(max-width: 1024px)
{
.fixed-hide .hide .t, .fixed-left .hide .t
{
font-size: .13rem;
}
}
.fixed-hide .hide .iconfont, .fixed-left .hide .iconfont
{
width: .13rem;
height: .13rem;
background-color: #fff;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #1993d2;
border-radius: 100%;
margin-top: .05rem;
}
@media(max-width: 1024px)
{
.fixed-hide .hide .iconfont, .fixed-left .hide .iconfont
{
width: .175rem;
height: .175rem;
}
}
.fixed-hide.hidden, .fixed-left.hidden
{
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(-.5rem) translateY(-50%);
-moz-transform: translateX(-.5rem) translateY(-50%);
transform: translateX(-.5rem) translateY(-50%);
}
.fixed-hide
{
width: auto;
}
@media(max-width: 1024px)
{
.fixed-hide
{
display: none;
}
}
.manufacture
{
margin-top: .35rem;
margin-bottom: .5rem;
}
.manufacture .cont
{
margin-top: .125rem;
}
.manufacture .cont .map
{
text-align: center;
}
.manufacture .cont .map img
{
display: block;
margin: 0 auto;
}
.manufacture .cont .map img.m
{
display: none;
}
@media(max-width: 1024px)
{
.manufacture .cont .map img.m
{
display: block;
}
.manufacture .cont .map img.pc
{
display: none;
}
}
.manufacture .cont .address-list
{
position: relative;
margin-top: .075rem;
}
@media(max-width: 1024px)
{
.manufacture .cont .address-list
{
margin-top: .15rem;
padding: 0 .15rem;
}
}
.manufacture .cont .address-list .swiper-btn
{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
font-size: .2rem;
font-weight: bold;
z-index: 999;
color: #d0e7f3;
cursor: pointer;
}
@media(max-width: 1024px)
{
.manufacture .cont .address-list .swiper-btn
{
font-size: .3rem;
}
}
.manufacture .cont .address-list .swiper-btn:hover
{
color: #0076c8;
}
.manufacture .cont .address-list .swiper-btn.prev
{
left: -.2rem;
}
@media(max-width: 1024px)
{
.manufacture .cont .address-list .swiper-btn.prev
{
left: -.15rem;
}
}
.manufacture .cont .address-list .swiper-btn.next
{
right: -.2rem;
}
@media(max-width: 1024px)
{
.manufacture .cont .address-list .swiper-btn.next
{
right: -.15rem;
}
}
.manufacture .cont .address-list .swiper
{
overflow: hidden;
}
@media(max-width: 1024px)
{
.manufacture .cont .address-list .swiper-slide
{
height: auto;
}
}
.manufacture .cont .address-list .swiper-slide .card
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
gap: .075rem;
background-color: #eff7fa;
padding: .1rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: .95rem;
}
@media(max-width: 1024px)
{
.manufacture .cont .address-list .swiper-slide .card
{
padding: .2rem;
height: 100%;
}
}
.manufacture .cont .address-list .swiper-slide .img
{
width: .35rem;
height: .35rem;
border-radius: 100%;
overflow: hidden;
}
@media(max-width: 1024px)
{
.manufacture .cont .address-list .swiper-slide .img
{
width: .65rem;
height: .65rem;
}
}
.manufacture .cont .address-list .swiper-slide .img img
{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: relative;
}
.manufacture .cont .address-list .swiper-slide .txt
{
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-top: .05rem;
}
.manufacture .cont .address-list .swiper-slide .txt .t
{
font-size: .1rem;
font-weight: bold;
color: #333;
line-height: .175rem;
}
@media(max-width: 1024px)
{
.manufacture .cont .address-list .swiper-slide .txt .t
{
font-size: .16rem;
}
}
.manufacture .cont .address-list .swiper-slide .txt .info
{
color: #666;
line-height: .15rem;
font-size: .08rem;
}
@media(max-width: 1024px)
{
.manufacture .cont .address-list .swiper-slide .txt .info
{
font-size: .14rem;
line-height: .225rem;
margin-top: .1rem;
}
}
.manufacture .address-img
{
margin-top: .5rem;
}
@media(max-width: 1024px)
{
.manufacture .address-img
{
padding: 0 .15rem;
}
}
.manufacture .address-img .swiper
{
margin: 0 auto;
}
@media(max-width: 1024px)
{
.manufacture .address-img .swiper
{
overflow: hidden;
}
}
.manufacture .address-img .swiper .swiper-slide.swiper-slide-prev, .manufacture .address-img .swiper .swiper-slide.swiper-slide-next
{
cursor: pointer;
}
.manufacture .address-img .swiper .swiper-slide .img
{
position: relative;
padding-bottom: 58.2524271845%;
overflow: hidden;
}
.manufacture .address-img .swiper .swiper-slide .img::after
{
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #000;
opacity: .4;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
.manufacture .address-img .swiper .swiper-slide .img img
{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: .4s;
-moz-transition: .4s;
transition: .4s;
}
.manufacture .address-img .swiper .swiper-slide .txt
{
margin-top: .175rem;
opacity: 0;
visibility: hidden;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
.manufacture .address-img .swiper .swiper-slide .txt .t
{
font-size: .175rem;
font-weight: bold;
color: #333;
}
@media(max-width: 1024px)
{
.manufacture .address-img .swiper .swiper-slide .txt .t
{
font-size: .2rem;
}
}
.manufacture .address-img .swiper .swiper-slide .txt .info
{
font-size: .08rem;
line-height: .175rem;
color: #333;
margin-top: .1rem;
max-height: .525rem;
overflow: hidden;
position: relative;
padding-right: .075rem;
}
@media(max-width: 1024px)
{
.manufacture .address-img .swiper .swiper-slide .txt .info
{
font-size: .15rem;
line-height: .275rem;
max-height: 2rem;
}
}
.manufacture .address-img .swiper .swiper-slide .txt .info .wp
{
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
}
@media(max-width: 1024px)
{
.manufacture .address-img .swiper .swiper-slide .txt .info .wp
{
padding-left: 0;
}
}
.manufacture .address-img .swiper .swiper-slide .txt .info .bscroll-indicator
{
cursor: pointer;
background-color: #0076c8!important;
}
.manufacture .address-img .swiper .swiper-slide .txt .info .bscroll-vertical-scrollbar::after
{
content: "";
position: absolute;
top: .015rem;
bottom: .015rem;
right: .015rem;
width: .005rem;
background-color: rgba(0,118,200,.6);
}
.manufacture .address-img .swiper .swiper-slide-active .img::after
{
opacity: 0;
}
.manufacture .address-img .swiper .swiper-slide-active .txt
{
opacity: 1;
visibility: visible;
}
.manufacture .address-img .swiper .swiper-btn
{
height: .25rem;
width: .25rem;
border-radius: 100%;
color: #fff;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: .225rem;
font-weight: bold;
cursor: pointer;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
position: absolute;
top: 1.3875rem;
z-index: 99;
}
@media(max-width: 1024px)
{
.manufacture .address-img .swiper .swiper-btn
{
width: .4rem;
height: .4rem;
font-size: .2rem;
}
}
.manufacture .address-img .swiper .swiper-btn.prev
{
left: 10%;
}
.manufacture .address-img .swiper .swiper-btn.next
{
right: 10%;
}
.manufacture .address-img .swiper-box
{
max-width: 5.2rem;
margin: .25rem auto 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.manufacture .address-img .swiper-box .line
{
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
height: .01rem;
background-color: #eee;
}
@media(max-width: 1024px)
{
.manufacture .address-img .swiper-box .line
{
height: .02rem;
}
}
.manufacture .address-img .swiper-box .line .swiper-pagination-progressbar-fill
{
background-color: #0076c8;
}
.manufacture .address-img .swiper-box .swiper-btn
{
height: .25rem;
width: .25rem;
border-radius: 100%;
background-color: #0076c8;
color: #fff;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: .15rem;
font-weight: bold;
cursor: pointer;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
@media(max-width: 1024px)
{
.manufacture .address-img .swiper-box .swiper-btn
{
width: .4rem;
height: .4rem;
font-size: .2rem;
}
}
.manufacture .address-img .swiper-box .swiper-btn:hover
{
background-color: #f7b101;
}
.manufacture .address-img .swiper-box .swiper-btn+.swiper-btn
{
margin-left: .05rem;
}
.strength
{
margin-top: .35rem;
}
.strength .section-1
{
margin-bottom: .5rem;
}
.strength .section-1 .info
{
font-size: .08rem;
color: #333;
line-height: .175rem;
margin-top: .125rem;
}
@media(max-width: 1024px)
{
.strength .section-1 .info
{
font-size: .16rem;
line-height: .325rem;
text-align: justify;
}
}
.strength .section-1 .img
{
margin-top: .2rem;
}
.strength .section-2
{
position: relative;
overflow: hidden;
padding-top: .475rem;
padding-bottom: .7rem;
}
.strength .section-2 .bg
{
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.strength .section-2 .bg img
{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: bottom;
object-position: bottom;
}
.strength .section-2 .wp1440
{
position: relative;
}
.strength .section-2 .wp1440 .info
{
font-size: .08rem;
line-height: .175rem;
color: #333;
margin-top: .15rem;
}
@media(max-width: 1024px)
{
.strength .section-2 .wp1440 .info
{
font-size: .16rem;
line-height: .325rem;
text-align: justify;
}
}
.strength .section-2 .wp1440 .info p+p
{
margin-top: .1rem;
}
.strength .section-2 .wp1440 .grid
{
display: grid;
grid-template-columns: repeat(4,minmax(0,1fr));
gap: .065rem;
margin-top: .325rem;
}
@media(max-width: 1024px)
{
.strength .section-2 .wp1440 .grid
{
grid-template-columns: repeat(1,minmax(0,1fr));
}
}
.strength .section-2 .wp1440 .grid .item
{
background-color: #fff;
padding: .175rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.strength .section-2 .wp1440 .grid .item .t
{
font-size: .13rem;
color: #333;
font-weight: bold;
margin-top: .175rem;
}
@media(max-width: 1024px)
{
.strength .section-2 .wp1440 .grid .item .t
{
font-size: .19rem;
}
}
.strength .section-2 .wp1440 .grid .item .p
{
font-size: .08rem;
line-height: .175rem;
color: #666;
margin-top: .1rem;
}
@media(max-width: 1024px)
{
.strength .section-2 .wp1440 .grid .item .p
{
font-size: .15rem;
line-height: .275rem;
}
}
.strength .section-3
{
margin-top: .5rem;
}
.strength .section-3 .info
{
font-size: .08rem;
color: #333;
line-height: .175rem;
margin-top: .125rem;
}
@media(max-width: 1024px)
{
.strength .section-3 .info
{
font-size: .16rem;
line-height: .325rem;
text-align: justify;
}
}
.strength .section-3 .banker
{
margin-top: .1rem;
margin-bottom: .3rem;
}
.strength .section-3 .banker .t
{
font-size: .12rem;
color: #1993d2;
font-weight: bold;
}
@media(max-width: 1024px)
{
.strength .section-3 .banker .t
{
font-size: .16rem;
}
}
.strength .section-3 .banker .swiper-box
{
position: relative;
}
.strength .section-3 .banker .swiper-box .swiper-btn
{
position: absolute;
top: .45rem;
font-size: .175rem;
font-weight: bold;
color: #d0e7f3;
cursor: pointer;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
z-index: 99;
}
@media(max-width: 1024px)
{
.strength .section-3 .banker .swiper-box .swiper-btn
{
font-size: .25rem;
top: .45rem;
}
}
.strength .section-3 .banker .swiper-box .swiper-btn.prev
{
left: -.2rem;
}
.strength .section-3 .banker .swiper-box .swiper-btn.next
{
right: -.2rem;
}
.strength .section-3 .banker .swiper-box .swiper-btn:hover
{
color: #0076c8;
}
.strength .section-3 .banker .swiper
{
margin-top: .15rem;
overflow: hidden;
}
.strength .section-3 .banker .swiper .swiper-slide .img
{
padding: .04rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: solid .005rem #d0e7f3;
border-radius: .005rem;
max-height: 1.18rem;
overflow: hidden;
}
@media(max-width: 1024px)
{
.strength .section-3 .banker .swiper .swiper-slide .img
{
max-height: unset;
padding: .05rem;
}
}
.strength .section-3 .banker .swiper .swiper-slide .img img
{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
}
.strength .section-3 .banker .swiper .swiper-slide .name
{
font-size: .09rem;
text-align: center;
margin-top: .075rem;
}
@media(max-width: 1024px)
{
.strength .section-3 .banker .swiper .swiper-slide .name
{
font-size: .13rem;
}
}
.strength .section-3 .hr
{
height: .01rem;
background-color: #dfeef5;
}
.strength .section-3 .teams
{
margin-top: .1rem;
margin-bottom: .3rem;
}
.strength .section-3 .teams .t
{
font-size: .12rem;
color: #1993d2;
font-weight: bold;
}
@media(max-width: 1024px)
{
.strength .section-3 .teams .t
{
font-size: .16rem;
}
}
.strength .section-3 .teams .swiper-box
{
position: relative;
}
.strength .section-3 .teams .swiper-box .swiper-btn
{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
font-size: .175rem;
font-weight: bold;
color: #d0e7f3;
cursor: pointer;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
z-index: 99;
}
@media(max-width: 1024px)
{
.strength .section-3 .teams .swiper-box .swiper-btn
{
font-size: .25rem;
}
}
.strength .section-3 .teams .swiper-box .swiper-btn.prev
{
left: -.2rem;
}
.strength .section-3 .teams .swiper-box .swiper-btn.next
{
right: -.2rem;
}
.strength .section-3 .teams .swiper-box .swiper-btn:hover
{
color: #0076c8;
}
.strength .section-3 .teams .swiper
{
margin-top: .15rem;
overflow: hidden;
}
.strength .section-3 .teams .swiper .swiper-slide .img
{
position: relative;
padding-bottom: 52.1739130435%;
overflow: hidden;
}
.strength .section-3 .teams .swiper .swiper-slide .img img
{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: .4s;
-moz-transition: .4s;
transition: .4s;
}
.strength .section-3 .teams .swiper .swiper-slide .name
{
font-size: .09rem;
text-align: center;
margin-top: .075rem;
}
.strength .section-4
{
position: relative;
}
.strength .section-4 .bg
{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
@media(max-width: 1024px)
{
.strength .section-4 .bg
{
position: relative;
}
}
.strength .section-4 .bg img
{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
}
@media(max-width: 1024px)
{
.strength .section-4 .bg img
{
-o-object-position: center bottom;
object-position: center bottom;
}
}
.strength .section-4 .txt
{
padding-top: 1.035rem;
position: relative;
}
@media(max-width: 1024px)
{
.strength .section-4 .txt
{
padding-top: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
}
.strength .section-4 .txt .head .t
{
text-align: left;
}
.strength .section-4 .txt .head .line
{
margin-left: 0;
}
.strength .section-4 .grid
{
display: grid;
grid-template-columns: repeat(6,minmax(0,1fr));
margin-top: .45rem;
}
@media(max-width: 1024px)
{
.strength .section-4 .grid
{
grid-template-columns: repeat(2,minmax(0,1fr));
}
}
.strength .section-4 .grid .item
{
padding-bottom: .6rem;
padding-left: .15rem;
padding-right: .15rem;
border-left: .005rem solid rgba(0,118,200,.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.strength .section-4 .grid .item .num
{
color: #1993d2;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin-top: .125rem;
}
.strength .section-4 .grid .item .num .h1
{
font-size: .275rem;
font-weight: bold;
}
.strength .section-4 .grid .item .num .dw
{
font-size: .08rem;
margin-top: .075rem;
font-weight: bold;
margin-left: .025rem;
}
.strength .section-4 .grid .item .p
{
font-size: .09rem;
color: #000;
}
@media(max-width: 1024px)
{
.strength .section-4 .grid .item .p
{
font-size: .13rem;
}
}
.investor
{
margin-top: .35rem;
margin-bottom: .5rem;
}
.investor .list
{
margin-top: .2rem;
}
.investor .list .item
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #eff5f9;
height: .4rem;
padding-left: .1rem;
padding-right: .1rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media(max-width: 1024px)
{
.investor .list .item
{
height: auto;
display: block;
padding: .15rem .1rem;
}
}
.investor .list .item+.item
{
margin-top: .05rem;
}
.investor .list .item .tit
{
padding-left: .1rem;
position: relative;
font-size: .08rem;
color: #343541;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media(max-width: 1024px)
{
.investor .list .item .tit
{
font-size: .14rem;
padding-left: .125rem;
}
}
.investor .list .item .tit::before
{
content: "";
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
width: .04rem;
height: .04rem;
background-color: #1993d2;
border-radius: 100%;
}
@media(max-width: 1024px)
{
.investor .list .item .tit::before
{
width: .06rem;
height: .06rem;
}
}
.investor .list .item .date
{
font-size: .08rem;
color: #999;
font-weight: bold;
}
@media(max-width: 1024px)
{
.investor .list .item .date
{
font-size: .13rem;
margin-top: .05rem;
padding-left: .125rem;
}
}
.investor .list .item:hover .tit
{
color: #0076c8;
}
.investor .list .item:nth-child(6)~.item
{
display: none;
}
.investor .list .item.show
{
display: -webkit-box!important;
display: -moz-box!important;
display: -ms-flexbox!important;
display: flex!important;
}
.investor .btn
{
margin-top: .25rem;
width: 1.6rem;
height: .25rem;
border-radius: .25rem;
border: solid .005rem #1993d2;
margin: .25rem auto .5rem;
color: #1993d2;
font-size: .08rem;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
@media(max-width: 1024px)
{
.investor .btn
{
height: .4rem;
font-size: .14rem;
}
}
.investor .section-2
{
background-color: #eff5f9;
padding-top: .45rem;
padding-bottom: .5rem;
}
.investor .section-2 .top
{
height: .8rem;
margin-top: .2rem;
padding: 0 .25rem;
background-repeat: no-repeat;
background-size: cover;
background-position: center right;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media(max-width: 1024px)
{
.investor .section-2 .top
{
padding-top: .2rem;
padding-bottom: .2rem;
}
}
.investor .section-2 .top .num
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
color: #fff;
font-weight: bold;
font-size: .35rem;
}
.investor .section-2 .top .num .iconfont
{
font-size: .15rem;
margin-top: .025rem;
}
@media(max-width: 1024px)
{
.investor .section-2 .top .num .iconfont
{
font-size: .175rem;
}
}
.investor .section-2 .top .info
{
font-size: .08rem;
color: #fff;
margin-top: .025rem;
}
@media(max-width: 1024px)
{
.investor .section-2 .top .info
{
font-size: .14rem;
}
}
.investor .section-2 .bottom
{
background-color: #fff;
padding: .25rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.investor .section-2 .bottom .stock-box
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
gap: 1.2rem;
}
@media(max-width: 1024px)
{
.investor .section-2 .bottom .stock-box
{
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: .2rem;
}
}
.investor .section-2 .bottom .stock-box .stock-item .num
{
font-size: .175rem;
color: #1993d2;
font-weight: bold;
}
@media(max-width: 1024px)
{
.investor .section-2 .bottom .stock-box .stock-item .num
{
font-size: .2rem;
}
}
.investor .section-2 .bottom .stock-box .stock-item .info
{
color: #666;
font-size: .08rem;
margin-top: .025rem;
}
@media(max-width: 1024px)
{
.investor .section-2 .bottom .stock-box .stock-item .info
{
font-size: .13rem;
margin-top: .05rem;
}
}
.investor .section-2 .bottom .tips
{
margin-top: .2rem;
font-size: .08rem;
color: #666;
line-height: .15rem;
}
@media(max-width: 1024px)
{
.investor .section-2 .bottom .tips
{
font-size: .14rem;
line-height: .225rem;
}
}
.investor .section-3
{
margin-top: .45rem;
}
.investor .section-3 .architecture
{
margin-top: .2rem;
}
.investor .section-3 .grid-box
{
display: grid;
grid-template-columns: repeat(2,minmax(0,2fr));
gap: .1rem;
margin-top: .3rem;
}
@media(max-width: 1024px)
{
.investor .section-3 .grid-box
{
grid-template-columns: repeat(1,minmax(0,2fr));
}
}
.investor .section-3 .grid-box .item
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
background-color: #eff5f9;
height: 1.3rem;
padding: .15rem .2rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
gap: .1rem;
}
@media(max-width: 1024px)
{
.investor .section-3 .grid-box .item
{
height: auto;
}
}
.investor .section-3 .grid-box .item .icon
{
width: .35rem;
height: .35rem;
border-radius: 100%;
background-color: #fff;
border: .005rem dashed #9acee9;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: .05rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media(max-width: 1024px)
{
.investor .section-3 .grid-box .item .icon
{
width: .5rem;
height: .5rem;
padding: .075rem;
}
}
.investor .section-3 .grid-box .item .icon img
{
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
.investor .section-3 .grid-box .item .info
{
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.investor .section-3 .grid-box .item .info .t
{
font-size: .12rem;
color: #333;
font-weight: bold;
margin-top: .1rem;
}
@media(max-width: 1024px)
{
.investor .section-3 .grid-box .item .info .t
{
font-size: .16rem;
}
}
.investor .section-3 .grid-box .item .info .p
{
font-size: .08rem;
line-height: .15rem;
color: #333;
margin-top: .05rem;
}
@media(max-width: 1024px)
{
.investor .section-3 .grid-box .item .info .p
{
font-size: .14rem;
line-height: .275rem;
}
}
.investor .section-3 .grid-box .item .info .p p
{
position: relative;
padding-left: .075rem;
}
.investor .section-3 .grid-box .item .info .p p::before
{
content: "";
position: absolute;
top: .06rem;
left: 0;
width: .015rem;
height: .015rem;
border-radius: 100%;
background-color: #333;
}
@media(max-width: 1024px)
{
.investor .section-3 .grid-box .item .info .p p::before
{
top: .115rem;
width: .03rem;
height: .03rem;
}
}
.investor .section-3 .grid-box .item:hover .icon img
{
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
transform: rotateY(360deg);
}