body,
html {
padding: 0;
margin: 0;
}
a {
text-decoration: none;
}
.bg {
background-color: #fafafa;
}
li {
list-style: none;
}
.demo-1 {
width: 100%;
height: 100%;
position: fixed;
z-index: -1;
top: 0;
left: 0;
}
.bdimgshare-bg,
.bdimgshare-content {
display: none;
}
.flatwindow {
width: 100px;
height: 100px;
position: fixed;
top: 0;
z-index: 17;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
left: 0;
cursor: pointer;
}
.flatwindow a {
display: block;
width: 100%;
height: 100%;
}
.flatwindow .imgg {
position: absolute;
width: 282px;
bottom: 0;
height: auto;
left: 0;
z-index: 2;
}
.flatwindow .imgg img {
display: block;
width: 100%;
}
.header-warp {
background-color: #fff;
display: none;
position: fixed;
width: 100%;
height: 100%
}
.header-warp.on {
display: block;
}
/*首页导航菜单*/
@media only screen and (max-width: 1024px) {
.float-box,
.f-cb:after {
display: none;
}
}
@media only screen and (min-width: 1025px) {
.float-box {
display: block;
width: 122px;
height: 205px;
position: fixed;
left: 0;
top: 30%;
z-index: 8;
box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.1);
transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.float-box .top {
width: 122px;
height: 106px;
cursor: pointer;
transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.float-box .top a {
display: block;
height: 100%;
width: 100%;
}
.float-box .top a img {
display: block;
width: 100%;
height: 100%;
}
.float-box .bot {
width: 122px;
height: 120px;
background-color: #fff;
padding-top: 15px;
cursor: pointer;
transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.float-box .bot .menu {
width: 100%;
font-size: 20px;
color: #222;
line-height: 25px;
height: 25px;
text-align: center;
font-family: 'BEBAS';
padding-top: 7px;
}
.float-box.cut {
top: 0;
width: 162px;
height: 81px;
}
.float-box.cut .top {
float: left;
width: 81px;
height: 81px;
padding-top: 0px;
}
.float-box.cut .bot {
float: left;
height: 66px;
width: 81px;
}
.float-box.cut .navv {
height: 35px;
}
.float-box.cut .navv p:nth-child(2) {
top: 11px;
width: 40px;
left: -1px;
}
.float-box.cut .navv p:nth-child(3) {
top: 20px;
}
.float-box.cut .bot .menu {
padding-top: 0;
font-size: 16px;
line-height: 20px;
height: 20px;
}
.float-box.cut .navv p {
width: 28px;
left: 5px;
}
.f-cb:after {
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
content: ".";
}
}
.header-left {
width: 25%;
position: fixed;
left: -25%;
top: 0;
height: 100%;
z-index: 18;
opacity: 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
overflow: hidden;
}
.header-left.on {
opacity: 1;
left: 0%
}
.header-left img {
display: block;
transform: scale(1.1);
-webkit-transform: scale(1.1);
transition: all 2s;
-webkit-transition: all 2s;
transition-delay: 0.5s;
}
.header-left.on img {
transform: scale(1);
-webkit-transform: scale(1);
}
.header {
width: 0%;
height: 100%;
position: fixed;
right: 0;
top: 0;
background: url(../images/hbg.jpg);
z-index: 10;
opacity: 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
box-shadow: -1px 0 10px 0 rgba(0, 0, 0, 0.2);
z-index: 999999999999999999999999999;
}
.header.on {
opacity: 1;
width: 76%;
}
.header .navv {
position: absolute;
right: 5%;
top: 3%;
z-index: 5;
}
.navv {
width: 40px;
height: 38px;
margin: 0 auto 0;
cursor: pointer;
position: relative;
}
.navv p {
width: 40px;
height: 2px;
background-color: #333;
position: absolute;
left: 0;
-webkit-transition: all 0.8s;
transition: all 0.8s;
-webkit-border-radius: 20%;
-moz-border-radius: 20%;
border-radius: 20%;
}
.navv p:nth-child(1) {
top: 2px;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
transform: rotateZ(0deg);
-webkit-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
.navv p:nth-child(1) {
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.float-box .navv p:nth-child(1) {
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
.navv p:nth-child(2) {
top: 16px;
width: 54px;
left: -7px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.navv p:nth-child(2) {
opacity: 0;
}
.float-box .navv p:nth-child(2) {
opacity: 1;
}
.navv p:nth-child(3) {
top: 30px;
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
transform: rotateZ(0deg);
-webkit-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
.navv p:nth-child(3) {
-webkit-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
}
.float-box .navv p:nth-child(3) {
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
.header .title {
width: auto;
margin: 3% 0 2% 12%;
opacity: 1;
transition: all 0.5s;
-webkit-transition: all 0.5s;
font-size: 36px;
color: #005ba0
}
.header .nav1 {
width: auto;
margin: 0 0 0 12%;
opacity: 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.header .nav1.on {
margin: 1% 0 10% 12%;
opacity: 1
}
.header .nav1 a {
display: inline-block;
margin-right: 44px;
padding-left: 67px;
line-height: 22px;
font-size: 16px;
color: #282828;
position: relative;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.header .nav1 a:before {
display: block;
width: 52px;
height: 1px;
content: '';
display: block;
position: absolute;
left: 0;
top: 48%;
background-color: #282828;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.header .nav1 a:hover {
padding-left: 60px;
margin-right: 51px;
color: #005ba0;
font-weight: bold;
}
.header .nav1 a:hover:before {
width: 45px;
}
.header .nav2 {
width: auto;
padding-left: 12%;
position: relative;
margin: 0% 0 5% 0;
opacity: 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
position: relative;
top: 2%;
overflow: hidden;
}
.header .nav2.on {
opacity: 1;
top: 0
}
.header .nav2 i {
display: block;
width: 0;
height: 1px;
background-color: #282828;
position: absolute;
left: 0;
top: 50px;
}
.header .nav2 li {
width: auto;
float: left;
margin-right: 6%;
}
.header .nav2 li .h2 {
display: block;
font-size: 24px;
line-height: 25px;
color: #282828;
margin-bottom: 40px;
padding-left: 0
}
.header .nav2 li .h2 span {
font-size: 18px;
font-family: 'Century Gothic'
}
.header .nav2 li a {
display: block;
font-size: 14px;
line-height: 29px;
color: #666666;
padding-left: 28px;
}
.header .nav2 li a em {
display: inline-block;
width: 0px;
height: 1px;
background-color: #666666;
margin-right: 3px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.header .nav2 li a:hover em {
width: 12px;
}
.header .yw_list {
width: 70%;
margin-left: 12%;
display: flex;
justify-content: space-between;
}
.header .yw_list li:nth-child(2) {
margin: 0 2%;
}
.header .yw_list img {
max-width: 100%
}
.header .lx {
width: 70%;
margin-left: 12%;
display: flex;
justify-self: start;
margin-top: 2%;
font-size: 15px;
}
.header .lx .add,
.header .lx .tel {
padding-left: 33px;
line-height: 30px;
}
.header .lx .add {
background: url("../images/tadd.png") left no-repeat;
}
.header .lx .tel {
background: url("../images/ttel.png") left no-repeat;
margin-left: 20px;
}
header {
display: none;
}
.banner .model-ban {
display: none
}
/*--------sy_about----*/
@media (max-width: 1024px) {
.sy_about {
display: none;
}
.sy_company {
width: 90%;
margin: 20px auto;
}
.sy_company .menu_sylm {
width: 100%;
margin: 0 auto;
text-align: center;
}
.sy_company .menu_sylm h3 {
font-size: 30px;
line-height: 36px;
color: #0054a6
}
.sy_company .menu_sylm h4 {
font-size: 28px;
line-height: 28px;
color: #dd9a43;
margin-top: -20px;
}
.sy_company img {
max-width: 100%
}
.sy_company .jianjie {
width: 100%;
margin-top: -20px;
}
.sy_company .jianjie img {
border-radius: 30px;
}
.sy_company .jianjie .shuju {
width: 100%;
margin: 20px auto;
overflow: hidden;
display: flex;
justify-content: space-between;
}
.sy_company .jianjie .shuju li {
text-align: center;
}
.sy_company .jianjie .shuju li h3 {
font-weight: normal;
font-size: 14px;
}
.sy_company .jianjie .shuju li h3 span {
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
font-size: 36px;
color: #0054a6;
margin-right: 10px;
}
.sy_company .jianjie .shuju li p {
font-size: 14px;
margin-top: -10px;
color: #fff;
background: #fdb158;
width: 80px;
height: 30px;
line-height: 30px;
border-radius: 30px;
}
.sy_company .jianjie .txt {
font-size: 14px;
line-height: 28px;
}
.sy_company .video1,
.sy_company .video2 {
margin-top: 20px;
}
.sy_company .title {
background: #0054a6;
line-height: 50px;
width: 100%;
margin: 0 auto;
text-align: center;
color: #fff
}
.sy_company .title2 {
background: #f9bb3d;
line-height: 50px;
width: 100%;
margin: 0 auto;
text-align: center;
color: #fff
}
.menu_about_list {
width: 90%;
background: #004a82;
padding: 30px 5%;
display: flex;
justify-content: space-between;
overflow: hidden;
margin-bottom: 25px;
}
.menu_about_list img {
max-width: 95%
}
.menu_about_list .wenhua,
.menu_about_list .rongyu {
width: 48%;
text-align: center;
}
.menu_about_list .more {
background: #fff;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
margin: 15px auto 0;
}
}
@media (min-width: 1025px) {
.sy_company,
.menu_about_list {
display: none;
}
.sy_about {
display: block;
width: 80%;
display: flex;
justify-content: space-between;
margin: 30px auto 20px;
}
.sy_about .left {
width: 35%
}
.sy_about .left .cent {
display: none;
}
.sy_about .left h2 {
font-size: 36px
}
.sy_about .left h3 {
font-size: 28px;
margin-top: -15px;
}
.sy_about .left .cent {
display: none;
}
.sy_about .right {
width: 60%
}
}
@media (min-width: 1200px) {
.sy_company,
.menu_about_list {
display: none;
}
.sy_about {
display: block;
width: 80%;
display: flex;
justify-content: space-between;
margin: 30px auto 20px;
}
.sy_about .left {
width: 30%
}
.sy_about .left h2 {
font-size: 42px
}
.sy_about .left h3 {
font-size: 32px;
margin-top: -15px;
}
.sy_about .left .cent {
display: block;
font-size: 15px;
line-height: 28px;
margin-bottom: 50px;
}
.sy_about .right {
width: 65%
}
}
@media (min-width: 1400px) {
.sy_company,
.menu_about_list {
display: none;
}
.sy_about {
display: block;
width: 80%;
display: flex;
justify-content: space-between;
margin: 30px auto 20px;
}
.sy_about .left {
width: 25%
}
.sy_about .left h2 {
font-size: 48px
}
.sy_about .left h3 {
font-size: 38px;
margin-top: -15px;
}
.sy_about .right {
width: 68%;
}
}
.sy_about .left h2 {
display: block;
line-height: 40px;
text-transform: capitalize;
color: #005ba0;
font-family: 'BEBAS';
padding-top: 35px;
position: relative;
}
.sy_about .left h2:before {
display: block;
width: 80px;
height: 3px;
background-color: #005ba0;
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
}
.sy_about .right .list {
width: 100%;
display: flex;
justify-self: start;
overflow: hidden;
}
.sy_about .right .list li {
width: calc(100%/3);
position: relative;
}
@media only screen and (max-width: 1200px) {
.sy_about .right .list li {
height: 400px;
background-size: 100% auto;
}
}
@media only screen and (min-width: 1201px) {
.sy_about .right .list li {
height: 520px;
}
.sy_about .right .list li.as1,
.sy_about .right .list li.as2,
.sy_about .right .list li.as3 {
background-size: 100% auto;
}
}
@media only screen and (min-width: 1400px) {
.sy_about .right .list li {
height: 600px;
background-size: 100% auto;
}
}
@media only screen and (min-width: 1600px) {
.sy_about .right .list li {
height: 630px;
background-size: 100% auto;
}
}
.sy_about .right .list li.as1 {
background: url("../images/as1.jpg") center no-repeat;
}
.sy_about .right .list li.as2 {
background: url("../images/as2.jpg") center no-repeat;
}
.sy_about .right .list li.as3 {
background: url("../images/as3.jpg") center no-repeat;
}
.sy_about .right .list li p {
background: rgba(0, 0, 0, 0.8);
position: absolute;
bottom: -15px;
width: 100%;
height: 60px;
line-height: 60px;
text-align: center;
color: #fff
}
.sy_about .right .list li:nth-child(2) p {
background: rgba(0, 91, 160, 0.8);
}
.sy_about .right .list li:hover p {
background: rgba(0, 91, 160, 0.8);
}
.sy_about .right .list li:nth-child(2):hover p {
background: rgba(254, 177, 87, 0.8);
}
/*===========footer=============*/
@media (max-width: 1024px) {
.phone_height {
height: 60px;
}
.footer,
.copy,
.footer .mian,
.footer .mian ul li .title,
.footer .mian .left,
.footer .bot p .bot-f {
display: none;
}
.end_list {
width: 100%;
position: fixed;
bottom: 0;
text-align: center;
margin: 0 auto;
z-index: 99999999999999999999999999999;
}
.end_list img {
max-width: 100%
}
.end_bg {
display: block;
width: 100%;
background: #0054a6;
padding: 30px 0 130px;
}
.end_bg ul {
width: 90%;
margin: 0 auto;
color: #fff;
margin-left: -3%;
}
.end_bg .list {
width: 100%;
text-align: center;
}
.end_bg .banquan {
border-bottom: 1px rgba(255, 255, 255, .4) solid;
text-align: center;
line-height: 30px;
font-size: 14px;
padding: 10px 0;
width: 90%;
}
.end_bg .gs {
width: 100%;
text-align: center;
margin-top: 15px;
}
#container {
height: 300px
}
}
@media (min-width: 1025px) {
.phone_height {
display: none;
}
#container {
height: 500px
}
.end_bg,
.end_list {
display: none;
}
.footer .bot p .bot-f {
width: 65px;
height: 70px;
position: absolute;
left: 530px;
top: 0;
}
.footer {
display: block;
width: 100%;
overflow: hidden;
overflow: hidden;
}
.footer .mian {
display: block;
width: 80%;
height: auto;
padding: 20px 0 30px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.footer .mian .left {
width: 90%;
height: auto;
}
.footer .mian ul li {
float: left;
margin-right: 10%;
}
.footer .mian ul li .title {
display: block;
font-size: 16px;
line-height: 22px;
color: #222;
margin-bottom: 15px;
}
.footer .mian ul li a {
display: block;
font-size: 14px;
line-height: 29px;
color: #666;
cursor: pointer;
}
.footer .mian ul li a:hover {
color: #222
}
.footer .mian .right {
width: 10%;
height: auto;
border-left: 1px solid #ccc
}
.footer .mian .right .sel .tit i {
display: block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 8px solid #7a7a7a;
position: absolute;
right: 15px;
top: 40%;
border-radius: 2px;
}
.footer .mian .right .sel .cent {
height: auto;
width: 230px;
background-color: #7a7a7a;
position: absolute;
top: 32px;
left: 0;
display: none
}
.footer .mian .right .sel .cent {
max-height: 300px;
overflow-y: auto;
}
.footer .mian .right .sel .cent a {
display: block;
width: 200px;
padding: 6px 15px;
line-height: 20px;
border-bottom: 1px solid #ccc;
font-size: 12px;
color: #fff;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.footer .mian .right .sel .cent a:hover {
background-color: #666;
}
.footer .mian .right .pic {
width: 160px;
padding-left: 35px
}
.footer .mian .right .pic .flr {
float: right;
width: 126px;
}
.footer .mian .right .pic .flr:nth-child(2) {
margin-right: 5px
}
.footer .mian .right .pic img {
display: block;
width: 126px;
}
.footer .mian .right .pic h2 {
display: block;
font-size: 12px;
line-height: 30px;
color: #222;
text-align: center;
}
.copy {
display: block;
width: 100%;
background-color: #0054a6;
text-align: center;
color: #fff;
line-height: 45px;
padding: 20px 0;
}
}
/*base*/
input.inpt::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #999;
}
input.inpt:-moz-placeholder,
textarea:-moz-placeholder {
color: #999;
}
.waiter {
display: none
}
.bg {
background-color: #fafafa
}
.fc {
background-color: #fcfcfc
}
.loadingBg {
position: fixed;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
background-color: #f5f5f5;
z-index: 9999;
}
.loading {
width: 90px;
height: 113px;
position: fixed;
top: 50%;
left: 50%;
margin-left: -45px;
margin-top: -56.5px;
z-index: 999;
}
.m-black,
.m-red {
position: absolute;
bottom: 0px;
left: 0;
width: 90px;
}
.m-black {
background: url(../img/timg2.jpg) no-repeat left top;
height: 113px;
}
.m-red {
background: url(../img/timg.jpg) no-repeat left bottom;
height: 113px;
-webkit-animation: fill 3s infinite linear;
animation: fill 3s infinite linear;
-moz-animation: fill 3s infinite linear;
}
@-moz-keyframes fill {
0% {
height: 0px;
}
25% {
height: 40px;
}
50% {
height: 85px;
}
75% {
height: 125px;
}
100% {
height: 173px;
}
}
@-webkit-keyframes fill {
0% {
height: 0px;
}
25% {
height: 40px;
}
50% {
height: 85px;
}
75% {
height: 125px;
}
100% {
height: 173px;
}
}
@keyframes fill {
0% {
height: 0px;
}
25% {
height: 40px;
}
50% {
height: 85px;
}
75% {
height: 125px;
}
100% {
height: 173px;
}
}
.fy {
width: 90%;
margin: 0 auto;
text-align: center;
font-size: 14px;
min-height: 45px;
margin-bottom: 130px;
}
.fy a {
font-size: 14px;
color: #222;
padding: 12px 17px;
background-color: #e8e8e8;
margin: 0 2px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.fy .t1 {
padding: 12px 30px;
}
/*.fy a:hover,.fy a.on{background-color: #004a82;color: #fff;}*/
.fy a:hover,
.fy a.active {
background-color: #004a82;
color: #fff;
}
.base-ban {
width: 100%;
height: auto;
position: relative;
}
.base-ban img {
display: block;
width: 100%;
}
@media only screen and (max-width: 750px) {
.base-ban .warp {
display: none;
}
}
@media only screen and (min-width: 751px) {
.base-ban .warp {
display: none;
}
}
@media only screen and (min-width: 1000px) {
.base-ban .warp {
display: none;
}
}
@media only screen and (min-width: 1200px) {
.base-ban .warp {
display: block;
position: absolute;
top: 10%;
left: 10%;
}
}
@media only screen and (min-width: 1400px) {
.base-ban .warp {
display: block;
position: absolute;
top: 15%;
left: 10%;
}
}
@media only screen and (min-width: 1600px) {
.base-ban .warp {
display: block;
position: absolute;
top: 20%;
left: 10%;
}
}
.base-ban .warp h2 {
font-size: 72px;
font-family: 'Century Gothic';
color: #fff;
display: block;
line-height: 80px;
font-weight: bold;
position: relative;
padding-top: 35px;
margin-bottom: 15px;
}
.base-ban .warp h2:before {
display: block;
content: '';
height: 3px;
width: 120px;
background-color: #fff;
position: absolute;
top: 0;
left: 0;
}
.base-ban .warp .mintit {
font-size: 48px;
color: #fff;
line-height: 55px;
font-weight: bold;
margin-bottom: 20px;
}
.base-ban .warp .cent,
.base-ban .warp .cent p {
font-size: 16px;
color: #fff;
line-height: 24px;
font-family: 'Century Gothic';
}
.base-ban .warp .cent {
margin-bottom: 60px;
}
.base-ban .warp .btns {
display: block;
width: 63px;
height: 63px;
border-radius: 100%;
background-color: #0054a6;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.base-ban .warp .btns i {
display: block;
width: 100%;
height: 100%;
background: url(../images/bot-arr.png) center no-repeat;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.base-ban .warp .btns:hover {
background-color: rgba(255, 255, 255, 0.7)
}
.base-ban .warp .btns:hover i {
background: url(../images/bot-arr1.png) center no-repeat;
}
@media only screen and(max-width:1024px) {
.iab,
.iab .warp,
.iab .warp .box {
display: none;
}
}
@media only screen and (min-width: 1025px) {
.iab {
display: block;
width: 100%;
height: auto;
padding-bottom: 10px;
overflow: hidden;
}
.iab .warp {
display: block;
width: 80%;
margin: 0 auto;
padding-top: 50px;
height: auto;
}
.iab .warp .box h2 {
display: block;
line-height: 40px;
text-transform: capitalize;
color: #005ba0;
font-family: 'BEBAS';
padding-top: 35px;
position: relative;
}
.iab .warp .box h2 {
font-size: 48px;
}
.iab .warp {
display: flex;
justify-content: space-between;
}
.iab .warp .box h3 {
font-size: 36px;
}
.iab .warp .box .cent {
display: none;
}
.iab .warp .box {
width: 100%;
}
.iab .warp .pic {
width: 100%;
height: auto;
}
}
@media only screen and (min-width: 1200px) {
.iab .warp .box h2 {
font-size: 56px;
}
.iab .warp {
display: flex;
justify-content: space-between;
}
.iab .warp .box {
width: 30%;
padding-top: 40px;
}
.iab .warp .box h3 {
font-size: 42px;
}
.iab .warp .box .cent {
display: block;
font-size: 16px;
line-height: 30px;
margin-bottom: 25px;
overflow: hidden;
}
.iab .warp .pic {
width: 65%;
height: auto;
}
}
@media only screen and (min-width: 1400px) {
.iab .warp .box h2 {
font-size: 66px;
}
.iab .warp {
display: flex;
justify-content: space-between;
}
.iab .warp .box {
width: 30%;
padding-top: 40px;
}
.iab .warp .box h3 {
font-size: 50px;
}
.iab .warp .box .cent {
font-size: 16px;
line-height: 30px;
overflow: hidden;
margin-bottom: 45px;
}
.iab .warp .pic {
width: 65%;
height: auto;
}
}
.iab .warp .box h2:before {
display: block;
width: 80px;
height: 3px;
background-color: #005ba0;
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
}
.iab .warp .box h3 {
display: block;
color: #222;
line-height: 40px;
margin-top: -20px;
}
.iab .warp .box .cent {
color: #1d2830;
margin-bottom: 40px;
}
.iab .warp .box .cent p {
font-size: 16px;
line-height: 30px;
color: #1d2830;
}
.sybtns {
display: block;
width: 210px;
height: 58px;
line-height: 58px;
color: #fff;
font-size: 18px;
padding: 0 30px;
border-radius: 3px;
text-transform: capitalize;
font-family: 'BEBAS';
background: #005ba0 url(../images/rddr.png) 90% center no-repeat;
border: 1px solid #005ba0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
margin-bottom: 10px;
}
.sybtns:hover {
background: #005ba0 url(../images/rddr.png) 87% center no-repeat;
box-shadow: 0 1px 6px 0px rgba(0, 91, 160, 1)
}
@media only screen and (max-width: 1200px) {
.iab .box .details {
display: none
}
}
@media only screen and (min-width: 1201px) {
.iab .box .details {
width: 299px;
height: 299px;
overflow: hidden;
float: left;
}
}
.iab .box .details img {
transition: all 0.5s;
-webkit-transition: all 0.5s
}
.iab .box .details:hover img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.iab .warp .pic .list {
width: 100%;
display: flex;
justify-self: start;
overflow: hidden;
}
.iab .warp .pic .list li {
width: calc(100%/3);
position: relative;
}
@media only screen and (max-width: 1200px) {
.iab .warp .pic .list li {
height: 400px;
background-size: 100% auto;
}
}
@media only screen and (min-width: 1201px) {
.iab .warp .pic .list li {
height: 650px;
}
.iab .warp .pic .list li.as1,
.iab .warp .pic .list li.as2,
.iab .warp .pic .list li.as3 {
background-size: 100% auto;
}
}
@media only screen and (min-width: 1400px) {
.iab .warp .pic .list li {
height: 630px;
background-size: 100% auto;
}
}
.iab .warp .pic .list li.as1 {
background: url("../images/as1.jpg") center no-repeat;
}
.iab .warp .pic .list li.as2 {
background: url("../images/as2.jpg") center no-repeat;
}
.iab .warp .pic .list li.as3 {
background: url("../images/as3.jpg") center no-repeat;
}
.iab .warp .pic .list li p {
background: rgba(0, 0, 0, 0.8);
position: absolute;
bottom: -15px;
width: 100%;
height: 60px;
line-height: 60px;
text-align: center;
color: #fff
}
.iab .warp .pic .list li:nth-child(2) p {
background: rgba(0, 91, 160, 0.8);
}
.iab .warp .pic .list li:hover p {
background: rgba(0, 91, 160, 0.8);
}
.iab .warp .pic .list li:nth-child(2):hover p {
background: rgba(254, 177, 87, 0.8);
}
.iab .warp .bot {
padding-left: 40px;
height: auto;
}
.iab .warp .bot ul li {
float: left;
}
.iab .bot li p {
font-size: 64px;
color: #005ba0;
text-align: center;
line-height: 70px;
font-family: 'impact';
margin-bottom: 5px;
}
/*.iab .bot li:nth-child(1) p{font-family: 'Times New Roman';}*/
/* .iab .bot li .intro {
display: block;
text-align: center;
font-size: 14px;
line-height: 20px;
}
.prop-zhez {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: url(../images/tipbg.png) center repeat;
z-index: 100;
display: none
}
.prop-video-box {
width: 950px;
margin: 0 auto;
height: 60%;
position: fixed;
top: 15%;
left: 50%;
z-index: 101;
margin-left: -475px
}
.prop-video-box .close {
display: block;
width: 35px;
height: 35px;
background: url(../images/ico_07.png) center no-repeat;
position: absolute;
right: -50px;
top: 0px;
}
.prop-video-box .video {
display: block;
width: 100%;
height: 100%
}
.prop-video-box .main {
display: block;
width: 100%;
height: 100%
}*/
/*---------首页业务范围
@media only screen and (max-width: 1024px) {
.iproduct {
display: none;
}
.menu_yewu {
display: block;
}
}-----*/
/* @media only screen and (min-width: 1025px) { */
.menu_yewu {
display: none;
}
.iproduct {
display: block;
width: 100%;
height: auto;
}
.iproduct .title {
width: 100%;
}
.iproduct .title .mian {
max-width: 80%;
padding: 0px 0 30px;
text-align: center;
margin: 0 auto;
}
.iproduct .title h2 {
display: block;
color: #222;
margin-bottom: 15px;
}
@media only screen and (max-width: 750px) {
.iproduct .title h2 {
font-size: 28px;
line-height: 30px;
}
}
@media only screen and (min-width: 751px) {
.iproduct .title h2 {
font-size: 32px;
line-height: 36px;
}
}
@media only screen and (min-width: 1000px) {
.iproduct .title h2 {
font-size: 38px;
line-height: 42px;
}
}
@media only screen and (min-width: 1200px) {
.iproduct .title h2 {
font-size: 42px;
line-height: 50px;
}
}
@media only screen and (min-width: 1400px) {
.iproduct .title h2 {
font-size: 50px;
line-height: 60px;
}
}
.iproduct .title .cent {
display: block;
font-size: 14px;
line-height: 16px;
color: #8d8d8d;
}
.iproduct .title .cent p {
font-size: 14px;
line-height: 16px;
color: #8d8d8d;
}
.iproduct .pic {
width: 100%;
position: relative;
}
.iproduct .pic img {
display: block;
width: 100%;
}
.iproduct .main {
text-align: center;
position: absolute;
top: 30%;
left: 0;
width: 100%;
z-index: 5;
}
.iproduct .main h2 {
display: block;
color: #fff;
}
@media only screen and (max-width: 750px) {
.iproduct .main {
top: 10%
}
.iproduct .main h2 {
font-size: 28px;
line-height: 36px;
}
}
@media only screen and (min-width: 751px) {
.iproduct .main h2 {
font-size: 36px;
line-height: 42px;
}
}
@media only screen and (min-width: 1000px) {
.iproduct .main h2 {
font-size: 42px;
line-height: 50px;
}
}
@media only screen and (min-width: 1200px) {
.iproduct .main h2 {
font-size: 48px;
line-height: 56px;
}
}
@media only screen and (min-width: 1400px) {
.iproduct .main h2 {
font-size: 54px;
line-height: 60px;
}
}
.iproduct .main .cent,
.iproduct .main .cent p {
font-size: 16px;
color: #fff;
line-height: 26px;
}
.iproduct .main .btns {
display: block;
width: 48px;
height: 48px;
border-radius: 100%;
margin: 0 auto;
background-color: #005ba0;
position: relative;
border: 1px solid #005ba0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.iproduct .main .btns:hover {
background-color: transparent;
border: 1px solid #fff;
}
.iproduct .main .btns i {
display: block;
width: 48px;
height: 48px;
background: url(../images/bot-arr.png) center no-repeat;
animation: downico 1.5s ease-out infinite;
animation: downico 1.5s ease-out infinite\0/IE9;
position: absolute;
left: 0;
top: 0;
}
@keyframes downico {
0% {
left: 0;
opacity: 1;
}
35% {
left: 30%;
opacity: 0;
}
65% {
left: -30%;
opacity: 0;
}
100% {
left: 0;
opacity: 1;
}
}
.iproduct .warp {
width: 80%;
height: 158px;
overflow: hidden;
margin: -45px auto 0;
position: relative;
box-shadow: 0 1px 40px 0 rgba(0, 0, 0, 0.2);
background-color: #fff;
z-index: 5;
}
@media only screen and (max-width: 750px) {
.iproduct .warp {
height: 128px;
}
}
@media only screen and (min-width: 751px) {
.iproduct .warp {
height: 128px;
}
}
@media only screen and (min-width: 1000px) {
.iproduct .warp {
height: 158px;
}
}
.iproduct .swiper-container {
width: 900px;
height: 158px;
text-align: center;
position: relative;
}
.iproduct .swiper-container .g {
display: block;
width: 1px;
height: 80px;
position: absolute;
z-index: 5;
top: 50%;
margin-top: -40px;
background-color: #fff;
right: 0;
}
.iproduct .swiper-slide .tit {
font-size: 18px;
line-height: 20px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
height: 20px;
color: #666;
text-align: center;
}
.iproduct .swiper-slide.on .tit {
color: #222;
}
.iproduct .swiper-slide:hover .tit {
color: #222;
}
.iproduct .pagination {
position: absolute;
z-index: 20;
left: 10px;
bottom: 10px;
}
.iproduct .swiper-pagination-switch {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 8px;
background: #222;
margin-right: 5px;
opacity: 0.8;
border: 1px solid #fff;
cursor: pointer;
}
.iproduct .swiper-visible-switch {
background: #aaa;
}
.iproduct .swiper-active-switch {
background: #fff;
}
.iproduct .swiper-button-prev {
width: 50px;
height: 50px;
background-color: red;
margin-top: -100px;
position: absolute;
z-index: 50;
}
.iproduct .arrow-left {
background: url(../images/ipro-larr.png) center no-repeat;
position: absolute;
left: 20px;
top: 50%;
margin-top: -10px;
width: 10px;
height: 20px;
}
.iproduct .arrow-right {
background: url(../images/ipro-rarr.png) center no-repeat;
position: absolute;
right: 20px;
top: 50%;
margin-top: -10px;
width: 10px;
height: 20px;
}
.iproduct .pci {
width: 50px;
height: 50px;
margin: 40px auto 10px auto;
position: relative;
}
.iproduct .pci .gray {
display: block;
width: 50px;
height: 50px;
}
.iproduct .pci .green {
display: block;
width: 50px;
height: 0px;
position: absolute;
bottom: 0;
left: 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
overflow: hidden;
}
.iproduct .swiper-slide:hover .pci .green {
height: 50px;
}
.iproduct .swiper-slide .pci .green img {
display: block;
height: 50px;
width: 50px;
position: absolute;
bottom: 0;
left: 0
}
.iproduct .swiper-slide.on .pci .green {
height: 50px;
}
.iproduct .swiper-slide {
position: relative;
cursor: pointer;
}
.iproduct .swiper-slide i {
display: block;
width: 90%;
position: absolute;
bottom: 0;
height: 4px;
background-color: #fff;
left: 50%;
margin-left: -45%;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.iproduct .swiper-slide.on i {
background-color: #06b4a1;
}
.iproduct .swiper-slide em {
display: block;
width: 1px;
height: 80px;
background-color: #f2f2f2;
right: 0px;
top: 50%;
position: absolute;
z-index: 2;
margin-top: -40px;
}
/* } */
.isocial {
width: 100%;
height: auto;
overflow: hidden;
}
.isocial .warp {
width: 80%;
margin: 0 auto;
}
.isocial .warp .pic {
width: 35%;
height: 661px;
overflow: hidden;
float: left;
}
.isocial .warp .pic img {
display: block;
width: 100%;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.isocial .warp .pic:hover img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.isocial .warp .box {
width: 60%;
height: auto;
float: right;
}
.isocial .warp .box h2 {
display: block;
font-size: 65px;
color: #222;
text-transform: capitalize;
position: relative;
font-family: 'BEBAS';
margin-bottom: 20px;
}
.isocial .warp .box .mintit {
font-size: 50px;
color: #222;
line-height: 55px;
margin-bottom: 25px;
}
.isocial .warp .box .cent {
font-size: 16px;
line-height: 28px;
color: #585858;
margin-bottom: 45px;
}
.isocial .warp .box .btns {
display: block;
width: 130px;
height: 48px;
line-height: 48px;
color: #fff;
font-size: 18px;
padding: 0 30px;
border-radius: 3px;
text-transform: capitalize;
font-family: 'BEBAS';
background: #005ba0 url(../images/rddr.png) 80% center no-repeat;
border: 1px solid #005ba0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.isocial .warp .box .btns:hover {
background: #005ba0 url(../images/rddr.png) 87% center no-repeat;
box-shadow: 0 1px 6px 0px rgba(0, 91, 160, 1)
}
/*contact*/
@media only screen and (min-width: 1024px) {
.list_contact,
.list_contact li,
.video-box {
display: none;
}
}
@media only screen and (min-width: 1025px) {
.video-box {
display: block;
}
.list_contact {
display: block;
width: 100%;
margin: 0 auto;
justify-self: start;
display: flex;
}
.list_contact li {
width: 50%;
border: 1px #ececec solid;
padding: 2% 5%;
}
.list_contact li h2 {
font-size: 28px
}
.list_contact .anniu {
background: #0054a6;
width: 160px;
height: 50px;
line-height: 50px;
text-align: center;
color: #fff
}
.list_contact li:hover .list_contact .anniu {
background: #f9bb3d;
}
.list_contact li:hover {
background: #0054a6;
color: #fff
}
}
.lianxi_list {
width: 100%;
}
.lianxi_list li {
padding: 2% 0;
}
@media only screen and (max-width: 1000px) {
.lianxi_list li {
width: 100%;
}
}
@media only screen and (min-width: 1001px) {
.lianxi_list li {
width: 30.2%;
}
.lianxi_list {
display: flex;
justify-content: space-between;
}
}
.lianxi_list li {
border: 1px #ececec solid;
padding-left: 3%;
display: flex;
justify-self: start;
}
.lianxi_list li .img {
padding-top: 20px;
margin-right: 20px
}
.lianxi_list li .txt {
text-align: left;
}
.lianxi_list li .txt h4 {
font-size: 16px;
line-height: 28px;
}
.lianxi_list li .txt p {
font-size: 16px;
line-height: 28px;
margin-top: -20px;
}
.contact-warp {
width: 1200px;
margin: 0 auto 100px;
padding: 110px 0 0;
}
.contact-warp form {
display: block;
width: 100%;
height: auto;
}
.contact-warp h2,
.welfare-warp .title h2,
.lead-news .title h2,
.staff-news .title h2,
.paper-news .title h2,
.news-title .title h2,
.bookcase .title h2 {
font-size: 48px;
line-height: 55px;
color: #004a82;
font-family: 'Century751 SeBd BT';
text-transform: Uppercase;
display: block;
margin-bottom: 10px;
}
.contact-warp h2 span,
.welfare-warp .title h2 span,
.lead-news .title h2 span,
.staff-news .title h2 span,
.paper-news .title h2 span,
.news-title .title h2 span,
.bookcase .title h2 span {
color: #248e3e
}
.contact-warp h3,
.welfare-warp .title h3,
.lead-news .title h3,
.staff-news .title h3,
.paper-news .title h3,
.news-title .title h3,
.bookcase .title h3 {
display: block;
font-size: 40px;
line-height: 50px;
color: #004a82;
margin-bottom: 70px;
}
.contact-warp .message {
margin-bottom: 90px;
}
.contact-warp .message .mian {
width: 100%;
margin-bottom: 120px;
}
.contact-warp .message .mian ul .inp {
float: left;
width: 360px;
height: 200px;
margin-right: 60px;
}
.contact-warp .message .mian ul .inp:nth-child(3) {
margin-right: 0
}
.contact-warp .message .mian ul .inp input {
display: block;
width: 100%;
height: 70px;
line-height: 70px;
border: 0;
border-top: 1px solid #cdcdcc;
font-family: 'Century Gothic';
font-weight: bold;
outline: none;
font-size: 18px
}
.contact-warp .message .mian ul .text {
width: 780px;
float: left;
height: 200px;
font-family: 'Century Gothic';
font-weight: bold;
}
.contact-warp .message .mian ul .text textarea {
display: block;
width: 100%;
height: 100%;
padding: 2.5% 3%;
line-height: 30px;
resize: none;
box-sizing: border-box;
border: 1px solid #cdcdcc;
outline: none;
}
.contact-warp .message .btns {
width: 100%;
height: auto;
position: relative;
}
.contact-warp .message .btns:before {
display: block;
width: 100%;
height: 1px;
background-color: #cdcdcc;
position: absolute;
top: 50%;
left: 0;
content: '';
}
.contact-warp .message .btns input {
display: block;
width: auto;
height: 62px;
background: #004a82 url(../img/contact-icon1.png) 65% center no-repeat;
transition: all 0.5s;
-webkit-transition: all 0.5s;
float: right;
font-family: 'Century Gothic';
font-size: 24px;
color: #fff;
font-weight: bold;
padding: 0 170px 0 110px;
border: 0;
position: relative;
z-index: 2
}
.contact-warp .message .btns input:hover {
background: #004a82 url(../img/contact-icon1.png) 70% center no-repeat;
box-shadow: 0 1px 10px 0 rgba(0, 74, 140, 1)
}
.contact-warp .contact {
width: 100%;
}
.contact-warp .contact .warp {
width: 100%;
}
.contact-warp .contact .warp .box {
width: 28%;
height: auto;
float: left;
}
.contact-warp .contact .box ul li {
padding: 0;
width: 100%;
border-bottom: 1px solid #e5e5e5;
padding: 25px 0
}
.contact-warp .contact .box ul li:last-child {
border-bottom: 0;
}
.contact-warp .contact .box ul li p {
font-size: 26px;
color: #333333;
text-transform: Capitalize;
font-family: 'Century Gothic';
font-weight: bold;
line-height: 30px;
margin-bottom: 12px;
}
.contact-warp .contact .box ul li span {
display: block;
font-size: 18px;
color: #666666;
line-height: 20px;
}
.contact-warp .map {
width: 60%;
height: 500px;
float: right;
}
.contact-warp .map #allmap {
width: 100%;
height: 100%;
}
.BMap_noprint,
.anchorBL {
opacity: 0
}
.contact-warp .BMap_bubble_title {
color: #cc5522;
font-size: 16px;
margin-bottom: 10px;
}
.contact-warp .BMap_bubble_content {
color: #333;
font-size: 14px;
line-height: 20px;
}
/*welfare鍏泭浜嬩笟*/
.welfare-ban {
width: 1200px;
margin: 0 auto 95px;
}
.welfare-ban img {
display: block;
width: 100%;
}
.welfare-warp {
width: 1200px;
margin: 0 auto 60px;
}
.welfare-warp .title {
margin-bottom: 110px;
}
.welfare-warp .title h3 {
margin-bottom: 20px;
}
.welfare-warp .title .cent,
.welfare-warp .title .cent p {
font-size: 14px;
line-height: 32px;
color: #333333;
width: 1200px;
}
.welfare-warp .warp {
width: 100%;
height: auto;
}
/*.welfare-warp .warp ul{display: block;width: 100%;height: 100%;margin-bottom: 30px;}*/
.welfare-warp .warp ul li {
width: 357px;
background-color: #fff;
padding: 10px;
float: left;
margin: 0 34px 30px 0;
position: relative;
top: 0;
transition: all 0.4s;
-webkit-transition: all 0.4s;
min-height: 400px;
}
.welfare-warp .warp ul li:hover {
box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.2);
top: -10px;
}
.welfare-warp .warp ul li.on {
margin-right: 0;
}
.welfare-warp .warp ul li a {
display: block;
width: 100%;
height: 100%;
}
.welfare-warp .warp li .pic {
width: 100%;
height: 190px;
overflow: hidden;
margin-bottom: 30px;
}
.welfare-warp .warp li .pic img {
display: block;
width: 100%;
height: 100%;
}
.welfare-warp .warp li .box h2 {
display: block;
color: #282828;
line-height: 32px;
font-size: 20px;
margin-bottom: 15px;
}
.welfare-warp .warp li .box .cent {
font-size: 14px;
line-height: 24px;
color: #888888;
margin-bottom: 15px;
}
.welfare-warp .warp li .box .time {
display: block;
font-size: 14px;
color: #282828;
line-height: 20px;
}
.welfare-warp .warp .noimg .box {
padding-top: 30px;
}
.welfare-warp .warp .noimg a i {
display: block;
width: 100%;
height: 4px;
background-color: #248e3e;
top: 0;
left: 0;
transition: all 0.4s;
-webkit-transition: all 0.4s;
position: absolute;
}
.welfare-warp .warp .noimg .box h2 {
margin-bottom: 25px;
min-height: 64px;
}
.welfare-warp .warp .noimg .box .cent {
margin-bottom: 25px;
}
.welfare-warp .warp .noimg .box .time {
margin-bottom: 110px;
}
.welfare-warp .warp .noimg .box em {
display: block;
width: 100%;
height: 21px;
background: url(../img/welfare-arr.png) left center no-repeat;
transition: all 0.4s;
-webkit-transition: all 0.4s;
position: absolute;
bottom: 2%;
left: 2%
}
.welfare-warp .warp .noimg:hover .box em {
background: url(../img/welfare-arr.png) 10% center no-repeat;
}
.welfare-warp .warp .noimg:hover a i {
top: 0px;
}
/*charity 鎱堝杽瀹舵ゼ*/
.charity .h-title {
margin-bottom: 0
}
.charity-ban {
width: 100%;
}
.charity-ban img {
display: block;
width: 100%;
}
.charity-warp {
width: 1080px;
height: auto;
padding: 80px 60px 70px;
background-color: #fff;
border-bottom: 1px solid #e5e5e5;
margin: -140px auto 70px;
position: relative;
}
.charity-warp .left,
.charity-warp .right {
width: 47%;
float: left;
height: auto;
font-size: 14px;
line-height: 30px;
color: #1c1c1b
}
.charity-warp .right {
float: right;
}
.charity-atlas {
width: 1200px;
margin: 0 auto 80px;
}
.charity-atlas ul li {
float: left;
width: 284px;
height: 194px;
overflow: hidden;
margin: 0 21px 22px 0;
}
.charity-atlas ul li:nth-child(4),
.charity-atlas ul li:nth-child(8) {
margin-right: 0
}
.charity-atlas ul li a {
display: block;
width: 100%;
height: 100%;
cursor: ;
position:
}
.charity-atlas ul li a img {
display: block;
width: 100%;
height: 100%;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.charity-atlas ul li:hover img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
/*棰嗗娲诲姩*/
.lead-title {
background-color: #fff;
width: 100%;
height: 75px;
position: relative;
box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 70px;
}
.lead-title i {
display: block;
position: absolute;
height: 4px;
width: 60%;
background-color: #005ba0
}
.lead-title .swiper-container {
width: 750px;
height: 75px;
color: #fff;
text-align: center;
margin: 0 auto;
}
.lead-title .swiper-slide {
height: 100%;
}
.lead-title .swiper-slide .title {
font-size: 16px;
line-height: 75px;
color: #666666;
width: 150px;
display: block;
cursor: pointer;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.lead-title .swiper-slide.on .title,
.lead-title .swiper-slide:hover .title {
color: #005ba0
}
.lead-news,
.staff-news,
.paper-news {
width: 1200px;
margin: 0 auto 80px;
}
.lead-news .title,
.staff-news .title,
.paper-news .title {
margin-bottom: 50px;
text-align: center;
}
.lead-news .title h3,
.staff-news .title h3,
.paper-news .title h3 {
margin-bottom: 0
}
.lead-news .list,
.staff-news .list {
width: 100%;
}
.lead-news .list li {
float: left;
width: 385px;
height: 420px;
background-color: #fff;
box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.1);
margin: 0 22px 24px 0;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.lead-news .list li:nth-child(3),
.lead-news .list li:nth-child(6) {
margin-right: 0
}
.lead-news .list li a,
.staff-news .list li a {
display: block;
width: 100%;
height: 100%;
}
.lead-news .list li a .pic {
width: 100%;
height: 221px;
overflow: hidden;
margin-bottom: 30px;
}
.lead-news .list li a .pic img {
display: block;
height: 100%;
width: 100%;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.lead-news .list .box {
padding: 0 8%;
}
.lead-news .list .box h2 {
font-size: 20px;
color: #282828;
line-height: 30px;
margin-bottom: 5px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.lead-news .list .box .cent {
font-size: 18px;
line-height: 30px;
color: #888;
padding-bottom: 30px;
position: relative;
}
.lead-news .list .box .cent:before {
display: block;
width: 120px;
height: 3px;
background-color: #005ba0;
content: '';
position: absolute;
bottom: 0;
left: 0;
}
.lead-news .list li:hover .pic img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.lead-news .list li:hover .box h2 {
color: #005ba0
}
.lead-news .list li:hover {
box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.3);
}
.videonews {
display: none;
}
/*鍛樺伐*/
.staff-title {
background-color: #fff;
width: 100%;
height: 75px;
position: relative;
box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 70px;
}
.staff-title i {
display: block;
position: absolute;
height: 4px;
width: 60%;
background-color: #005ba0
}
.staff-title .swiper-container {
width: 900px;
height: 75px;
color: #fff;
text-align: center;
margin: 0 auto;
}
.staff-title .swiper-slide {
height: 100%;
}
.staff-title .swiper-slide .title {
font-size: 16px;
line-height: 75px;
color: #666666;
width: 150px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
display: block;
cursor: pointer;
}
.staff-title .swiper-slide.on .title,
.staff-title .swiper-slide:hover .title {
color: #005ba0
}
.staff-news .title {
margin-bottom: 85px;
}
.staff-news .list {
width: 1200px;
height: auto;
margin: 0 auto;
}
.staff-news .list li {
float: left;
width: 296px;
height: 203px;
position: relative;
margin: 0 5px 5px 0;
overflow: hidden;
}
.staff-news .list li:nth-child(4),
.staff-news .list li:nth-child(8) {
margin-right: 0
}
.staff-news .list li img {
display: block;
width: 100%;
}
.staff-news .list li .box {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
box-sizing: border-box;
padding: 3%;
opacity: 0;
transition: all 0.6s;
-webkit-transition: all 0.6s;
}
.staff-news .list li .box .details {
overflow: hidden;
width: 100%;
height: 100%;
border: 1px solid rgba(255, 255, 255, 0.2);
box-sizing: border-box;
padding: 5%;
color: #fff;
}
.staff-news .list li .details .math {
font-size: 24px;
line-height: 28px;
position: relative;
font-family: 'Century Gothic';
margin-bottom: 15px;
display: none;
}
.staff-news .list li .details .math:before {
display: block;
width: 15px;
height: 1px;
background-color: #fff;
position: absolute;
top: 50%;
left: 35px;
content: '';
}
.staff-news .list li .details .cent {
font-size: 18px;
line-height: 28px;
height: 76%;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
margin-bottom: 5%;
left: -50%;
opacity: 0;
transition: all 0.6s;
-webkit-transition: all 0.6s;
position: relative;
}
.staff-news .list li .details .infor {
font-size: 18px;
line-height: 28px;
text-transform: capitalize;
right: -30%;
opacity: 0;
transition: all 0.6s;
-webkit-transition: all 0.6s;
opacity: 0;
position: relative;
}
.staff-news .list li.on .box {
opacity: 1;
}
.staff-news .list li.on .details .cent {
left: 0;
opacity: 1
}
.staff-news .list li.on .details .infor {
right: 0;
opacity: 1
}
/*骞垮鎶�*/
.paper-news .serch {
width: 520px;
height: 45px;
margin: 0 auto 70px;
}
.paper-news .serch span {
display: block;
width: 17%;
font-size: 18px;
color: #666;
line-height: 45px;
background-color: #f1f1f1;
float: left;
text-align: center;
}
.paper-news .serch input[type='text'] {
display: block;
height: 45px;
line-height: 45px;
width: 61.5%;
background-color: #fff;
padding: 0 5% 0 5%;
font-size: 14px;
float: left;
border: 0;
}
.paper-news .serch input[type='submit'] {
display: block;
width: 11%;
float: left;
border: 0;
background-color: #205db1;
height: 45px;
background: #205db1 url(../img/paper-icon.jpg) center no-repeat;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px
}
.paper-news .list {
width: 100%;
}
.paper-news .list li {
width: 23%;
height: auto;
float: left;
margin: 0 2.5% 35px 0;
}
.paper-news .list li:nth-child(4),
.paper-news .list li:nth-child(8) {
margin-right: 0
}
.paper-news .list li a {
display: block;
width: 100%;
height: 100%;
}
.paper-news .list li a .pic {
width: 100%;
height: auto;
box-sizing: border-box;
margin-bottom: 20px;
padding: 10px;
background-color: #fff;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1)
}
.paper-news .list li a .pic img {
display: block;
width: 100%;
border: 1px solid #dddddd;
box-sizing: border-box;
}
.paper-news .list li a .tit {
width: 100%;
text-align: center;
font-size: 20px;
color: #333;
line-height: 26px;
}
.le-title {
display: none
}
/*鏂伴椈涓績*/
.maxnews {
width: 1200px;
height: 573px;
overflow: hidden;
margin: 0 auto 75px;
position: relative;
}
.maxnews img {
display: block;
width: 100%;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.maxnews:hover img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.maxnews .box {
color: #fff;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-left: 89px;
box-sizing: border-box;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.maxnews .box h2 {
font-size: 28px;
line-height: 35px;
font-family: 'Century Gothic';
font-weight: bold;
padding-top: 260px;
margin-bottom: 25px;
}
.maxnews .box .details,
.maxnews .box .details p {
font-size: 28px;
line-height: 38px;
}
.maxnews .box .details {
margin-bottom: 45px
}
.maxnews .box .btns {
transition: all 0.4s;
-webkit-transition: all 0.4s;
display: block;
width: 130px;
height: 48px;
line-height: 48px;
padding: 0 30px;
color: #00487e;
font-weight: bold;
font-family: 'BEBAS';
font-size: 16px;
border-radius: 3px;
background: #fff url(../img/maxnews-icon.png) 80% center no-repeat
}
.maxnews .box .btns:hover {
background: #f2f2f2 url(../img/maxnews-icon.png) 85% center no-repeat
}
.maxnews:hover .box {
background-color: rgba(0, 91, 160, 0.8);
}
.news-title {
width: 1200px;
margin: 0 auto 60px;
}
.news-title .warp {
width: 100%;
}
.news-title .warp li {
float: left;
height: auto;
width: 32%;
margin: 0 2% 29px 0;
background-color: #fff;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
position: relative;
top: 0;
transition: all 0.4s;
-webkit-transition: all 0.4s;
min-height: 430px;
}
.news-title .warp li a {
display: block;
width: 100%;
height: auto
}
.news-title .warp li .pic {
width: 100%;
height: auto;
overflow: hidden;
margin-bottom: 20px;
}
.news-title .warp li .pic img {
display: block;
width: 100%;
}
.news-title .warp li .box {
padding: 0 10%;
padding-bottom: 30px;
}
.news-title .warp li .box .time {
font-size: 14px;
line-height: 25px;
color: #004a82;
font-family: 'Century Gothic';
margin-bottom: 5px;
}
.news-title .warp li .box h2 {
display: block;
font-size: 20px;
line-height: 30px;
color: #222;
height: 60px;
}
.news-title .warp li .ico {
padding: 0 10%;
height: 55px;
border-top: 1px solid #efefef;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
box-sizing: border-box;
}
.news-title .warp li .ico span {
display: block;
float: left;
height: 55px;
width: 35px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.news-title .warp li .ico span:nth-child(1) {
background: url(../img/news-ico1.png) left center no-repeat
}
.news-title .warp li .ico span:nth-child(1):hover {
background: url(../img/news-ico11.png) left center no-repeat
}
.news-title .warp li .ico span:nth-child(2) {
background: url(../img/news-ico2.png) left center no-repeat
}
.news-title .warp li .ico span:nth-child(2):hover {
background: url(../img/news-ico22.png) left center no-repeat
}
.news-title .warp li .ico span:nth-child(3) {
background: url(../img/news-ico3.png) left center no-repeat
}
.news-title .warp li .ico span:nth-child(3):hover {
background: url(../img/news-ico33.png) left center no-repeat
}
.news-title .warp li .ico span:nth-child(4) {
background: url(../img/news-ico4.png) left center no-repeat
}
.news-title .warp li .ico span:nth-child(4):hover {
background: url(../img/news-ico44.png) left center no-repeat
}
.news-title .warp li:nth-child(3),
.news-title .warp li:nth-child(6),
.news-title .warp li:nth-child(9),
.news-title .warp li:nth-child(12) {
margin-right: 0;
}
.news-title .warp li:hover {
top: -8px;
box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.3);
}
.news-title .warp .noimg {
position: relative;
min-height: 430px;
}
.news-title .warp .noimg .box {
padding: 10% 10% 0%;
}
.news-title .warp .noimg .box h2 {
margin-bottom: 12%
}
.news-title .warp .noimg .box .details {
font-size: 16px;
line-height: 22px;
color: #666666;
min-height: 80px;
}
.news-title .warp .noimg .ico {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
box-sizing: border-box;
}
/*涔︽灦*/
.bookcase {
text-align: center;
width: 1200px;
margin: 0 auto;
}
.bookcase .list {
width: 100%;
height: auto;
text-align: left;
margin-bottom: 50px;
}
.bookcase .list li {
width: 100%;
background-color: #fff;
padding: 65px 0 75px;
box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 60px;
}
.bookcase .list li a {
display: block;
width: 100%;
height: auto;
margin: 0 auto;
}
.bookcase .list li .pic {
width: 24%;
float: left;
padding: 1%;
border: 1px solid #edc9af;
margin-left: 5%;
}
.bookcase .list li .pic img {
display: block;
width: 100%;
}
.bookcase .list li .box {
width: 55%;
float: right;
margin-right: 5%
}
.bookcase .list li .box h2 {
display: block;
font-size: 36px;
color: #222;
line-height: 40px;
padding: 15px 0 35px;
position: relative;
margin-bottom: 40px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.bookcase .list li .box h2:before {
display: block;
width: 40px;
height: 4px;
background-color: #222;
position: absolute;
bottom: 0;
left: 0;
content: '';
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.bookcase .list li .box .details,
.bookcase .list li .box .details p {
font-size: 16px;
line-height: 30px;
color: #333;
}
.bookcase .list li .box .details {
padding-bottom: 65px;
border-bottom: 1px solid #dcdcdc;
margin-bottom: 60px;
}
.bookcase .list li .box .btns {
display: block;
width: 120px;
height: 40px;
line-height: 40px;
border: 1px solid #e0e0e0;
padding-left: 25px;
text-align: center;
font-size: 14px;
color: #333;
background: url(../img/book-btnico.png) 22% center no-repeat;
position: relative;
transition: all 0.4s;
-webkit-transition: all 0.4s;
top: 0
}
.bookcase .list li:hover .box .btns {
top: -10px;
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
border: 1px solid #f3f3f3;
}
.bookcase .list li:hover .box h2 {
color: #004a82
}
.bookcase .list li:hover .box h2:before {
background-color: #004a82
}
.bookcase .list li .box .btns:hover {
color: #004a82
}
.cul .staff-title {
margin-bottom: 0
}
.cul1,
.cul3,
.cul4,
.cul5,
.cul7 {
position: relative;
width: 100%;
height: auto;
}
.cul1 .pic,
.cul3 .pic,
.cul4 .pic,
.cul5 .pic,
.cul7 .pic {
width: 100%;
height: auto;
}
.cul1 .pic img,
.cul3 .pic img,
.cul4 .pic img,
.cul5 .pic img,
.cul7 .pic img {
display: block;
width: 100%;
}
.cul1 .box {
width: 630px;
padding: 120px 570px 325px 0;
margin: 0 auto;
}
.cul1 .box h2,
.cul2 .box h2,
.cul3 .box h2,
.cul4 .box h2,
.cul5 .box h2,
.cul6 .warp .box h2,
.cul7 .box h2,
.speech-lead .title h2,
.pro-heder .warp .box h2,
.ab1 .warp .pic h2,
.ab2 .warp1 .warp .box h2 {
font-size: 48px;
line-height: 55px;
color: #005ba0;
font-family: 'Century Gothic';
text-transform: Uppercase;
display: block;
margin-bottom: 15px;
font-weight: bold;
}
.cul1 .box h2 span,
.cul2 .box h2 span,
.cul3 .box h2 span,
.cul4 .box h2 span,
.cul5 .box h2 span,
.cul6 .warp .box h2 span,
.cul7 .box h2 span,
.speech-lead .title h2 span,
.pro-heder .warp .box h2 span,
.ab1 .warp .pic h2 span,
.ab2 .warp1 .warp .box h2 span {
color: #248e3e
}
.cul1 .box h3,
.cul2 .box h3,
.cul3 .box h3,
.cul4 .box h3,
.cul5 .box h3,
.cul6 .warp .box h3,
.cul7 .box h3,
.speech-lead .title h3,
.pro-heder .warp .box h3,
.ab1 .warp .pic h3,
.ab2 .warp1 .warp .box h3 {
display: block;
color: #005ba0;
}
@media only screen and (max-width: 750px) {
.pro-heder {
display: none;
}
}
@media only screen and (max-width: 1200px) {
.cul1 .box h3,
.cul2 .box h3,
.cul3 .box h3,
.cul4 .box h3,
.cul5 .box h3,
.cul6 .warp .box h3,
.cul7 .box h3,
.speech-lead .title h3,
.pro-heder .warp .box h3,
.ab1 .warp .pic h3,
.ab2 .warp1 .warp .box h3 {
font-size: 24px;
line-height: 25px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 1201px) {
.cul1 .box h3,
.cul2 .box h3,
.cul3 .box h3,
.cul4 .box h3,
.cul5 .box h3,
.cul6 .warp .box h3,
.cul7 .box h3,
.speech-lead .title h3,
.pro-heder .warp .box h3,
.ab1 .warp .pic h3,
.ab2 .warp1 .warp .box h3 {
font-size: 32px;
line-height: 33px;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1400px) {
.cul1 .box h3,
.cul2 .box h3,
.cul3 .box h3,
.cul4 .box h3,
.cul5 .box h3,
.cul6 .warp .box h3,
.cul7 .box h3,
.speech-lead .title h3,
.pro-heder .warp .box h3,
.ab1 .warp .pic h3,
.ab2 .warp1 .warp .box h3 {
font-size: 36px;
line-height: 40px;
margin-bottom: 40px;
}
}
.cul1 .box .details,
.cul1 .box .details p,
.cul3 .box .details,
.cul3 .box .details p,
.cul4 .box .details,
.cul4 .box .details p,
.cul5 .box .details,
.cul5 .box .details p,
.cul6 .box .details,
.cul6 .box .details p,
.cul7 .box .details,
.cul7 .box .details p {
font-size: 16px;
line-height: 32px;
color: #005ba0
}
.cul2 {
width: 80%;
margin: 0 auto 50px;
overflow: hidden;
}
@media only screen and (max-width: 1200px) {
.cul2 .pic,
.cul2 .box {
width: 100%;
}
}
@media only screen and (min-width: 1201px) {
.cul2 {
display: flex;
justify-content: space-between;
}
.cul2 .pic {
width: 55%;
}
.cul2 .box {
width: 40%;
}
}
@media only screen and (min-width: 1400px) {
.cul2 {
display: flex;
justify-content: space-between;
}
.cul2 .pic {
width: 45%;
}
.cul2 .box {
width: 50%;
}
}
@media only screen and (min-width: 1600px) {
.cul2 {
display: flex;
justify-content: space-between;
}
.cul2 .pic {
width: 40%;
}
.cul2 .box {
width: 55%;
}
}
.cul2 .pic img {
display: block;
max-width: 100%;
}
.cul2 .box h2 {
padding-top: 0;
}
.cul2 .box .details,
.cul2 .box .details p {
font-size: 16px;
line-height: 32px;
color: #333;
}
.cul3 .box {
width: 80%;
margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
.cul3 .box {
padding: 60px 10% 80px;
}
.cul3 .box h2,
.cul3 .box h2 span,
.cul3 .box h3 {
line-height: 1em;
}
}
@media only screen and (min-width: 1201px) {
.cul3 .box {
padding: 100px 10% 260px;
}
}
.cul3 .box h2,
.cul3 .box h2 span,
.cul3 .box h3 {
color: #fff;
}
.cul3 .box .details,
.cul3 .box .details p {
color: #fff;
}
.cul4 .box {
width: 80%;
height: auto;
padding: 110px 10% 120px;
margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
.cul4 .box {
padding: 50px 10% 70px;
}
}
@media only screen and (min-width: 1201px) {
.cul4 .box {
padding: 110px 10% 120px;
}
}
.cul4 .box .details p {
color: #333;
}
.cul4 .box .details {
margin-bottom: 90px;
}
.cul4 .box .img {
display: block;
width: 100%;
}
.cul4 .box .img img {
display: block;
max-width: 100%;
}
.cul5 .box {
width: 80%;
margin: 0 auto;
padding: 170px 10% 250px 10%
}
@media only screen and (max-width: 1200px) {
.cul5 .box {
padding: 30px 10% 25px 10%
}
}
@media only screen and (min-width: 1201px) {
.cul5 .box {
padding: 170px 10% 250px 10%
}
}
.cul5 .box .details,
.cul5 .box .details p {
color: #fff;
}
.cul5 .box h2,
.cul5 .box h3,
.cul5 .box h2 span {
color: #fff;
}
.cul6 {
width: 100%;
height: auto;
}
.cul6 .warp {
width: 80%;
margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
.cul6 .warp .box {
width: 100%;
}
.cul6 .warp .pic {
width: 100%;
}
.cul6 {
padding: 20px 0;
}
}
@media only screen and (min-width: 1201px) {
.cul6 .warp {
display: flex;
justify-content: space-between;
}
.cul6 .warp .box {
width: 45%;
}
.cul6 .warp .pic {
width: 55%;
}
.cul6 {
padding: 110px 0 120px;
}
}
.cul6 .box .details,
.cul6 .box .details p {
color: #333;
}
.cul6 .warp .pic {
padding-top: 25px;
}
.cul6 .warp .pic .top {
width: 100%;
overflow: hidden;
position: relative;
}
.cul6 .warp .pic .top a {
display: block;
width: 100%;
height: auto;
}
.cul6 .warp .pic .top img {
display: block;
max-width: 100%;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.cul6 .warp .pic .top:hover img {
transform: scale(1.03);
-webkit-transform: scale(1.03);
}
.cul6 .warp .pic .top .title {
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
color: #fff;
text-align: center;
font-size: 15px;
line-height: 18px;
padding: 10px 0
}
.cul7 .box {
width: 870px;
padding: 85px 240px 100px 90px;
margin: 0 auto;
}
.cul7 .box .details,
.cul7 .box .details p {
color: #333;
}
.cul7 .box .details {
margin-bottom: 60px;
}
.cul7 .box .img {
width: 100%;
height: auto;
}
.cul7 .box .img img {
display: block;
max-width: 100%;
}
/*棰嗗鑷磋緸*/
.speech-whiet {
height: 310px;
}
.speech {
width: 100%;
background-color: #f3f3f3;
}
.speech .warp {
width: 1200px;
margin: 0 auto;
position: relative;
top: -200px;
}
.speech .warp .pic {
width: 43%;
float: left;
}
.speech .warp .pic img {
display: block;
width: 100%;
}
.speech .warp .box {
width: 50%;
float: right;
}
.speech .warp .box .mian .cont {
width: 100%;
padding-bottom: 20px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 30px;
}
.speech .mian .cont span {
display: inline-block;
float: left;
}
.speech .mian .cont .name {
font-size: 40px;
line-height: 45px;
letter-spacing: 10px;
max-width: 35%;
}
.speech .mian .cont .mintit {
font-size: 22px;
padding: 15px 0 0 10px;
max-width: 63%;
line-height: 30px;
}
.speech .mian .cent {
font-size: 14px;
line-height: 30px;
color: #333;
margin-bottom: 100px;
}
.speech .title {
width: 100%;
height: 45px;
margin-bottom: 40px;
}
.speech .title span {
transition: all 0.4s;
-webkit-transition: all 0.4s;
cursor: pointer;
display: block;
float: left;
height: 45px;
line-height: 45px;
text-align: center;
color: #fff;
font-size: 18px;
background-color: #999;
border-radius: 3px;
padding: 0 30px;
margin-right: 40px;
}
.speech .title span:last-child {
margin-right: 0;
}
.speech .title span.on,
.speech .title span:hover {
background-color: #005ba0;
}
.speech .details,
.speech .details p {
font-size: 16px;
color: #333;
line-height: 32px;
}
.speech-lead {
width: 1200px;
margin: 0 auto 60px;
}
.speech-lead .title {
padding-top: 110px;
}
.speech-lead .title h3 {
margin-bottom: 60px;
}
.speech-lead .warp {
width: 100%;
}
.speech-lead .warp li {
float: left;
width: 30%;
margin-right: 4.5%;
}
.speech-lead .warp li:last-child {
margin-right: 0;
}
.speech-lead .warp li a {
display: block;
height: 100%;
width: 100%;
cursor: pointer;
}
.speech-lead .warp li a .pic {
width: 100%;
height: auto;
overflow: hidden;
margin-bottom: 30px;
position: relative;
}
.speech-lead .warp li a .pic i {
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
position: absolute;
z-index: 2;
background: rgba(0, 0, 0, 0.3) url(../img/speech-ico1.png) 91% 8% no-repeat;
}
.speech-lead .warp .pic img {
display: block;
width: 100%;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.speech-lead .warp li:hover .pic img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.speech-lead .warp .box {
width: 100%;
}
.speech-lead .warp .box h2 {
display: block;
font-size: 18px;
color: #222;
line-height: 26px;
}
.speech-lead .warp .box .details {
font-size: 15px;
color: #444;
}
/*浜у搧璇︽儏*/
.pro-heder {
width: 100%;
}
@media only screen and (max-width: 750px) {
.pro-heder {
height: 180px;
}
}
@media only screen and (min-width: 751px) {
.pro-heder {
height: 200px;
}
}
@media only screen and (min-width: 1000px) {
.pro-heder {
height: 220px;
}
}
@media only screen and (min-width: 1200px) {
.pro-heder {
height: 240px;
}
}
@media only screen and (min-width: 1400px) {
.pro-heder {
height: 260px;
}
}
@media only screen and (min-width: 1600px) {
.pro-heder {
height: 280px;
}
}
.pro-heder .warp {
width: 80%;
margin: 0 auto;
position: relative;
}
.pro-heder .warp .box {
width: 71%;
float: left;
}
.pro-heder .warp .box h2,
.pro-heder .warp .box h3 {
color: #fff;
}
@media only screen and (max-width: 750px) {
.pro-heder .warp .box h2 {
font-size: 36px;
padding-top: 0;
}
.pro-heder .warp .box h3 {
font-size: 24px;
}
}
@media only screen and (min-width: 751px) {
.pro-heder .warp .box h2 {
font-size: 36px;
padding-top: 0;
}
.pro-heder .warp .box h3 {
font-size: 28px;
}
}
@media only screen and (min-width: 1000px) {
.pro-heder .warp .box h2 {
font-size: 40px;
padding-top: 5px;
}
.pro-heder .warp .box h3 {
font-size: 28px;
}
}
@media only screen and (min-width: 1200px) {
.pro-heder .warp .box h2 {
font-size: 46px;
padding-top: 10px;
}
.pro-heder .warp .box h3 {
font-size: 36px;
}
}
@media only screen and (min-width: 1400px) {
.pro-heder .warp .box h2 {
font-size: 52px;
padding-top: 15px;
}
.pro-heder .warp .box h3 {
font-size: 42px;
}
}
.pro-heder .warp .box h3 {
margin-top: -10px;
}
.pro-heder .warp a {
display: block;
float: right;
height: 65px;
width: 65px;
border-radius: 100%;
margin-top: 66px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.pro-heder .warp .rarr {
background: #fff url(../images/inputinfor-larr.png) center no-repeat;
margin-left: 30px;
}
.pro-heder .warp .larr {
background: #fff url(../images/inpurinfor-rarr.png) center no-repeat;
}
.pro-heder .warp a:hover {
background-color: #d5ecfd
}
.pro-warp {
width: 1200px;
margin: 0 auto 50px;
border-bottom: 1px solid #e5e5e5;
}
.pro-warp .pro-title {
margin-bottom: 55px;
padding-bottom: 60px;
border-bottom: 1px solid #eaeaea;
}
.pro-warp .pro-title .left {
float: left;
width: 530px;
height: auto;
}
.pro-warp .pro-title .title {
margin-bottom: 35px;
}
.pro-warp .pro-title .title .tit {
font-size: 48px;
line-height: 50px;
color: #222;
}
.pro-warp .pro-title .title .mintit {
font-size: 30px;
line-height: 35px;
color: #222;
padding-left: 15px;
}
.pro-warp .pro-title .time {
color: #adadad;
font-size: 18px;
height: 30px;
overflow: hidden;
}
.pro-warp .pro-title .time .te1 {
height: 30px;
color: #adadad;
font-size: 18px;
line-height: 30px;
padding-right: 15px;
border-right: 1px solid #adadad;
margin-right: 15px;
display: block;
width: auto;
float: left;
}
.pro-warp .pro-title .time .te2 {
font-size: 12px;
line-height: 15px;
width: 350px;
display: block;
float: left;
}
.pro-warp .pro-title .right {
float: right;
width: 435px;
}
.pro-warp .pro-title .right a {
background-color: #999999;
color: #fff;
border-radius: 3px;
font-size: 18px;
margin-left: 5px;
display: inline-block;
width: 136px;
text-align: center;
height: 45px;
line-height: 45px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
margin-bottom: 15px;
}
.pro-warp .pro-title .right a.on,
.pro-warp .pro-title .right a:hover {
background-color: #005ba0
}
.fc .fy {
padding-top: 60px;
}
.pro-warp .main .icon {
width: 72px;
background-color: #f5f5f5;
padding: 20px 0;
float: left;
}
.pro-warp .main .icon a {
width: 32px;
height: 32px;
margin: 0 auto 40px;
cursor: pointer;
display: block;
}
.pro-warp .main .icon a:last-child {
margin-bottom: 0;
}
.pro-warp .main .icon a img {
display: block;
width: 100%;
height: 100%;
}
.pro-warp .main .warp {
width: 887px;
float: right;
margin-right: 5%;
padding-bottom: 30px;
}
.pro-warp .main .warp p,
.pro-warp .cont p {
font-size: 18px;
line-height: 30px;
color: #333;
}
.pro-warp .main .warp img,
.pro-warp .cont img {
max-width: 100%
}
.pro-warp .main .icon a {
float: none;
padding-left: 0
}
.pro-warp .news-title {
margin-bottom: 50px;
padding: 50px 0;
border-bottom: 1px solid #eaeaea;
}
.pro-warp .news-title h2 {
font-size: 30px;
line-height: 50px;
color: #222;
margin-bottom: 20px;
}
.pro-warp .news-title .mintit {
font-size: 16;
line-height: 20px;
color: #666;
}
/*.pro-warp .cont{width: 94%;margin: 0 auto;}*/
.fc .reture {
display: none;
}
.sports {
width: 1200px;
margin: 0 auto 150px;
}
.sports li {
width: 48%;
margin: 0 4% 25px 0;
box-sizing: border-box;
padding: 22px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
float: left;
}
.sports li:hover {
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
background-color: #fff;
}
.sports li:nth-child(even) {
margin-right: 0
}
.sports li a {
display: block;
width: 100%;
padding-top: 30px;
border-top: 2px solid #eaeaea;
position: relative;
}
.sports li a i {
display: block;
height: 4px;
width: 0;
position: absolute;
left: 0;
top: -2px;
background-color: #248e3e;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.sports li:hover a i {
width: 100%;
}
.sports li a .title {
margin-bottom: 35px;
}
.sports li a .title .tit {
font-size: 20px;
line-height: 30px;
color: #282828;
max-width: 80%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
float: left;
}
.sports li a .title .time {
font-size: 14px;
line-height: 32px;
color: #282828;
display: block;
max-width: 20%;
float: right;
}
.sports li a .details {
font-size: 14px;
line-height: 24px;
color: #888888;
margin-bottom: 20px;
}
.sports li a em {
display: block;
width: 100%;
background: url(../img/welfare-arr.png) left center no-repeat;
height: 21px;
}
.sports p {
font-size: 18px;
line-height: 30px;
color: #333;
}
.sports img {
max-width: 100%;
}
/*鍏充簬鎴戜滑*/
.ab-title {
background-color: #fff;
width: 100%;
height: 75px;
position: relative;
box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1);
}
.ab-title i {
display: block;
position: absolute;
height: 4px;
width: 60%;
background-color: #005ba0
}
.ab-title .swiper-container {
width: 910px;
height: 75px;
color: #fff;
text-align: center;
margin: 0 auto;
}
.ab-title .swiper-slide {
height: 100%;
}
.ab-title .swiper-slide .title {
font-size: 16px;
line-height: 75px;
color: #666666;
width: 130px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
display: block;
cursor: pointer;
}
.ab-title .swiper-slide.on .title,
.ab-title .swiper-slide:hover .title {
color: #005ba0
}
.ab1 {
width: 100%;
height: auto;
padding: 100px 0 80px 0;
background: url(../img/ab-bg11.png) top right no-repeat
}
.ab1 .warp {
width: 1200px;
margin: 0 auto;
}
.ab1 .warp .pic {
width: 37%;
float: left;
}
.ab1 .warp .pic .details .mintit {
font-size: 24px;
line-height: 30px;
color: #444;
background: url(../img/ab-icon1.png) 28% center no-repeat;
margin-bottom: 25px;
display: block;
}
.ab1 .warp .pic .details img {
display: block;
width: 100%;
margin-bottom: 45px;
}
.ab1 .warp .box {
width: 60%;
float: right;
}
.ab1 .warp .box h2 {
display: block;
font-size: 32px;
line-height: 35px;
color: #3a9649;
margin-bottom: 30px;
}
.ab1 .warp .box .details,
.ab1 .warp .box .details p {
font-size: 14px;
line-height: 28px;
color: #333333;
}
.ab1 .warp .box .details {
margin-bottom: 50px;
}
.ab1 .warp .box .box-img {
display: block;
width: 100%;
margin-bottom: 60px;
}
.ab1 .warp .box .bot {
height: auto;
}
.ab1 .warp .box .bot li {
float: left;
width: 25%;
text-align: center;
}
.ab1 .warp .box .bot li:last-child {
margin-right: 0
}
.ab1 .warp .box .bot li .math {
font-size: 64px;
color: #1d2830;
text-align: center;
line-height: 70px;
font-family: 'BEBAS';
margin-bottom: 5px;
}
.ab1 .warp .box .bot li .tit {
display: block;
text-align: center;
font-size: 14px;
line-height: 20px;
}
#ab3 {
padding: 80px 0 120px;
margin: 0 auto 0
}
#ab3 .warp li a .box {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 25px;
}
.abb4 {
display: none;
}
.ab4 {
width: 100%;
padding: 110px 0 95px;
background-color: #fafafa;
}
.ab4 .ab-warp {
width: 1200px;
margin: 0 auto;
}
.ab4 .box {
width: 325px;
float: left;
}
.ab4 .box .title {
margin-bottom: 40px;
}
.ab4 .box .title h2 {
font-size: 48px;
line-height: 50px;
color: #00487e;
font-family: 'BEBAS';
margin-bottom: 15px;
}
.ab4 .box .title h3 {
color: #00487e;
display: block;
font-size: 42px;
line-height: 45px;
margin-bottom: 40px;
padding-bottom: 35px;
position: relative;
}
.ab4 .box .title h3:before {
content: '';
display: block;
width: 80%;
position: absolute;
bottom: 0;
left: 0;
height: 2px;
background-color: #00487e
}
.ab4 .box .year {
margin-bottom: 55px;
}
.ab4 .box .year h2 {
font-size: 40px;
font-family: 'BEBAS';
color: #00487e;
line-height: 40px;
margin-bottom: 20px;
}
.ab4 .box .year .cent,
.ab4 .box .year .cent p {
font-size: 16px;
color: #666;
line-height: 26px;
}
.ab4 .box .year .cent {
min-height: 270px;
}
.ab4 .box .math .details {
font-size: 35px;
color: #3a9649;
line-height: 45px;
font-family: 'BEBAS';
margin-bottom: 10px;
}
.ab4 .box .math .tit {
font-size: 18px;
line-height: 26px;
color: #999999
}
.ab4 .pic {
width: 820px;
float: right;
height: 650px;
}
.ab4 .pic .top-img {
width: 100%;
max-height: 512px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
z-index: 1
}
.ab4 .pic .top-img img {
display: block;
width: 100%;
}
.ab4 .pic .warp {
height: 100%;
width: 100%;
position: relative;
}
.ab4 .pic .warp .mian {
height: 140px;
width: 100%;
position: relative;
overflow: hidden;
z-index: 2;
}
.ab4 .pic .warp ul {
width: 100%;
height: 100%;
}
.ab4 .pic .warp ul li {
height: 100%;
width: 166px;
float: left;
position: relative;
font-size: 22px;
font-family: 'BEBAS';
color: #999;
box-sizing: border-box;
border-left: 1px solid rgba(155, 155, 155, 0.1);
}
.ab4 .pic .warp ul li span {
display: block;
width: 100%;
height: 135px;
line-height: 215px;
position: absolute;
bottom: 0;
left: 0;
z-index: 3;
transition: all 0.5s;
-webkit-transition: all 0.5s;
box-sizing: border-box;
padding-left: 15px;
}
.ab4 .pic .warp ul li i {
display: block;
position: absolute;
width: 0%;
height: 100%;
background-color: rgba(255, 255, 255, 0.3);
left: 0;
top: 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.ab4 .pic .warp ul li:hover i {
width: 100%;
}
.ab4 .pic .warp ul li:hover span {
color: #00487e;
padding-left: 25px;
}
.ab4ban .device {
width: 100%;
height: 512px;
overflow: hidden;
}
.ab4ban .device .arrow-left {
background: url(../img/ab4-icon1.png) no-repeat left top;
position: absolute;
left: 10px;
top: 50%;
margin-top: -15px;
width: 17px;
height: 30px;
}
.ab4ban .device .arrow-right {
background: url(../img/ab4-icon2.png) no-repeat left bottom;
position: absolute;
right: 10px;
top: 50%;
margin-top: -15px;
width: 17px;
height: 30px;
}
.ab4ban .swiper-container {
height: 512px;
width: 100%;
}
.ab4ban .swiper-container .swiper-slide,
.ab4ban .swiper-container .swiper-wrapper,
.ab4ban {
width: 100%;
height: 512px;
}
.ab4ban .swiper-container .swiper-slide img {
display: block;
width: 100%;
}
.pagination {
display: block;
}
.ab5 {
width: 1200px;
margin: 0 auto;
padding: 150px 0 140px;
position: relative;
}
.ab5 .pic {
width: 50%;
position: absolute;
left: 0;
bottom: 140px;
}
.ab5 .pic img {
display: block;
width: 100%;
}
.ab5 .box {
width: 40%;
float: right;
background-color: #005ba0;
padding: 95px 5% 90px;
}
.ab5 .box h2,
.ab6 .warp .title h2,
.ab7 .warp h2 {
font-size: 48px;
line-height: 50px;
color: #fff;
font-family: 'BEBAS';
margin-bottom: 15px;
}
.ab5 .box h3,
.ab6 .warp .title h3 {
display: block;
font-size: 42px;
line-height: 45px;
color: #fff;
margin-bottom: 40px;
}
.ab5 .box .cent,
.ab5 .box .cent p {
font-size: 14px;
line-height: 28px;
color: #fff;
}
.ab5 .box .cent {
margin-bottom: 60px;
}
.ab5 .box .btns {
transition: all 0.4s;
-webkit-transition: all 0.4s;
display: inline-block;
width: auto;
height: 48px;
line-height: 48px;
background-color: #fff;
border-radius: 3px;
text-align: center;
font-size: 18px;
font-family: 'BEBAS';
padding: 0 70px 0 30px;
background: #fff url(../img/maxnews-icon.png) 83% center no-repeat;
color: #00487e;
}
.ab5 .box .btns:hover {
background: #fff url(../img/maxnews-icon.png) 88% center no-repeat;
opacity: 0.8
}
.ab6 .warp {
width: 1200px;
margin: 0 auto;
padding: 100px 0 200px;
}
.ab6 .warp .mian {
width: 100%;
height: 443px;
position: relative;
}
.ab6 .warp .mian #srcllo {
position: absolute;
bottom: 0;
height: 5px;
background-color: #fff;
width: 100px;
left: 0
}
.ab6 .warp .mian li {
float: left;
width: 397px;
margin-right: 4px;
}
.ab6 .warp .mian li .top {
width: 100%;
height: 267px;
margin-bottom: 4px;
}
.ab6 .warp .mian li .bot {
width: 100%;
height: 132px;
}
.ab6 .warp .mian li .bot p {
width: 197px;
height: 132px;
margin-right: 3px;
float: left;
}
.ab6 .warp .mian li .bot p:nth-child(2) {
margin-right: 0
}
.ab6 .warp .mian li a,
.ab6 .warp .mian li img {
display: block;
height: 100%;
width: 100%;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.ab6 .warp .mian li a {
position: relative;
overflow: hidden;
}
.ab6 .warp .mian li span {
display: block;
position: absolute;
height: 45px;
line-height: 45px;
text-align: center;
font-size: 14px;
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
z-index: 8;
left: 0;
bottom: -20px;
width: 100%;
box-sizing: border-box;
padding: 0 0.1rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
opacity: 0;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.ab6 .warp .mian li .top:hover img,
.ab6 .warp .mian li .bot p:hover img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.ab6 .warp .mian li .top:hover span,
.ab6 .warp .mian li .bot p:hover span {
opacity: 1;
bottom: 0px
}
.ab6 .warp .mian li:nth-child(even) .top {
margin-bottom: 0
}
.ab6 .warp .mian li:nth-child(even) .bot {
margin-bottom: 3px
}
.ab7 .warp {
padding: 300px 0 290px;
}
.ab7 .warp .icon {
width: 117px;
height: 117px;
margin: 0 auto 25px;
position: relative;
cursor: pointer;
}
.ab7 .warp .icon:before {
display: block;
width: 105px;
height: 4px;
background-color: #fff;
left: -85px;
top: 48%;
position: absolute;
z-index: 2;
content: '';
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.ab7 .warp .icon:hover:before {
width: 130px;
left: -6px
}
.ab7 .warp h2 {
text-align: center;
}
.prot-bg {
width: 100%;
position: absolute;
height: 100%;
overflow: hidden;
left: 0;
top: 0;
z-index: -1;
}
.prot-bg img {
display: block;
position: absolute;
top: 0;
left: 50%;
height: 100%;
width: 1920px;
margin-left: -960px;
}
.iani {
animation: ibg 2s ease;
-webkit-animation: ibg 2s ease;
}
@keyframes ibg {
0% {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
transform: scale(1.1)
}
100% {
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
transform: scale(1)
}
}
@-webkit-keyframes ibg {
0% {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
transform: scale(1.1)
}
100% {
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
transform: scale(1)
}
}
.prot,
.prot .warp1 ul,
.prot .warp2 ul {
width: 100%;
height: 100%;
}
.prot .warp1,
.prot .warp2 {
width: 33.33%;
height: 100%;
float: left;
}
.prot div li {
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.prot .warp1 li {
width: 100%;
height: 33%;
cursor: pointer;
background: url(../img/product-bgt.png) center repeat;
text-align: right;
}
.prot .warp1 li:last-child {
height: 34%
}
.prot .warp1 li a,
.prot .warp2 li a {
display: block;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 6% 8%;
position: relative;
cursor: pointer;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.prot .warp1 li:nth-child(3) a {
border-bottom: 0;
}
.prot .warp2 li:nth-child(4) a {
border-bottom: 0;
}
.prot .warp1 li h2,
.prot .warp1 li h3,
.prot .warp2 li h2,
.prot .warp2 li h3 {
font-size: 32px;
line-height: 40px;
color: #fff;
}
.prot .warp2 li {
width: 100%;
height: 25%;
background: url(../img/product-bgt.png) center repeat
}
.prot div li h2 {
text-transform: capitalize;
margin-bottom: 5px;
text-align: right;
}
.prot .warp1 li h3,
.prot .warp2 li h3 {
opacity: 0;
position: relative;
top: 20px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
text-align: right;
}
.prot .warp1 li:hover h3,
.prot .warp2 li:hover h3 {
opacity: 1;
top: 0;
}
.prot .warp2 li a {
padding: 5% 7%;
}
.prot .warp2 li h2 {
line-height: 40px;
}
.prot .warp2 li h3,
.prot .warp1 li h3 {
font-size: 26px;
}
.prot div li a img {
display: block;
position: absolute;
bottom: 6%;
left: 5%;
opacity: 0;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.prot .warp2 li:hover img,
.prot .warp1 li:hover img {
left: 8%;
opacity: 1
}
.dpbd {
display: none;
}
.prot .warp1 li:hover,
.prot .warp2 li:hover {
background: #238e3c url(../img/product-bgt.png) center repeat
}
/*鏂伴椈璇︽儏*/
.newsinfor {
width: 1200px;
margin: 0 auto 60px;
height: auto;
padding: 0 0px 70px;
}
.bbg {
background-color: #fff;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1)
}
.newsinfor .title {
padding: 100px 0 50px;
}
.newsinfor .title h2 {
display: block;
font-size: 40px;
color: #333;
line-height: 50px;
margin-bottom: 15px;
}
.newsinfor .title .mintit {
font-size: 16px;
text-align: center;
color: #888;
line-height: 30px;
}
.newsinfor .warp,
.newsinfor .warp p {
font-size: 16px;
line-height: 26px;
color: #666;
}
.newsinfor .warp {
border-bottom: 1px solid #ccc;
padding-bottom: 50px;
margin-bottom: 30px;
}
.newsinfor .warp img {
max-width: 100%;
}
.newsinfor .bott {
width: 100%;
margin-bottom: 60px;
}
.newsinfor .bott .left {
width: 75%;
height: auto;
float: left;
}
.newsinfor .bott .left p {
font-size: 16px;
line-height: 26px;
color: #333;
}
.newsinfor .bott .left p a {
color: #333;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.newsinfor .bott .left p a:hover {
color: #004a82
}
.newsinfor .bott .btns {
display: block;
width: 120px;
height: 45px;
line-height: 45px;
border-radius: 5px;
background-color: #004a82;
font-size: 16px;
color: #fff;
text-align: center;
float: right;
transition: all 0.4s;
-webkit-transition: all 0.4s;
border: 1px solid #004a82;
}
.newsinfor .bott .btns:hover {
background-color: transparent;
color: #004a82
}
.forie {
width: 100%;
height: 100%;
background: url(../img/tishi.png) center no-repeat;
position: fixed;
top: 0;
left: 0;
z-index: 500;
}
.stinfor {
width: 1200px;
margin: 100px auto 100px;
}
.stinfor .pic {
float: left;
margin-right: 4%
}
.stinfor .left {
width: 733px;
height: auto;
}
.stinfor .left .topimg {
width: 733px;
height: 501px;
overflow: hidden;
margin-bottom: 18px;
}
.stinfor .left .topimg img {
display: block;
width: 100%;
}
.stinfor .left .botimg {
height: 79px;
width: 100%;
position: relative;
}
.stinfor .left .botimg .mian {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
}
.stinfor .left .botimg .left {
width: 11px;
height: 22px;
cursor: pointer;
position: absolute;
left: 2%;
z-index: 6;
top: 50%;
margin-top: -11px;
background: url(../img/stinfor-larr.png) center no-repeat;
}
.stinfor .left .botimg .right {
height: 79px;
cursor: pointer;
width: 11px;
height: 22px;
position: absolute;
right: 2%;
z-index: 6;
top: 50%;
margin-top: -11px;
background: url(../img/stinfor-rarr.png) center no-repeat;
}
.stinfor .left .botimg ul {
display: block;
width: 100%;
height: 100%;
}
.stinfor .left .botimg ul li {
display: block;
height: 79px;
width: 115px;
float: left;
margin-right: 9px;
position: relative;
}
.stinfor .left .botimg ul li img {
display: block;
width: 100%;
}
.stinfor .left .botimg ul li i {
display: block;
position: absolute;
top: 0;
left: 0;
height: 79px;
width: 115px;
background-color: rgba(0, 0, 0, 0.5);
z-index: 5;
}
.stinfor .left .botimg ul li.cur i {
background-color: rgba(0, 0, 0, 0);
}
.stinfor .box {
/*width: 420px;*/
/*float: right;*/
}
.stinfor .box h2 {
display: block;
font-size: 30px;
line-height: 36px;
color: #222;
margin-bottom: 45px;
}
.stinfor .box .details {
font-size: 14px;
line-height: 30px;
color: #333333
}
.st-phone,
.phone-box {
display: none;
}
.st-btns {
display: block;
width: 120px;
height: 45px;
margin: 0 auto 100px;
line-height: 45px;
border-radius: 5px;
background-color: #004a82;
font-size: 16px;
color: #fff;
text-align: center;
transition: all 0.4s;
-webkit-transition: all 0.4s;
border: 1px solid #004a82;
}
.st-btns:hover {
background-color: transparent;
}
.led-warp {
width: 1100px;
margin: 80px auto;
padding: 60px 50px 90px;
background-color: #fff;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1)
}
.led-warp .title {
font-size: 30px;
line-height: 50px;
color: #222;
margin-bottom: 50px;
text-align: center;
}
.led-warp .warp,
.led-warp .warp p {
font-size: 16px;
line-height: 30px;
color: #666;
}
.led-warp .warp {
margin-bottom: 50px;
}
.led-warp .warp h3 {
font-size: 18px;
font-weight: bold;
line-height: 40px;
color: #555;
}
.led-warp .warp .tet {
margin-bottom: 20px;
}
.led-warp .warp p span {
font-weight: bold;
}
.led-warp .bot {
font-size: 18px;
line-height: 30px;
margin-bottom: 50px;
}
.led-warp .bot a {
color: #444;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.led-warp .bot a:hover {
color: #005ba2;
}
.led-warp .fot {
width: 100%;
text-align: right;
}
.led-warp .fot p,
.led-warp .fot {
font-size: 18px;
line-height: 30px;
color: #666;
}
.led-warp .fot p.on {
padding-right: 42px;
}
@media screen and (min-width:1110px) and (max-width:1200px) {
.ab4 .box {
width: 350px;
}
}
@media screen and (min-width: 970px) and (max-width: 1110px) {
.pro-warp .pro-title .right {
width: 325px
}
.pro-warp .pro-title .right a {
margin-left: 4px;
width: 100px;
}
.ab4 .box {
width: 252px;
}
}
@media screen and (min-width: 970px) and (max-width: 1250px) {
.footer .mian {
width: 94%;
height: auto;
padding: 90px 0 50px;
margin: 0 auto;
}
.footer .bot p {
width: 90%;
}
.iproduct .warp {
width: 800px;
height: 140px;
}
.iproduct .swiper-container {
width: 660px;
height: 140px;
}
.iproduct .pci {
margin-top: 30px;
}
.iproduct .main {
top: 20%
}
.isocial .warp {
width: 94%;
margin: 0 auto;
}
.isocial .warp .pic {
width: 50%;
height: auto
}
.isocial .warp .box {
width: 45%;
height: auto
}
.isocial .warp .box .logo {
width: 110px;
height: auto
}
.isocial .warp .box h2 {
padding-top: 35px;
margin-bottom: 15px;
line-height: 60px;
font-size: 55px;
}
.isocial .warp .box .mintit {
font-size: 40px;
line-height: 50px;
margin-bottom: 15px;
}
.isocial .warp .box .cent {
margin-bottom: 35px;
}
.iin {
max-width: 90%;
margin: 0 auto;
}
.iin .slides a {
padding-bottom: 40px;
}
.footer .mian .left {
width: 90%
}
.footer .mian .right {
width: 29%;
}
.base-ban .warp {
position: absolute;
top: 18%;
left: 13%;
}
.base-ban .warp h2 {
padding-top: 25px;
}
.base-ban .warp .cent {
margin-bottom: 40px;
}
.job-warp {
width: 90%;
}
.job-warp .warp .tbl {
width: 100%;
padding-right: 0;
}
.job-warp .warp .tbl p {
width: 25%;
}
.contact-warp {
width: 90%;
margin: 0 auto;
padding: 110px 0 0;
}
.contact-warp .message .mian ul .inp {
float: left;
width: 30%;
height: 200px;
margin-right: 3%;
}
.contact-warp .message .mian ul .text {
width: 63%
}
.contact-warp .message .btns {
width: 96%;
}
.welfare-ban {
width: 100%;
margin: 0 auto 95px;
}
.welfare-warp {
width: 90%;
margin: 0 auto 60px;
}
.welfare-warp .warp ul li {
width: 30%;
height: auto;
margin: 0 2% 30px 0;
padding: 1%;
}
.welfare-warp .warp li .pic {
height: auto;
}
.welfare-warp .warp .noimg .box .time {
margin-bottom: 60px;
}
.charity-warp {
width: 80%;
padding: 80px 5% 70px;
margin: -110px auto 70px;
}
.charity-atlas {
width: 90%;
}
.charity-atlas ul li {
float: left;
width: 23%;
overflow: hidden;
margin: 0 2.5% 22px 0;
max-height: 166px;
height: auto;
}
/*.charity-atlas ul li:nth-child(4),.charity-atlas ul li:nth-child(8){margin-right:2%}*/
/*.charity-atlas ul li:nth-child(3),.charity-atlas ul li:nth-child(6){margin-right: 0}*/
.lead-news {
width: 90%;
}
.lead-news {
width: 90%;
margin: 0 auto 80px;
}
.lead-news .list li {
width: 31%;
margin: 0 3.5% 24px 0;
height: auto;
padding-bottom: 40px;
}
.lead-news .list li a .pic {
height: auto;
}
.paper-news {
width: 90%;
}
.staff-news {
width: 90%;
}
.staff-news .list {
width: 100%;
height: auto;
margin: 0 auto;
}
.staff-news .list li {
float: left;
width: 24%;
height: auto;
position: relative;
margin: 0 1% 1% 0;
overflow: hidden;
}
.staff-news .list li .details .cent {
margin-bottom: 0;
height: 62%;
line-height: 25px;
}
.maxnews {
width: 100%;
height: auto;
}
.news-title {
width: 90%;
margin: 0 auto 60px;
}
.maxnews .box h2 {
padding-top: 200px;
}
.bookcase {
text-align: center;
width: 90%;
margin: 0 auto;
}
.bookcase .list li .pic {
width: 27%;
}
.cul1 .box {
width: 70%;
padding: 120px 25% 325px 5%;
margin: 0 auto;
}
.cul3 .box {
width: 70%;
padding: 150px 25% 330px 5%
}
.cul4 .box {
width: 70%;
padding: 110px 20% 120px 10%
}
.cul5 .box {
width: 70%;
padding: 230px 25% 300px 5%;
}
.cul6 .warp {
width: 90%;
padding: 0;
}
.cul6 .warp .box {
width: 35%;
}
.cul7 .box {
width: 90%;
padding: 85px 5% 100px 5%
}
.honor-title .box {
width: 90%;
margin: -135px auto 0;
height: auto;
position: relative;
z-index: 5
}
.honor-title .box ul li {
float: right;
border: 1px solid #fff;
width: 120px;
margin-left: 15px;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.honor-warp {
width: 90%;
}
.honor-warp .warp .mian li a {
padding: 30px 17% 30px 3%;
}
.honorif {
width: 90%;
}
.speech .warp {
width: 90%;
margin: 0 auto;
position: relative;
top: -200px;
}
.speech .title span {
padding: 0 20px;
}
.speech .warp .box .mian .cont {
margin-bottom: 15px;
}
.speech .mian .cent {
margin-bottom: 15%;
}
.speech .title {
margin-bottom: 30px;
}
.speech .warp .box .mian .cont {
padding-bottom: 15px;
}
.speech-lead {
width: 90%;
margin: 0 auto 60px;
}
.speech .mian .cont .mintit {
padding: 0 0 0 10px
}
.pro-heder .warp {
width: 90%;
}
.pro-warp {
width: 90%;
}
.pro-warp .main .warp {
width: 80%
}
.sports {
width: 90%;
margin: 0 auto 150px;
}
.header .nav1.on {
margin: 10% 0 10% 5%;
}
.header .nav2 {
padding-left: 5%;
margin-bottom: 4%
}
.ab1 .warp {
width: 90%
}
.ab1 .warp .pic h2 {
line-height: 50px;
}
.ab1 .warp .box .bot {
padding-left: 0px;
}
.ab1 .warp .box .box-img {
margin-bottom: 40px;
}
.ab2 .warp1 .warp {
width: 90%;
margin: 0 auto;
}
.ab2 .warp1 .warp .box {
width: 46%;
}
.ab2 .warp1 .warp .pic {
width: 49%
}
.ab5 {
width: 90%;
padding: 130px 0 120px;
}
.ab5 .pic {
bottom: 120px;
}
.ab5 .box {
width: 44%;
padding: 70px 3%
}
.ab6 .warp {
width: 90%;
margin: 0 auto;
}
.ab7 .warp {
padding: 270px 0 250px;
}
.prop-video-box {
width: 840px;
margin-left: -440px;
}
.prot .warp1 li h2,
.prot .warp1 li h3,
.prot .warp2 li h2,
.prot .warp2 li h3 {
font-size: 26px;
line-height: 35px;
color: #fff;
}
.prot .warp2 li h3,
.prot .warp1 li h3 {
font-size: 22px;
}
.prot .warp1 li a,
.prot .warp2 li a {
padding: 5% 7%
}
.ab4 .ab-warp {
width: 90%;
margin: 0 auto;
}
.ab4 .pic {
width: 550px;
float: right;
height: 500px;
}
.ab4 .pic .top-img {
width: 100%;
max-height: 512px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
z-index: 1
}
.ab4 .pic .top-img img {
display: block;
width: 100%;
}
.ab4 .pic .warp {
height: 100%;
width: 100%;
position: relative;
}
.ab4 .pic .warp .mian {
height: 140px;
width: 100%;
position: relative;
overflow: hidden;
z-index: 2;
}
.ab4 .pic .warp ul {
width: 100%;
height: 100%;
}
.ab4 .pic .warp ul li {
width: 138px;
}
.ab4 .box .year {
margin-bottom: 0
}
.newsinfor {
width: 90%;
margin: 0 auto 60px;
height: auto;
padding: 0 3% 70px;
background-color: #fff;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1)
}
.news-title .warp .noimg .box .details {
line-height: 24px;
}
.stinfor .left {
width: 488px;
}
.stinfor {
width: 90%;
}
.stinfor .left .topimg {
width: 488px;
height: 334px;
}
.ab4ban .device {
width: 100%;
height: 343px;
}
.ab4ban .swiper-container .swiper-slide,
.ab4ban .swiper-container .swiper-wrapper,
.ab4ban {
width: 100%;
height: 343px;
}
.ab4ban .swiper-container .swiper-slide img {
display: block;
width: 100%;
}
.led-warp {
width: 84%;
padding: 60px 3% 90px;
}
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
/*.stinfor .box{width:45%;}*/
}
@media screen and (min-width: 970px) and (max-width: 1099px) {
/*.stinfor .box{width:40%;}*/
}
@media screen and (min-width:1300px) and (max-width: 1390px) {
.header .nav2 li {
margin-right: 5%
}
}
@media screen and (min-width:1100px) and (max-width: 1299px) {
.header .nav2 li {
margin-right: 3%
}
.header .nav2 li .h2 {
font-size: 22px;
}
}
@media screen and (min-width:970px) and (max-width:1099px) {
.header .nav2 li {
margin-right: 2%
}
.header .nav2 li .h2 {
font-size: 22px;
}
}
@media screen and (max-width:970px) {
.flatwindow .imgg {
width: 2.5rem;
bottom: 0rem;
}
}
/*==================内页==================*/
.ny_main {
width: 80%;
margin: 50px auto;
}
.ny_main p {
font-size: 15px;
line-height: 28px;
}
.ny_lm {
width: 100%;
margin: 0 auto;
}
.ny_lm h2 {
color: #005ba0;
margin-bottom: 40px;
margin-top: -0px;
font-weight: normal;
}
.ny_lm .en {
color: #005ba0;
font-family: 'Century751 SeBd BT';
line-height: 55px;
text-transform: Uppercase;
display: block;
}
.ny_lm .en span {
color: #fdb158
}
@media only screen and (max-width: 750px) {
.ny_lm h2 {
font-size: 24px;
}
.ny_lm .en {
font-size: 28px;
}
}
@media only screen and (min-width: 751px) {
.ny_lm h2 {
font-size: 28px;
}
.ny_lm .en {
font-size: 32px;
}
}
@media only screen and (min-width: 1000px) {
.ny_lm h2 {
font-size: 32px;
}
.ny_lm .en {
font-size: 36px;
}
}
@media only screen and (min-width: 1200px) {
.ny_lm h2 {
font-size: 36px;
}
.ny_lm .en {
font-size: 42px;
}
}
@media only screen and (min-width: 1400px) {
.ny_lm h2 {
font-size: 40px;
}
.ny_lm .en {
font-size: 48px;
}
}
/*==============工程案例=========*/
/*right_side_content*/
.wot {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.right_side_content {
width: 100%;
overflow: hidden;
}
.list_none {
display: none;
}
.right_side_content .item:hover {
position: relative
}
#showdata {
display: block;
}
#showdata .item {
float: left;
margin: 0 0.5% 20px;
margin-bottom: 20px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
overflow: hidden;
margin-top: 0px;
}
@media only screen and (max-width: 1000px) {
#showdata .item {
width: 49%;
}
}
@media only screen and (min-width: 1001px) {
#showdata .item {
width: 32.33%;
}
}
#showdata .item:hover {
position: relative;
}
#showdata .item img {
margin: 0 auto;
width: 100%
}
.right_side_content .line {
position: absolute;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.right_side_content:hover .l1,
.right_side_content:hover .l3 {
width: 100%;
}
.right_side_content:hover .l2,
.right_side_content:hover .l4 {
height: 100%;
}
.right_side_content .item strong {
text-transform: uppercase;
font-weight: 100;
position: relative;
z-index: 1;
font-size: 16px;
line-height: 40px;
height: 40px;
display: block;
text-align: center;
color: #fff;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.right_side_content .item strong i {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
background-color: #ed9f25;
z-index: -1;
-webkit-transition: .5s height;
-o-transition: .5s height;
-ms-transition: .5s height;
-moz-transition: .5s height;
transition: .5s height;
}
.right_side_content .item:hover i {
height: 100%;
}
.right_side_content .item:hover strong {
color: #fff;
}
.right_side_content .item .shadow_box {
background: rgba(143, 195, 31, 0.3) url("../images/jia.png") center center/8% no-repeat;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: -100%;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
overflow: hidden;
}
.right_side_content .item:hover .shadow_box {
top: 0;
}
.right_side_content .item {
border-radius: 6px;
background-color: #0054a6;
}
.right_side_content .item strong {
text-transform: uppercase;
display: block;
font-weight: 100;
text-align: left;
font-size: 16px;
padding: 2% 20px;
}
.right_side_content .item:hover strong {
color: #ffffff;
}
.right_side_content .item:hover {
box-shadow: 0px 18px 25px rgba(0, 0, 0, 0.08);
background-color: #fff;
}
/*--------xqy_lm------*/
.xqy_lm {
width: 100%;
margin: 0 auto;
text-align: center;
}
.xqy_lm h1 {
color: #ed9f25
}
@media only screen and (max-width: 750px) {
.xqy_lm h1 {
font-size: 20px;
margin-top: 100px;
}
}
@media only screen and (min-width: 751px) {
.xqy_lm h1 {
font-size: 24px;
}
}
@media only screen and (min-width: 1000px) {
.xqy_lm h1 {
font-size: 28px;
}
}
@media only screen and (min-width: 1200px) {
.xqy_lm h1 {
font-size: 32px;
}
}
@media only screen and (min-width: 1400px) {
.xqy_lm h1 {
font-size: 38px;
}
}
@media only screen and (min-width: 1600px) {
.xqy_lm h1 {
font-size: 40px;
}
}
@media only screen and (min-width: 1800px) {
.xqy_lm h1 {
font-size: 48px;
}
}
.xqy_lm .list {
width: 96%;
border: 1px #ececec solid;
padding: 2%;
color: #777
}
.xqy_lm .list a {
color: #777
}
@media only screen and (max-width: 750px) {
.xqy_lm .list li {
font-size: 14px
}
}
@media only screen and (min-width: 751px) {
.xqy_lm .list li {
font-size: 15px
}
}
@media only screen and (min-width: 1000px) {
.xqy_lm .list li {
font-size: 15px
}
.xqy_lm .list {
display: flex;
justify-self: start;
}
}
.xqy_lm .list li {
margin-right: 25px;
line-height: 30px;
}
.xqy_lm .list li a {
color: #333
}
.xqy_lm .list li a:hover {
color: #fdb158
}
/* ------------banner------------ */
.banner-item {
float: left;
box-sizing: border-box;
}
.banner-child {
float: left;
box-sizing: border-box;
margin: 0;
padding: 0;
}
.banner-nav-bottom {
position: absolute;
left: 50%;
z-index: 20;
}
.banner-nav-bottom>li {
width: 10px;
height: 10px;
float: left;
border: 1px solid gray;
border-radius: 50%;
list-style: none;
margin: 5px;
padding: 3px;
background-color: #fff;
cursor: pointer;
}
.banner-nav-bottom>li.crnt {
background-color: #fdb158;
}
.banner-nav-arrow {
position: absolute;
top: 50%;
margin-top: -20px;
height: 40px;
width: 40px;
border-radius: 50%;
cursor: pointer;
z-index: 21;
background-size: auto 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.banner-nav-arrow-left {
left: 20px;
background-image: url(../images/arrow_l.png);
}
.banner-nav-arrow-right {
right: 20px;
background-image: url(../images/arrow_r.png);
}
.banner-clear {
clear: both;
}
/*cpbg*/
.cpbg {
width: 100%;
background: #18ab36
}
.chanpin_con {
padding: 0px 0 30px 0;
margin: 0 auto;
overflow: hidden;
padding: 40px 0;
width: 100%
}
.marquee2 {
width: 100%
}
@media only screen and (max-width: 750px) {
.chanpin_con {
width: 100%;
margin-left: 0;
height: 500px;
overflow: hidden;
margin-bottom: 40px;
}
}
@media only screen and (min-width: 751px) {
.chanpin_con {
width: 100%;
}
}
@media only screen and (min-width: 1000px) {
.chanpin_con {
width: 100%;
}
}
@media only screen and (min-width: 1200px) {
.chanpin_con {
width: 100%;
}
}
@media only screen and (min-width: 1400px) {
.chanpin_con {
width: 100%;
}
}
.chanpin_con li {
float: left;
height: auto;
padding-bottom: 0.5%;
margin: 0 0.5% 1% 0.5%;
position: relative;
overflow: hidden;
background: #f1f1f1
}
.chanpin_con .old img {
width: 100%;
transition: 0.4s ease;
-moz-transition: 0.4s ease;
-webkit-transition: 0.4s ease;
}
.chanpin_con li:hover .old img {
transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
}
.chanpin_con li:hover .cp_xq {
opacity: 1;
animation: categorytextanimate5 1s;
-moz-animation: categorytextanimate5 1s;
-webkit-animation: categorytextanimate5 1s;
-o-animation: categorytextanimate5 1s;
}
@keyframes categorytextanimate5 {
from {
transform: rotateY(0deg);
}
to {
transform: rotateY(360deg);
}
}
@-moz-keyframes categorytextanimate5 {
from {
transform: rotateY(0deg);
}
to {
transform: rotateY(360deg);
}
}
@-webkit-keyframes categorytextanimate5 {
from {
transform: rotateY(0deg);
}
to {
transform: rotateY(360deg);
}
}
@-o-keyframes categorytextanimate5 {
from {
transform: rotateY(0deg);
}
to {
transform: rotateY(360deg);
}
}
.chanpin_con .old {
width: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.chanpin_con p a {
color: #fff;
display: block;
text-align: center;
background: #0054a6;
}
@media only screen and (max-width: 750px) {
.chanpin_con p a {
font-size: 14px;
line-height: 36px;
}
.chanpin_con li {
width: 49%;
}
}
@media only screen and (min-width: 751px) {
.chanpin_con p a {
font-size: 16px;
line-height: 42px;
}
.chanpin_con li {
width: 49%;
}
}
@media only screen and (min-width: 1000px) {
.chanpin_con p a {
font-size: 18px;
line-height: 48px;
}
.chanpin_con li {
width: 49%;
}
}
@media only screen and (min-width: 1200px) {
.chanpin_con p a {
font-size: 20px;
line-height: 55px;
}
.chanpin_con li {
width: 32%;
}
}
@media only screen and (min-width: 1400px) {
.chanpin_con p a {
font-size: 24px;
line-height: 65px;
}
.chanpin_con li {
width: 32%;
}
}
@media only screen and (min-width: 1600px) {
.chanpin_con p a {
font-size: 26px;
line-height: 68px;
}
.chanpin_con li {
width: 32%;
}
}
.chanpin_con p {
display: block;
font-size: 16px;
color: #fff;
text-align: center;
width: 100%;
margin: 0 auto;
text-align: left;
line-height: 25px;
}
.red2 {
font-size: 20px;
font-weight: bold;
color: #fdb158;
margin-right: 10px
}
/*==========分页=============*/
.espcms_page_botton {
text-align: center;
padding: 10px 0px 15px 0;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
outline: 0px;
}
.btn {
display: inline-block;
padding: 10px 23px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-default {
color: #333;
background-color: #f2f2f2;
outline: 0px;
margin-right: 1px;
}
.btn-default:focus,
.btn-default.focus {
color: #333;
background-color: #e6e6e6;
outline: 0px
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
outline: 0px
}
.btn-default:active,
.btn-default.active {
color: #fff;
background-color: #fdb158;
outline: 0px
}
.btn-default:active:hover,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open>.dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open>.dropdown-toggle.btn-default.focus {
color: #fff;
background-color: #fdb158;
}
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge {
color: #fff;
background-color: #333;
}
.espcms_info_pager {
width: 100%;
margin: 0 auto 105px auto;
}
.espcms_info_pager li {
text-align: left;
line-height: 50px;
color: #666;
font-size: 15px
}
@media only screen and (max-width: 1024px) {
.espcms_info_pager li {
width: 100%;
}
}
@media only screen and (min-width: 1025px) {
.espcms_info_pager li {
width: 49%;
float: left;
}
}
.espcms_info_pager li:nth-child(2n) {
margin-right: 0px;
}
.espcms_info_pager li a {
color: #666
}
.espcms_info_pager li a:hover {
color: #fdb158
}
.zizhi iframe {
width: 100%;
text-align: center;
}
@media only screen and (max-width: 750px) {
.zizhi iframe {
height: 300px;
}
}
@media only screen and (min-width: 751px) {
.zizhi iframe {
height: 400px;
}
}
@media only screen and (min-width: 1000px) {
.zizhi iframe {
height: 500px;
}
}
@media only screen and (min-width: 1200px) {
.zizhi iframe {
height: 600px;
}
}
@media only screen and (min-width: 1400px) {
.zizhi iframe {
height: 700px;
}
}
@media only screen and (min-width: 1600px) {
.zizhi iframe {
height: 800px;
}
}
@media only screen and (min-width: 1800px) {
.zizhi iframe {
height: 1000px;
}
}
/*zeren_bg*/
.zeren_bg ul {
width: 90%
}
@media only screen and (max-width: 750px) {
.zeren_bg {
display: block;
width: 100%;
background: url("../images/zeren.jpg") center;
overflow: hidden;
padding: 50px 0;
margin-top: 30px;
color: #fff
}
.zeren_bg .video {
display: none;
}
.zeren_bg .jianjie {
width: 86%
}
.hezuo_list li:last-child {
display: none;
}
.zeren_bg .jianjie p {
font-size: 14px;
line-height: 27px;
}
}
@media only screen and (min-width: 751px) {
.zeren_bg {
display: block;
width: 100%;
background: url("../images/zeren.jpg") center;
overflow: hidden;
padding: 50px 0;
margin-top: 30px;
color: #fff
}
.zeren_bg .video {
display: none;
}
.zeren_bg .jianjie {
width: 86%
}
.hezuo_list li:last-child {
display: block;
}
.zeren_bg .jianjie p {
font-size: 15px;
line-height: 29px;
}
}
@media only screen and (min-width: 1025px) {
.zeren_bg .jianjie p {
font-size: 16px;
line-height: 32px;
}
.zeren_bg {
display: block;
width: 100%;
background: url("../images/zeren.jpg") center;
overflow: hidden;
}
.zeren_bg ul {
display: flex;
justify-content: space-between;
}
.zeren_bg ul img {
max-width: 100%
}
.zeren_bg .jianjie {
color: #fff
}
.zeren_bg .jianjie img {
max-width: 100%
}
.zeren_bg .jianjie h2 {
font-weight: normal;
}
.zeren_bg ul {
width: 90%;
margin: 0 auto;
}
.zeren_bg .jianjie h2 {
font-size: 28px;
line-height: 30px;
}
.zeren_bg {
padding: 50px 0;
}
.zeren_bg .jianjie .img {
display: none;
}
.zeren_bg .video {
display: block;
width: 40%;
}
.zeren_bg .jianjie {
width: 55%;
}
.hezuo_list {
display: none;
}
}
@media only screen and (min-width: 1200px) {
.zeren_bg .jianjie h2 {
font-size: 30px;
line-height: 40px;
}
.zeren_bg {
padding: 50px 0;
}
.zeren_bg ul {
display: flex;
justify-content: space-between;
}
.zeren_bg .video {
width: 40%;
}
.zeren_bg .jianjie {
width: 55%;
}
.zeren_bg .jianjie .img {
display: none;
}
.hezuo_list {
display: block;
}
}
@media only screen and (min-width: 1400px) {
.zeren_bg .jianjie h2 {
font-size: 38px;
line-height: 40px;
margin-top: 0;
}
.zeren_bg {
padding: 80px 0;
}
.zeren_bg ul {
width: 78%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.zeren_bg .video {
width: 55%;
}
.zeren_bg .jianjie {
width: 40%;
}
.zeren_bg .jianjie .img {
display: block;
}
.hezuo_list {
display: block;
}
}
@media only screen and (min-width: 1600px) {
.zeren_bg .jianjie h2 {
font-size: 38px;
line-height: 40px;
margin-top: 10px;
}
.zeren_bg .video {
width: 43%;
}
.zeren_bg .jianjie {
width: 52%;
}
}
@media only screen and (max-width: 750px) {
.zeren_bg .jianjie .t28 {
font-size: 18px;
margin-top: -10px;
}
.zeren_bg .jianjie .t28 span {
font-size: 20px;
}
}
@media only screen and (min-width: 751px) {
.zeren_bg .jianjie .t28 {
font-size: 20px;
}
.zeren_bg .jianjie .t28 span {
font-size: 28px;
}
}
@media only screen and (min-width: 1000px) {
.zeren_bg .jianjie .t28 {
font-size: 24px;
}
.zeren_bg .jianjie .t28 span {
font-size: 36px;
}
}
.zeren_bg .jianjie .t28 span {
color: #fdb158;
font-weight: bold;
}
.zeren_bg .jianjie .img {
margin: 25px 0;
width: 100%
}
.zeren_bg .jianjie .img img {
max-width: 100%
}
.zeren_bg .jianjie p {
margin: 20px 0 30px;
width: 90%
}
.hezuo_list {
width: 100%;
justify-self: start;
display: flex;
}
.hezuo_list li {
margin-right: 15px;
}
.neirong img {
max-width: 100%
}
.neirong p {
color: #222
}
@media only screen and (max-width: 750px) {
.neirong p {
font-size: 14px;
line-height: 1.7em;
}
}
@media only screen and (min-width: 751px) {
.neirong p {
font-size: 16px;
line-height: 1.9em;
}
}
@media only screen and (min-width: 1000px) {
.neirong p {
font-size: 17px;
line-height: 2.1em;
}
}
/*=======关于我们页面视频部分=========*/
.about_video {
width: 100%;
margin: 0 auto;
background: url("../images/cul-img1.jpg") center no-repeat;
padding: 66px 0;
}
.about_video ul {
width: 80%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.about_video .left {
width: 50%;
color: #fff
}
.about_video .left h2 {
font-size: 36px;
color: #fdb158
}
.about_video .left p {
font-size: 16px;
line-height: 32px;
}
.about_video .right {
width: 45%;
}
/*======业务范围效果=========*/
.swiper-slide>.pci>.green {
bottom: -16px;
}
.warp>.item-lists {
width: 100%;
height: 100px;
display: flex;
padding-top: 20px;
}
.warp>.item-lists>li {
height: 100%;
border-right: 1px solid #ccc;
float: left;
flex-grow: 1;
cursor: pointer;
}
.warp>.item-lists>li:hover {
color: #fdb158
}
.warp>.item-lists>li:last-child {
border: none;
}
.warp>.item-lists>li>.item-pic {
position: relative;
margin: 0 auto;
width: 70px;
height: 70px;
}
.warp>.item-lists>li>.item-pic>p {
display: block;
width: 70px;
height: 70px;
position: absolute;
bottom: 0px;
left: 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
overflow: hidden;
margin: 0;
}
.warp>.item-lists>li>.item-pic>p.green {
height: 0px;
}
.warp>.item-lists>li:hover>.item-pic>p.green {
height: 70px;
}
.warp>.item-lists>li>.item-pic>p>img {
display: block;
position: absolute;
bottom: 0;
left: 0
}
@media only screen and (max-width: 750px) {
.warp>.item-lists>li>.item-pic>p>img {
height: 50px;
width: 50px;
}
.warp>.item-lists>li>.item-title {
display: none;
}
}
@media only screen and (min-width: 751px) {
.warp>.item-lists>li>.item-pic>p>img {
height: 55px;
width: 55px;
}
.warp>.item-lists>li>.item-title {
display: none;
}
}
@media only screen and (min-width: 1000px) {
.warp>.item-lists>li>.item-pic>p>img {
height: 60px;
width: 60px;
}
.warp>.item-lists>li>.item-title {
display: block;
width: 100%;
text-align: center;
line-height: 50px;
}
}
@media only screen and (min-width: 1200px) {
.warp>.item-lists>li>.item-pic>p>img {
height: 65px;
width: 65px;
}
.warp>.item-lists>li>.item-title {
display: block;
width: 100%;
text-align: center;
line-height: 50px;
}
}
@media only screen and (min-width: 1400px) {
.warp>.item-lists>li>.item-pic>p>img {
height: 70px;
width: 70px;
}
.warp>.item-lists>li>.item-title {
display: block;
width: 100%;
text-align: center;
line-height: 50px;
}
}
/*cp_list*/
.cp_list {
width: 100%
}
.cp_list img {
max-width: 100%
}
.cp_list li {
border-bottom: 2px #ccc solid;
margin: 20px 0;
}
/* =================== 内页新闻列表===================== */
.se_news_con {
padding: 0px 0 0 0;
width: 100%;
margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
.se_news_con ul {
margin-left: -10%;
}
}
@media only screen and (min-width: 1025px) {
.se_news_con ul {
margin-left: -5%;
}
}
@media only screen and (min-width: 1600px) {
.se_news_con ul {
margin-left: -2%;
}
}
.se_news_con li {
margin-bottom: 15px;
overflow: hidden;
top: 0;
padding: 15px 0;
border-bottom: 1px dashed #ececec;
display: flex;
justify-self: start;
}
.se_news_l {
overflow: hidden;
}
.se_news_l img {
transition: 0.4s ease;
-moz-transition: 0.4s ease;
-webkit-transition: 0.4s ease;
}
.se_news_l:hover img {
transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
}
.se_news_r {
z-index: 2;
}
.se_news_r span {
display: block;
line-height: 35px;
font-size: 14px;
color: #888;
padding: 0 0 0 20px;
}
.se_news_r h2 {
font-size: 14px;
color: #555555;
padding: 0 0 10px 0;
font-weight: normal;
border-bottom: 1px #ececec solid
}
.se_news_r h2 a {
color: #2f394a;
text-transform: uppercase;
display: block;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
font-weight: bold;
}
.se_news_r h2 a:hover {
color: #d00000;
}
.se_news_r .se_news_more {
width: 150px;
line-height: 36px;
text-align: center;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.se_news_r .se_news_more a {
color: #fff;
font-size: 14px;
background: #f9bb3d;
display: block;
border-radius: 8px
}
.se_news_r .se_news_more a:hover {
background: #2f394a;
}
@media only screen and (max-width: 750px) {
.se_news_l {
width: 100%;
}
.se_news_l img {
width: 100%;
}
.se_news_r {
width: 100%;
}
.se_news_da {
width: 100%;
margin: 0 auto;
}
.se_news_r h2 a {
font-size: 18px;
line-height: 40px;
}
.se_news_r p {
line-height: 25px;
color: #777;
font-size: 14px;
margin: 15px 0;
}
}
@media only screen and (min-width: 751px) {
.se_news_l {
width: 300px;
height: 210px;
}
.se_news_l img {
width: 300px;
}
.se_news_r {
width: 80%;
padding: 0px 0 0 20px
}
.se_news_da {
width: 100%;
margin: 0 auto;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.se_news_r h2 a {
font-size: 20px;
line-height: 40px;
}
.se_news_r p {
line-height: 30px;
color: #777;
font-size: 15px;
margin: 15px 0;
}
.se_news_r .se_news_more {
float: right
}
}
@media only screen and (min-width: 1200px) {
.se_news_l {
width: 400px;
height: 310px;
}
.se_news_l img {
width: 500px;
}
.se_news_r {
width: 70%;
padding: 0px 0 0 20px
}
.se_news_da {
width: 100%;
margin: 0 auto;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.se_news_r h2 a {
font-size: 28px;
line-height: 50px;
}
.se_news_r p {
line-height: 30px;
color: #777;
font-size: 16px;
}
.se_news_r .se_news_more {
float: right
}
}
/*==========首页新闻===========*/
.sy_news {
width: 80%;
margin: 0 auto 40px;
overflow: hidden;
}
.sy_news li {
width
}
.sy_news li .left img {
max-width: 100%
}
.sy_news li .right p {
font-size: 14px;
}
@media only screen and (max-width: 750px) {
.sy_news li {
width: 100%;
float: left;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
margin: 0.5%;
}
.sy_news li .left {
width: 27%;
}
.sy_news li .right {
width: 68%;
}
.sy_news li .right h3 {
font-size: 16px;
margin-top: -0px;
}
.sy_news li .right p {
display: none;
}
.sy_news li .right h5 {
display: block;
font-size: 14px;
font-weight: normal;
width: 100px;
height: 36px;
line-height: 36px;
border-radius: 10px;
background: #f9bb3d;
text-align: center;
color: #fff;
margin: 8px 0;
}
}
@media only screen and (min-width: 751px) {
.sy_news li {
width: 100%;
float: left;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
margin: 0.5%;
}
.sy_news li .left {
width: 30%;
}
.sy_news li .right {
width: 66%;
}
.sy_news li .right h3 {
font-size: 16px;
}
.sy_news li .right p {
margin-top: 5px;
line-height: 25px;
}
.sy_news li .right h5 {
font-size: 14px;
font-weight: normal;
width: 150px;
height: 36px;
line-height: 36px;
border-radius: 10px;
background: #005ba0;
text-align: center;
color: #fff;
margin: 8px 0;
}
}
@media only screen and (min-width: 1200px) {
.sy_news li {
width: 48%;
float: left;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
margin: 0.5%;
}
.sy_news li .left {
width: 30%;
}
.sy_news li .right {
width: 66%;
}
.sy_news li .right h3 {
font-size: 16px;
}
.sy_news li .right p {
margin-top: 5px;
line-height: 25px;
}
.sy_news li .right h5 {
display: none;
}
}
@media only screen and (min-width: 1400px) {
.sy_news li {
width: 48%;
float: left;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
margin: 0.5%;
}
.sy_news li .right h5 {
display: block;
}
.sy_news li .left {
width: 36%;
}
.sy_news li .right {
width: 60%;
}
.sy_news li .right h3 {
font-size: 18px;
}
.sy_news li .right p {
margin-top: 5px;
line-height: 25px;
}
}
@media only screen and (min-width: 1600px) {
.sy_news li {
width: 48%;
float: left;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
margin: 0.5%;
}
.sy_news li .left {
width: 35%;
}
.sy_news li .right {
width: 62%;
}
.sy_news li .right h3 {
font-size: 22px;
}
.sy_news li .right p {
margin-top: 10px;
line-height: 28px;
}
}
.sy_lm42 {
text-align: center;
margin: 50px auto 20px;
}
@media only screen and (max-width: 750px) {
.sy_lm42 {
font-size: 28px;
font-weight: bold;
}
}
@media only screen and (min-width: 751px) {
.sy_lm42 {
font-size: 28px;
}
}
@media only screen and (min-width: 1000px) {
.sy_lm42 {
font-size: 32px;
}
}
@media only screen and (min-width: 1200px) {
.sy_lm42 {
font-size: 38px;
}
}
@media only screen and (min-width: 1400px) {
.sy_lm42 {
font-size: 42px;
}
}
/*======首页视频播放============*/
.open_video {
margin: 0 auto;
padding-top: 5%;
text-align: center;
width: 1000px
}
.open_video .title {
background: #0054a6;
height: 50px;
line-height: 50px;
padding: 10px 0;
margin: 0 auto;
width: 360px;
margin-top: 15px;
text-align: center;
font-size: 16px;
color: #fff
}
.search-close {
width: 60px;
height: 60px;
cursor: pointer;
transition: .4s all;
display: block;
position: absolute;
right: 0;
top: 0;
}
.search-close img {
width: 60px;
height: auto;
vertical-align: middle;
cursor: pointer;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.search-close img:hover {
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
.video-box {
position: relative;
overflow: hidden;
}
.video-box video {
position: absolute;
left: 50%;
margin-left: -40%;
top: 50%;
margin-top: -20%;
width: 80%;
height: 80%;
-o-object-fit: cover;
object-fit: cover;
}
.index-video {
position: fixed;
z-index: 999999999999999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
display: none;
}
.index-video .x-btn {
top: 5%;
right: 5%;
}
.index-video-wrap {
z-index: 30;
}
/*------内页top菜单---*/
.topper {
height: 100px;
text-align: center;
line-height: 100px;
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 9999;
}
.topper:before {
content: "";
background: #005ba0;
background: linear-gradient(90deg, #005ba0, #0054a6, #374C63);
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.topper .wrap {
width: 90%;
margin: 0 auto;
height: 100%;
overflow: inherit;
}
.topper .logo {
width: 12.675%;
margin-top: 10px;
position: absolute;
z-index: 9999999999999999999999999;
}
.topper .nav {
height: 100%;
display: inline-block;
margin-top: -0px;
margin-left: 15%;
}
.topper .nav li {
float: left;
position: relative;
z-index: 1;
}
.topper .nav li:before {
content: "";
height: 2px;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0));
display: block;
box-shadow: 0 0 5px #09256d;
position: absolute;
left: 50%;
right: 50%;
bottom: 0;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
transition: all linear 0.3s
}
.topper .nav li:after {
content: "";
background: rgba(82, 130, 255, 0);
background-image: linear-gradient(rgba(82, 130, 255, 0), rgba(82, 130, 255, 0.4));
display: block;
position: absolute;
left: 0;
right: 0;
top: 100%;
bottom: 0;
z-index: -1;
transition: all linear 0.3s
}
.topper .nav li a {
font-size: 18px;
color: #ecf5ff;
padding: 0 55px;
display: block;
transition: all linear 0.3s
}
.topper .nav li a:before,
.topper .nav li a:after {
content: "";
width: 1px;
background: rgba(255, 255, 255, 0);
background-image: linear-gradient(rgba(255, 255, 255, 0), #fff);
display: block;
position: absolute;
top: 100%;
bottom: 0;
filter: alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
transition: all linear 0.3s
}
.topper .nav li a:before {
left: 0
}
.topper .nav li a:after {
right: 0
}
.topper .nav li.active a {
font-weight: bold
}
.topper .nav li:hover:before {
left: -250px;
right: -250px
}
.topper .nav li:hover:after {
top: 0
}
.topper .nav li:hover a {
font-weight: bold
}
.topper .nav li:hover a:before,
.topper .nav li:hover a:after {
top: 0
}
.topper .nav .active {
font-weight: bold
}
.topper .tel {
font-size: 18px;
color: #fdb158;
line-height: 1;
text-align: left;
padding: 22px 0;
position: absolute;
}
.topper .tel span {
display: block;
margin-bottom: 7px
}
.topper .tel span:before {
content: "";
width: 23px;
height: 23px;
background: url("../images/header-tel.png") left center no-repeat;
background-size: 100%;
display: inline-block;
vertical-align: bottom;
margin-right: 14px
}
.topper .tel strong {
font-size: 26px
}
.relative.header {
position: relative;
}