html {
font: 13px/ 1.5 Microsoft YaHei, Helvitica, Verdana, Arial, san-serif;
}
ui, li {
list-style: none;
}
* {
padding: 0px;
margin: 0 auto;
color: #fff;
text-decoration: none
}
#superContainer {
height: 100%;
position: relative;
-ms-touch-action: none;
touch-action: none;
}
.fp-section {
position: relative;
-webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
-moz-box-sizing: border-box; /* <=28 */
box-sizing: border-box;
}
.fp-slide {
float: left;
}
.fp-slide, .fp-slidesContainer {
height: 100%;
display: block;
}
.fp-slides {
z-index: 1;
height: 100%;
overflow: hidden;
position: relative;
-webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
display: table;
width: 100%;
}
.fp-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
.fp-slidesContainer {
float: left;
position: relative;
}
.fp-controlArrow {
position: absolute;
z-index: 4;
top: 53%;
cursor: pointer;
width: 0;
height: 0;
border-style: solid;
margin-top: -38px;
}
.fp-controlArrow.fp-prev {
left: 40px;
width: 0;
border-width: 14.5px 14px 14.5px 0;
border-color: transparent #3090dd transparent transparent;
}
.fp-controlArrow.fp-next {
right: 40px;
border-width: 14.5px 14.5px 14px;
border-color: transparent transparent transparent #3090dd;
}
.fp-scrollable {
overflow: scroll;
}
.fp-notransition {
-webkit-transition: none !important;
transition: none !important;
}
#fp-nav {
position: fixed;
z-index: 100;
margin-top: -32px;
top: 50%;
opacity: 1;
}
#fp-nav.right {
right: 17px;
}
#fp-nav.left {
left: 17px;
}
.fp-slidesNav {
position: absolute;
z-index: 4;
left: 50%;
opacity: 1;
}
.fp-slidesNav.bottom {
bottom: 17px;
}
.fp-slidesNav.top {
top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
margin: 0;
padding: 0;
}
/*#fp-nav li,*/
/*.fp-slidesNav li {*/
/* display: block;*/
/* width: 14px;*/
/* height: 13px;*/
/* margin: 7px;*/
/* position: relative;*/
/*}*/
/*.fp-slidesNav li {*/
/* display: inline-block;*/
/*}*/
/*#fp-nav li a,*/
/*.fp-slidesNav li a {*/
/* display: block;*/
/* position: relative;*/
/* z-index: 1;*/
/* width: 100%;*/
/* height: 100%;*/
/* cursor: pointer;*/
/* text-decoration: none;*/
/*}*/
/*!*#fp-nav li .active span,*!*/
/*!*.fp-slidesNav .active span {*!*/
/*!* background: #2f91dd;*!*/
/*!* top: 2px;*!*/
/*!* left: 2px;*!*/
/*!* width: 12px;*!*/
/*!* height: 12px;*!*/
/*!* border: 2px solid #2f91dd;*!*/
/*!* border-radius: 50%;*!*/
/*!* position: absolute;*!*/
/*!* z-index: 1;*!*/
/*!*}*!*/
/*#fp-nav li .active span{*/
/* background: #2f91dd;*/
/* top: 2px;*/
/* left: 2px;*/
/* width: 12px;*/
/* height: 12px;*/
/* border: 2px solid #2f91dd;*/
/* border-radius: 50%;*/
/* position: absolute;*/
/* z-index: 1;*/
/*}*/
/*#fp-nav span {*/
/* top: 2px;*/
/* left: 2px;*/
/* width: 12px;*/
/* height: 12px;*/
/* border: 2px solid #dedede;*/
/* border-radius: 50%;*/
/* position: absolute;*/
/* z-index: 1;*/
/*}*/
/*.fp-slidesNav .active span {*/
/* background: #1eb2f0;*/
/* top: 2px;*/
/* left: 2px;*/
/* width: 20px;*/
/* height: 6px;*/
/* position: absolute;*/
/* z-index: 1;*/
/*}*/
/*.fp-slidesNav span {*/
/* top: 2px;*/
/* left: 2px;*/
/* width: 20px;*/
/* height: 6px;*/
/* background:#dedede;*/
/* position: absolute;*/
/* z-index: 1;*/
/*}*/
.fp-tooltip {
position: absolute;
top: -2px;
font-size: 14px;
font-family: arial, helvetica, sans-serif;
white-space: nowrap;
max-width: 220px;
}
.fp-tooltip.right {
right: 20px;
}
.fp-tooltip.left {
left: 20px;
}
body {
color: #fff;
font-family: "Microsoft Yahei";
text-align: center;
}
.logo {
width: 100%;
height: 100px;
position: fixed;
top: 0px;
z-index: 999;
}
.sction_slide_bg_cont {
width: 70%;
}
.sction_slide_bg01 {
background: #002a75 url(../images/banner1.jpeg) center no-repeat;
width: 100%;
height: 100%;
background-size: cover;
display: block;
color: white;
z-index: 900;
text-align: center;
vertical-align: middle;
}.dsasa {
width: 100%;
display: block;
color: white;
z-index: 900;
margin-left: 38%;
text-align: center;
}
.dsasa img{
width: 26%;
position: absolute;
bottom:52%;
left: 50%;
margin-bottom: 20px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%)
}
.sction_slide_bg_lft {
float: left;
width: 50%;
}
.sction_slide_bg_lft img {
width: auto;
height: auto;
max-width: 90%;
max-height: 90%;
}
.sction_slide_bg_rt {
float: left;
width: 50%;
}
.sction_slide_bg_rt h1 {
font-size: 50px;
margin-top: 50%;
text-align: left;
}
.sction_slide_bg_rtp {
text-align: left;
font-size: 16px;
float: left;
margin-top: 20px;
clear: both;
}
.sction_slide_bg_rtpp {
text-align: center;
clear: both;
width: 100%;
margin-top: 50px;
background: #bc241d;
}
.sction_slide_bg_rtpp a {
position: absolute;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
height: 58px;
display: block;
text-align: center;
font-size: 26px;
width: 20%;
line-height: 58px;
color: #FFFFFF;
border: solid 1px #ffffff;
border-radius: 50px;
text-decoration:none;
}
.sction_slide_bg_rtpp a:hover {
background: #0c3b79;
color: #FFFFFF;
font-style: normal;
}
.sction_slide_bg_rtppb {
text-align: center;
clear: both;
width: 100%;
margin-top: 150px;
background: #bc241d;
}
.sction_slide_bg_rtppb a {
position: absolute;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
height: 58px;
display: block;
text-align: center;
font-size: 26px;
width: 20%;
line-height: 58px;
color: #FFFFFF;
border: solid 1px #ffffff;
border-radius: 50px;
text-decoration:none;
}
.sction_slide_bg_rtppb a:hover {
background: #0c3b79;
color: #FFFFFF;
font-style: normal;
}
.sction_slide_bg_rtppp {
text-align: left;
font-size: 26px;
margin-top: 20px;
float: left;
clear: both;
}
.sction_slide_bg02 {
background-color: #18273b;
background-image: url(../images/baner02.png);
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 100%;
display: block;
color: white;
z-index: 900;
text-align: center;
vertical-align: middle;
}
.btbbwe{
position: relative;
top: 320px;
}
.mtt_p{
margin-top: 100px;
margin-bottom:100px;
position: relative;
top: 30px;
}
.shebei_img{
width: 20%;
}
.sction_slide_bg_con1 {
width: 70%;
position: relative;
top: 50%;
text-align: center;
transform: translateY(-50%);
}
.sction_slide_bg_con1 h1 {
font-size: 50px;
}
.sction_slide_bg_con1 p {
font-size: 24px;
width: 60%;
text-align: center;
margin-top: 50px;
text-indent: 48px;
}
.sction_slide_bg_con1 img {
text-align: center;
margin-top: 30px;
margin-bottom: 50px;
position: absolute;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.block_txt img{
position: absolute;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.matt_long{
position: absolute;
bottom: 80%;
}
.sction_slide_bg02_btn a{
height: 58px;
display: block;
text-align: center;
font-size: 26px;
width: 20%;
line-height: 58px;
border: solid 1px #ffffff;
border-radius: 50px;
position: absolute;
left: 50%;
margin-top: 50px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
color: #FFFFFF;
}
.sction_slide_bg02_btn a:hover {
background: #134f83;
color: #FFFFFF;
text-decoration:none
}
.sction_slide_bg03 {
background-color: #03223a;
background-image: url(../images/baner02.png);
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 100%;
display: block;
color: white;
z-index: 900;
text-align: center;
vertical-align: middle;
}