.none-banner {
height: 80px;
background: #151d30;
}
/*浜岀骇-word-banner鍥�*/
.two-banner {
position:relative;
max-height: 960px;
overflow:hidden;
}
.two-banner img {
width: 100%;
animation: myfirst 25s linear infinite normal;
}
@keyframes myfirst
{0%{transform:scale(1,1);}50%{transform:scale(1.1,1.1);}100%{transform:scale(1,1);}}
.two-banner:after {
opacity: 0.5;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(../images/dian-bg.png) repeat rgb(0,0,0,0);
z-index: 1;
transition: all 0.3s;
}
.two-banner .word-fix {
position: absolute;
left: 0%;
top: 50%;
transform: translate(13%, -50%);
z-index: 8;
color: #fff;
font-weight: 800;
width: 100%;
}
.two-banner .word-fix h1 {
font-size:38px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
margin:0% 0 0% 0;
transition:all 2s;
}
.two-banner .word-fix i {
display: block;
width: 30px;
height: 30px;
margin:1% 0 1% 0;
background: url(../images/vi-icon.svg) no-repeat center center/24px;
}
.two-banner .word-fix p {
color: #fff;
font-size: 24px;
line-height: 1.8;
font-family: "Oswald-Regular";
letter-spacing: 0;
text-transform: uppercase;
}
@media screen and (max-width:1024px){
.two-banner {
}
.two-banner .word-fix {
}
.two-banner .word-fix h1 {
font-size:24px;
margin:0% 0 0% 0;
}
.two-banner .word-fix i {
display: block;
width: 30px;
height: 30px;
margin:1% 0 1% 0;
background: url(../images/vi-icon.svg) no-repeat center center/24px;
}
.two-banner .word-fix p {
font-size: 18px;
max-width: 700px;
}
}
/*浜岀骇-word-banner鍥� end*/
/*鍐呴〉浜岀骇鏍忕洰*/
.section {
margin:0 0 20px 0;
padding:10px 0 0 0;
overflow: hidden;
position: relative;
}
.one-section {margin:0.8% 0 0 0;}
.section .title {}
.section .title address {
font-size: 14px;
color: #999999;
}
.section .title address a span {
color:#e6002d;
padding:0 5px;
}
.section .second-nav {
padding: 10px 0 10px 0;
overflow: hidden;
position: relative;
text-align: center;
}
.section .second-nav a {
font-size: 16px;
padding: 10px 30px;
color: #231815;
display: inline-block;
border: 1px solid #eee;
position: relative;
z-index: 10;
margin:5px 10px;
border-radius: 3px;
background: #f9f9f9;
}
.section .second-nav a::after{
content: '';
display: none;
width: 100%;
height: 2px;
background: #e4002b;
position: absolute;
bottom: 0;
left: 0;
}
.section .second-nav a:hover,.section .second-nav a.active {
color:#fff;
background: #e6002d;
}
.section .second-nav a.active:after{
display:block;
}
@media screen and (max-width:1024px){
.section .second-nav {
padding:2% 0;
}
.section .second-nav a {
width: 29%;
margin: 2px 1.5%;
padding: 6px 0;
font-size: 14px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.section .second-nav a:hover,.section .second-nav a.active {
color:#fff;
font-weight: bold;
background:#e4002b ;
}
.section .second-nav a.active:after{
display:none;
}
}
/*鍐呴〉浜岀骇鏍忕洰 end*/
/*鍐呴〉涓夌骇鏍忕洰*/
.section .third-nav a {
display: block;
float: left;
border: solid 1px #f6f6f6;
margin-top: 10px;
margin-right: 10px;
padding: 6px 0;
text-align: center;
width: 100%;
font-size: 14px;
font-style: normal;
max-width: 120px;
border-radius: 5px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.section .third-nav a:hover {
color:#e4002b;
border: solid 1px #f1f1f1;
}
.section .third-nav a.active {
color:#fff;
border: solid 1px #fff;
background-image: -webkit-linear-gradient(right,#de3336,#e4002b);
}
@media screen and (max-width:1024px){
.section .third-nav a {
width: 30.33%;
margin: 5px 1.5%;
padding: 4px 0;
font-size: 12px;
text-align: center;
border-radius: 3px;
}
.section .third-nav a.active {
color:#fff;
border: solid 1px #fff;
background-image: -webkit-linear-gradient(right,#de3336,#e4002b);
}
}
/*鍐呴〉涓夌骇鏍忕洰 end*/
/*鏉垮潡鏍囬*/
.block-title {}
.block-title h5 {
display: inline-block;
font-size: 48px;
color:#014588;
font-weight: bold;
letter-spacing: 0;
text-transform: uppercase;
background-image: linear-gradient(to right,#2fb8fa 0,#004386 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.block-title h6 {
font-size: 20px;
color:#3a3a3a;
opacity:0.6;
margin:30px 0 0 0;
}
/*鏉垮潡鏍囬 end*/
/*鎸夐挳*/
.go.center {
text-align: center;
}
.go a,.seemore {
position:relative;
box-sizing: border-box;
text-align: center;
display: inline-block;
font-size: 15px;
font-weight: 400;
font-stretch: normal;
letter-spacing: 0;
color: #666;
width: 140px;
height: 44px;
line-height: 44px;
border-style: solid;
border-width: 1px;
border-image-source: linear-gradient(-270deg,#f6f6f6 0,#f6f6f6 0,#f6f6f6 0,#f6f6f6 100%);
border-image-slice: 1;
z-index: 0;
}
.go a:hover,.seemore:hover,.go-active{
color: #fff;
border-image-source: linear-gradient(-270deg,#e6002d 0,#e6002d 0,#e6002d 0,#e6002d 100%);
background-image: linear-gradient(to right,#e6002d 0,#e6002d 100%);
box-shadow: 0 10px 6px 0 rgb(224 27 49 / 10%);
}
.go a:hover:before,.seemore:hover:before {
content: '';
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background-image: url(../images/gobackground.svg);
background-size: 4px;
background-repeat: repeat;
opacity: .2;
}
@media screen and (max-width:1024px){
.go.center {
text-align: center;
}
.go a,.seemore {
font-size: 14px;
width: 160px;
height: 40px;
line-height: 40px;
}
}
/*鎸夐挳 end*/
/*swiper*/
.swiper-switch.swiper-pagination {
position: relative;
z-index: 1;
}
.swiper-switch.swiper-pagination span {
width: 20px;
height: 3px;
border-radius:0px;
background: #f6f6f6;
opacity: 1;
margin: 0 6px;
padding:1px;
position: relative;
margin: 0 7px!important;
}
.swiper-switch.swiper-pagination span.swiper-pagination-bullet-active {
width: 20px;
height: 3px;
background:#004386;
}
/*swiper*/
.register_index {}
.register_index .btn-primary {
margin:10% 0;
background: #e6002d;
border-color: #e6002d;
}