html, body {
position: relative;
height: 100%;
}
body {
font-size: 14px;
color:#000;
margin: 0;
padding: 0;
}
img{
display: block;
border: 0;
}
.heidbox{
height: 175px;
position: relative
}
.swiper-container {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.lunbo .swiper-slide{
width: 100%;
height: 100%;
/* background-size: cover !important;*/
background-size: 100% 100%!important;
}
.lunbo .swiper-slide img{
width: 100%;
height: 100%;
}
.header{
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99;
overflow: hidden;
}
.headbj{
width: 100%;
height: 96px;
background: rgba(0,0,0,.5);
position: fixed;
top: 0;
left: 0;
z-index: 98;
}
.header .yeqh{
position: absolute;
left: 50%;
margin-left: 432px;
top: 0;
height: 96px;
}
.header img:first-child{
float: left;
}
.header .dhl{
padding: 0 32px;
float: left;
font-size: 16px;
color: #fff;
line-height: 96px;
position: relative;
}
.header .dhl span{
display:block;
width: 80px;
height: 100%;
text-align: center;
cursor: pointer;
color: #fff;
}
.header .dhl:hover i{
display:block;
}
.header .dhl:hover ul{
display:block;
}
.header .dhl i{
width:80px;
height: 2px;
position: absolute;
bottom: -1px;
background: #fff;
display:none;
}
.header .dhl ul{
position: absolute;
bottom: -60px;
height: 14px;
background: rgba(0,0,0,.5);
left: -137px;
padding: 23px 100px;
width: 426px;
display:none;
}
.header .kqcxm ul{
position: absolute;
bottom: -60px;
height:14px;
background: rgba(0,0,0,.5);
left: 32px;
padding:23px 100px;
width: 433px;
display:none;
}
.header .dhl ul li{
float:left;
color: #fff;
width: 140px;
height: 100%;
font-size:14px;
line-height: 14px;
text-align: center;
border-right: 1px solid #fff;
}
.header .dhl ul li:last-child {
border-right: none;
}
.header .dhl ul .zh{
border: none;
}
.header .kqcxm ul li{
width:105px ;
}
.header .cpyfw ul{
/*width:550px ;*/
width: 410px;
padding:23px 70px;
}
.header .cpyfw ul li{
width: 135px;
}
.header .cpyfw ul .one{
width:220px;
}
.header .rlzy ul{
/*width: 313px;*/
/*left: -373px;*/
width: auto;
left: -96px;
}
.f1-i{
max-width: 1200px;
margin: 0 auto;
}
.xxkbox{
max-width: 1200px;
height: 430px;
margin: 0 auto;
margin-top:50px;
position: relative;
overflow: hidden
}
.xxkbox .xbox{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.xxkbox .zjkqc .left{
float:left;
width: 602px
}
.xxkbox .zjkqc .left img{
max-width: 100%;
height: 100%;
}
.xxkbox .zjkqc .right{
float:right;
width: 500px;
height:100%;
position: relative;
}
.xxkbox .zjkqc .right i{
display: block;
width: 73px;
height: 3px;
background: #1a2e56;
margin: 20px 0;
}
.xxkbox .zjkqc .right h2{
font-size:24px;
line-height: 32px;
color: #4c4b4c;
}
.xxkbox .zjkqc .right p{
font-size:14px;
line-height: 32px;
color: #4c4b4c;
letter-spacing:1px;
}
.xxkbox .zjkqc .right a{
/*display: block;*/
/*color: #000;*/
display: block;
color: #7b9fce;
width: 140px;
line-height: 27px;
text-align: center;
border: 1px solid #7b9fce;
border-radius: 30px;
margin-top: 5%;
}
.xxkbox .zjkqc .right img{
margin-top:20px;
}
.xxkbox .zjkqc img{
display: block;
max-width: 1200px;
margin: 0 auto;
height: 576px;
}
.xxkbox .fzlc{
width: 100%;
height: 100%;
}
.xxkbox .fzlc img{
display: block;
width: auto;
max-width: 100%;
height: 100%;
margin: auto;
}
.bg1{
position: relative;
}
.bg1 ul{
width: 1092px;
position: absolute;
left: 54px;bottom: -2px;
z-index: 100
}
.bg1 .f1-i{
position: relative;
}
.bg1 ul li{
width: 25%;
float: left;
cursor: pointer
}
.bg2{
background: #fff;
}
.bg2 .f1-i>img{
margin: 0 auto;
margin-top: 70px;
}
.bg2 .f1-i .dh{
width: 495px;
overflow: hidden;
margin: 0 auto;
margin-top: 60px;
}
.bg2 .f1-i .dh li{
width: 158px;
height: 43px;
display: inline-block;
text-align: center;
line-height: 43px;
cursor: pointer;
margin-left: 2px;
box-shadow: 1px 1px 4px rgba(22,45,120, .17);
}
.bg2 .f1-i .dh li:first-child{
margin-left: 0;
}
.bg2 .f1-i .dh li.hot{
background: #1a2e56;
border: 1px solid #1a2e56;
color: #fff;
}
.bg2 .f1-i .video{
position: absolute;
width: 947px;
height: 401px;
top: 14px;
left: 0;right: 0;
margin:auto;
display:none;
}
.bg2 .f1-i .video .swiper-slide{
width: 60%!important;
height: 285px;
}
.video .swiper-slide video{
width: 100%;
height: 285px;
}
.video .swiper-pagination-bullet{
width: 15px;
height: 15px;
font-size: 14px;
color: #4c4b4c;
background: none;
}
.video .left,.video .right{
width: 145px;
height: 32px;
line-height: 32px;
font-size: 10px;
position: relative;
font-family: "Arial";
float: left;
}
.video .left{
float: right
}
.video .right,.video .right span{
float: left
}
.video .left i,.video .right i{
width: 85px;
height: 1px;
background: #707070;
margin-top: 15px;
margin-left: 10px;
display: inline-block;
float: left;
}
.video .swiper-pagination-bullet-active{
color: #1a2e56;
}
.video .swiper-button-next,.video .swiper-button-prev{
top: 0!important;
margin-top: -39px;
background: none!important;
}
.bg3 {
background: url('../image/f3.jpg') no-repeat center center;
background-size: cover;
}
.bg3 .dbt{
margin: 0 auto;
margin-top: 55px;
}
.bg3 ul{
max-width: 1200px;
/*height: 483px;*/
margin: 0 auto;
margin-top: 50px;
overflow: hidden;
}
/*.bg3 ul li{*/
/* width: 592px;*/
/* height: 233px;*/
/* float:left;*/
/* margin: 8px;*/
/*}*/
.bg3 ul li:hover .right h2{
color: #1a2e56;
}
/*.bg3 ul li .left{*/
/* width: 287px;*/
/* height: 233px;*/
/* float: left;*/
/* overflow: hidden;*/
/*}*/
.bg3 ul li .left img{
width:100%;
height:100%;
}
/*.bg3 ul li .right{*/
/* width: 285px;*/
/* height: 233px;*/
/* float: left;*/
/* background: #fff;*/
/* padding-left: 20px;*/
/* position: relative;*/
/*}*/
.bg3 ul li .right .bt{
padding-top: 25px;
height: 35px;
}
.bg3 ul li .right .yw{
font-size: 15px;
color: #adadad;
line-height:32px;
float: left;
}
.bg3 ul li .right .shuxue{
font-size: 33px;
color: #adadad;
float: left;
line-height: 34px;
margin-left: 8px;
}
.bg3 ul li .right h2{
font-size: 14px;
line-height: 50px;
color: #4c4b4c;
overflow: hidden;
width: 250px;
height: 50px;
}
.bg3 ul li .right p{
width: 250px;
font-size: 14px;
line-height: 26px;
color: #4c4b4c;
height: 52px;
overflow: hidden;
}
.bg3 ul li .right .view{
position: absolute;
bottom: 10px;
left: 20px;
height: 25px;
}
.bg3 .ljie{
width: 167px;
height: 36px;
display: block;
text-align: center;
line-height: 36px;
border: 1px solid #fff;
color: #fff;
margin: 0 auto;
margin-top: 50px;
border-radius: 50px;
}
.bg3 ul {
max-width: 1200px;
/*height: 300px;*/
margin: 0 auto;
margin-top: 50px;
}
.bg3 ul li {
width: 49%;
height: 190px;
float: left;
margin: 8px .5%;
}
.bg3 ul li .left {
width: 46%;
height: 100%;
float: left;
overflow: hidden;
}
.bg3 ul li .right {
width: 52%;
height: 100%;
float: left;
background: #fff;
padding-left: 2%;
position: relative;
}
.bg4{
}
.bg4 .bt{
margin: 0 auto;
margin-top: 50px;
}
.bg4 .kqcxm{
width: 1224px;
height: 498px;
margin: 0 auto;
margin-top: 30px;
}
.bg4 .kqcxm li{
width: 384px;
height: 237px;
float: left;
position: relative;
margin: 12px;
}
.bg4 .kqcxm li img{
width:100%;
height:100%;
}
.bg4 .kqcxm li:hover .hover{
display:block;
}
.bg4 .kqcxm li i{
display: block;
width: 100%;
height: 54px;
line-height: 54px;
text-align: center;
position: absolute;
background: #000;
bottom: 0;
opacity: 0.6;
}
.bg4 .kqcxm li span{
display: block;
width: 100%;
height: 54px;
line-height: 54px;
text-align: center;
position: absolute;
bottom: 0;
color: #fff;
font-size:16px;
}
.bg4 .ljie{
width: 167px;
height: 36px;
display: block;
text-align: center;
line-height: 36px;
border: 1px solid #1b2e70;
color: #1b2e70;
margin: 0 auto;
margin-top: 50px;
border-radius: 50px;
}
.bg4 .kqcxm li .hover{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display:none;
background: url('../image/bj.png')
}
.bg4 .kqcxm li .hover h2{
font-size: 18px;
color: #fff;
text-align: center;
width: 260px;
margin: 0 auto;
margin-top: 30px;
}
.bg4 .kqcxm li .hover p{
font-size: 14px;
color: #fff;
text-align: center;
width: 260px;
margin: 0 auto;
margin-top:20px;
height: 65px;
overflow: hidden;
}
.bg4 .kqcxm li .hover a{
display: block;
width: 166px;
height: 42px;
line-height: 42px;
text-align: center;
color: #1a2e56;
background: #fff;
margin: 0 auto;
margin-top:20px;
}
.dbbox{
width:100%;
height:630px;
/*background:#323433;*/
background: #1b2e70;
position: relative;
}
.dbbox .box{
max-width: 1200px;
margin: 0 auto;
}
.dbbox .box ul{
overflow: hidden;
margin-top: 45px;
}
.dbbox .box ul li{
float: left;
width: 102px;
margin-right: 60px;
}
.dbbox .box ul li:nth-child(6){ margin-right: 50px }
.dbbox .box ul .zh{
/*margin-right:0; width: 130px;*/
margin-right: 0;
width: 220px;
height: 250px;
}
.dbbox .box ul .zh img{ width: auto; }
.dbbox .box ul .chang{
width: 160px;
margin-right:10px;
}
.dbbox .box ul li h3{
font-size: 18px;
color: #fff;
line-height: 20px;
}
.dbbox .box ul li i{
display: block;
background: #fff;
width:32px;
height: 1px;
margin-top:25px;
margin-bottom:30px;
}
.dbbox .box ul li p{
color: #fff;
font-size: 14px;
margin-top:15px;
}
.dbbox .box h2{
width: 100%;
font-size: 28px;
color: #fff;
text-align: center;
padding-top: 50px;
}
.dbbox .box .share{
text-align: center;
font-size: 14px;
color: #fff;
margin-top: 20px;
}
.dbbox .box .img{
margin: 0 auto;
margin-top:50px;
}
.dbbox .box .wail{
margin: 0 auto;
margin-top:10px;
}
.zdibu{
width: 100%;
height: 47px;
line-height: 47px;
text-align: center;
color: #888888;
/*background: #243686;*/
background: #1b2e70;
position: absolute;
bottom: 0;
}
.tzlc{
width: 150px;
height: 35px;
/*background: #323433;*/
background: #1b2e70;
border-radius: 5px 5px 0 0 ;
margin:0 auto;
padding-top: 7px;
cursor: pointer;
}
.tzlc img{
margin: 0 auto;
}
.bannerbox{
width:100%;height:350px;
background-size: cover;
}
.zxtdst{
background: url('../image/f1.jpg') no-repeat center left;
}
.kqc_linian{
background: url('../image/xmst1g.jpg') no-repeat right center;
}
.zxdtdh{
width: 1000px; text-align: center;
}
.inputbox{
width: 1000px;
height: 42px;
margin: 0 auto;
margin-top: 90px;
}
.inputbox .jtxw{
width: 138px;
height: 40px;
line-height: 40px;
text-align: center;
color: #3f3e3e;
font-size: 14px;
background: #e8e8e8;
float: left;
margin-right: 20px;
}
.inputbox .qjdt{
position: relative; padding-left: 15px;
text-align: left;
cursor: pointer;
}
.inputbox .qjdt select{ width: 138px; height: 40px; background: none; border: none; ;}
.inputbox .qjdt ul{
width: 100%;
background: #e8e8e8;
position: absolute;
position: absolute;
top: 42px;
padding: 10px 0;
display: none;
}
.inputbox .qjdt ul li{
width: 100%;
height: 30px;
line-height: 30px;
}
.inputbox .qjdt ul li:hover{
border-bottom: 1px solid #fff;
}
.soubox{
float: left;
width: 465px;
height: 40px;
background: #e8e8e8;
line-height: 40px;
}
.soubox input{
border: none;
width: 300px;
height: 40px;
line-height: 40px;
float: left;
font-size: 14px;
color: #4c4b4c;
background: none;
/*text-indent: 2em;*/
}
.soubox .ani{
width: 140px;
height: 100%;
float: right;
text-align: center;
color: #fff;
background: #1a2e56;
cursor: pointer;
}
.conentbox{
width: 1080px;
margin: 0 auto;
margin-top: 60px;
overflow: hidden;
margin-bottom: 70px;
}
.conentbox .tuijbox{
width: 360px;
height: 600px;
background: #fbfbfb;
float: left;
margin-left:40px;
margin-right:20px;
padding: 0 50px;
}
.conentbox .tuijbox .riqi{
height: 40px;
margin-top: 27px;
}
.conentbox .tuijbox .riqi h5{
font-size: 34px;
color: #a3a4a5;
float: left;
}
.conentbox .tuijbox .riqi p{
font-size: 15px;
color: #a3a4a5;
float: left;
margin-right: 10px;
}
.conentbox .tuijbox h3{
font-size: 14px;
color: #1a2e56;
margin-top: 10px;
}
.conentbox .tuijbox .ms{
width: 335px;
height: 48px;
padding-left: 25px;
line-height: 24px;
color: #4c4b4c;
margin-top: 25px;
overflow: hidden;
position: relative;
}
.conentbox .tuijbox .ms i{
position: absolute;
top: 5px;
left: 0;
width: 1px;
height: 35px;
background:#707070;
}
.conentbox .tuijbox a{
display: block;
width: 120px;
height: 32px;
background: #1a2e56;
text-align: center;
line-height: 32px;
color: #fff;
font-size: 14px;
margin-top: 33px;
}
.conentbox .tuijbox .xwimg{
display: block;
width: 360px;
height: 293px;
margin-top: 25px;
}
.conentbox li{
width: 460px;
height: 98px;
border-bottom: 2px solid #eeeeee;
padding: 20px 0;
padding-top:30px;
padding-left: 20px;
position: relative;
float:left;
margin-left: 40px;
}
.conentbox li .left{
width: 310px;
overflow: hidden;
float: left;
}
.conentbox li .left h5{
color: #4c4b4c;
font-size: 14px;
line-height: 32px;
height: 32px;
overflow: hidden;
}
.conentbox li .left h5 span{
padding-right: 15px;
}
.conentbox li .left p{
width: 280px;
height: 65px;
color: #4c4b4c;
font-size: 14px;
line-height: 32px;
overflow: hidden;
margin-left: 20px;
}
.conentbox li .right{
float: right;
margin-top: 5px;
padding-right: 13px;
position: relative;
}
.conentbox li .right h5{
font-size: 34px;
color: #a3a4a5;
float: right;
}
.conentbox li .right p{
font-size: 15px;
color: #a3a4a5;
float: right;
margin-right: 10px;
}
.conentbox li img{
position: absolute;
top:85px;
right: 10px;
}
.xq-box{
width: 865px;
margin: 0 auto;
margin-top: 80px;
color: #4c4b4c;
font-size: 14px;
line-height: 32px;
}
.xq-box img{
width: 100%;
margin: 25px 0;
}
.xq-box h4{
font-size: 20px;
line-height: 26px;
text-align: center;
font-weight: 200;
}
.xq-box .lsj{
text-align: center;
color: #919191;
font-size: 12px;
line-height: 32px;
margin-top: 10px;
}
.xwxqbt{
margin: 0 auto;
margin-top: 80px;
margin-bottom: 60px;
}
.zp-sou{
width: 643px;
}
.zp-sou input{
width: 500px;
text-align: center;
}
.zp-btbox{
width: 1000px;
height: 40px;
line-height: 40px;
color: #fff;
font-size: 14px;
background: #1a2e56;
margin: 0 auto;
}
.zp-btbox span{
float: left;
height: 100%;
width: 160px;
text-align: left;
}
.zp-btbox .er{
float: left;
height: 100%;
width: 295px;
text-align: left;
}
.zp-btbox .yi{
width:136px;
text-indent: 2em;
}
.zp-btbox .liu{
width: 80px;
}
.zp-lbbox{
width: 1000px;
color: #4c4b4c;
font-size: 12px;
margin: 0 auto;
margin-top: 15px;
}
.zp-lbbox li{
width: 100%;
height: 46px;
line-height: 46px;
}
.zp-lbbox li span{
float: left;
color:#000;
height: 100%;
width: 160px;
text-align: left;
}
.zp-lbbox li .er{
float: left;
color:#000;
height: 100%;
width: 295px;
text-align: left;
}
.zp-lbbox li .yi{
width:136px;
text-indent: 2em;
color: #1a2e56;
}
.zp-lbbox li .liu{
width: 80px;
}
.zp-lbbox li .liu img{
text-align: center;
margin-top:16px;
}
.zp_fxbox{
width: 800px;
height: 32px;
margin: 0 auto;
margin-top: 40px;
}
.zp_fxbox .left{
width: 140px;
height: 32px;
line-height: 32px;
font-size: 10px;
position: relative;
font-family: "Arial";
float: left;
cursor: pointer;
}
.zp_fxbox .left span{
float: left;
}
.zp_fxbox .left i{
float: left;
width: 90px;
height: 1px;
background: #707070;
margin-top: 15px;
margin-left: 10px;
}
.zp_fxbox .right{
width: 140px;
height: 32px;
line-height: 32px;
font-size: 10px;
position: relative;
font-family: "Arial";
float:right;
cursor: pointer;
}
.zp_fxbox .right span{
float: right;
}
.zp_fxbox .right i{
float: right;
width: 90px;
height: 1px;
background: #707070;
margin-top: 15px;
margin-right: 10px;
}
.zp_fxbox .zong{
width: 500px;
height: 32px;
float: left;
text-align: center;
line-height: 32px;
font-size: 13px;
color: #4c4b4c;
}
.zp_fxbox .zong span{
padding: 0 5px;
cursor: pointer;
}
.zp_fxbox .zong .dq{
color:#1a2e56;
font-size: 16px;
}
.zp_fxbox .zong span:hover{
color:#1a2e56;
font-size: 16px;
}
.gdszw{
width: 1000px;
margin: 0 auto;
color: #4c4b4c;
font-size: 12px;
text-align: right;
margin-top: 50px;
margin-bottom: 10px;
font-weight: bold;
}
.gdszw span{
color: #1a2e56;
}
.zpgg{
width: 1000px;
margin: 70px auto;
}
.zpbanner{
background: url('../image/zpbannerg.jpg') no-repeat right center;
}
.zp-xqbox{
width: 1000px;
margin: 0 auto;
}
.jianju{
width: 100%;
height:90px;
}
.zp-xqbox h2{
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 14px;
color: #1a2e56;
background: #ededed;
}
.zp-xqbox ul{
font-size: 14px;
line-height: 32px;
color: #4c4b4c;
padding: 25px 0;
overflow: hidden;
}
.zp-xqbox ul li{
float: left;
width: 270px;
padding-left: 30px;
}
.zp-xqbox .gwms{
font-size: 14px;
line-height: 32px;
color: #4c4b4c;
padding: 25px 0;
}
.zp-xqbox .gwms p{
width: 945px;
padding-left: 30px;
}
.kqcxmst{
background: url('../image/xmstg1.jpg') no-repeat left center;
}
.kqcmbx{
margin-top: 50px;
}
.xm_lbbox{
width: 1005px;
margin: 0 auto;
overflow: hidden;
margin-top: 90px;
margin-bottom: 70px;
}
.xm_lbbox img{
width: 415px;
height: 207px;
float: left;
}
.xm_lbbox .yi{
width: 295px;
height: 207px;
}
.huanjin li{
width: 121px;
}
.hj_tu{
width: 1000px;
margin: 0 auto;
margin-top: 90px;
margin-bottom: 50px;
}
.hj_tu img{ max-width: 100%;}
.hj_tu img.wap{ display: none;;}
.fzlc img{ max-width: 100%;}
.fzlc img.wap{ display: none;;}
.why img{ max-width: 100%; margin-bottom: 50px}
.why img.wap{ display: none !important;;}
.hj_lb{
width: 1014px;
margin: 0 auto;
overflow: hidden;
margin-bottom: 70px;
}
.hj_lb li,.hj_lb div{
width: 263px;
margin: 7px;
float: left;
}
.hj_lb li .boss{
width: 100%;
height: 326px;
margin-bottom: 14px;
position: relative;
}
.hj_lb li .boss img{
width: 100%;
height: 100%;
}
.hj_lb li .xm{
height: 305px;
}
.hj_lb li .boss i{
width: 100%;
height: 36px;
background: #000;
opacity: 0.7;
position: absolute;
left: 0;
bottom: 0;
background: -moz-linear-gradient(top, #004080 0%, #002651 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#002651));
background: -webkit-linear-gradient(top, #004080 0%,#002651 100%);
background: -o-linear-gradient(top, #004080 0%,#002651 100%);
background: -ms-linear-gradient(top, #004080 0%,#002651 100%);
background: linear-gradient(to bottom, #004080 0%,#002651 100%);
}
.hj_lb li .boss p{
width: 100%;
height: 36px;
line-height: 36px;
text-align: center;
font-size: 15px;
color: #fff;
position: absolute;
left: 0;
bottom: 0;
}
.hj_lb .one{
width: 445px;
}
.hj_lb .one .boss{
width: 100%;
height: 205px;
margin-bottom: 14px;
}
.lianjie{
width:1000px;
height:260px;
margin:0 auto;
}
.lianjie .swiper-slide img{
width:100%;
height:100%;
}
.lxwmst{
background: url('../image/lxwmst.jpg') no-repeat center center;
}
.lxwmbox{
width: 1000px;
height: 560px;
margin: 0 auto;
margin-top: 90px;
margin-bottom: 70px;
}
.lxwmbox .left{
float: left;
}
.lxwmbox .right{
width: 550px;
height: 559px;
background: #fafafa;
border-bottom: 1px solid #d9d9d9;
float: left;
padding-left: 70px;
}
.lxwmbox .right h1{
font-size: 30px;
color: #464646;
margin-top: 60px;
font-family: "Arial";
}
.lxwmbox .right h2{
font-size: 14px;
color: #4c4b4c;
margin-top: 15px;
font-family: "Arial";
font-weight: normal;
}
.lxwmbox .right ul{
margin-top: 55px;
overflow: hidden;
}
.lxwmbox .right ul li{
width: 216px;
float: left;
margin-right: 38px;
margin-bottom: 15px;
}
.lxwmbox .right ul li p{
font-size: 14px;
color: #4c4b4c;
line-height: 32px;
}
.lxwmbox .right ul li input{
width: 100%;
height: 30px;
line-height: 30px;
text-indent: 1em;
font-size: 14px;
color: #4c4b4c;
background: #e1e1e1;
border: 0;outline: 0;
}
.lxwmbox .right ul .text{
width: 470px;
height: 138px;
}
.lxwmbox .right ul li textarea{
width: 98%;
height: 98%;
margin: 1%;
line-height: 30px;
text-indent: 1em;
font-size: 14px;
border: 0;
color: #4c4b4c;
background: #e1e1e1;
}
.lxwmbox .lxwmt{
width: 217px;
height: 30px;
text-align: center;
line-height: 30px;
color: #fff;
background: #1a2e56;
font-size: 14px;
margin: 0 auto;
margin-top: 50px;
margin-left: 116.5px;
}
.dhs{
overflow: hidden;
margin-top: 75px;
margin-bottom: 50px;
}
.dhs li{
width: 500px;
float: left;
}
.dhs li:first-child+li{
width: 606px;
float: right;
margin-left: 35px;
}
.dhs li:first-child em{
width: 15px;
height: 2px;
background: #243686;
display: block;
font-style: normal;
margin: 28px 0 28px 2px;
}
.dhs li:first-child span{
display: block;
font-size: 18px;
color: #4c4b4c;
margin-bottom: 53px;
}
.dhs>li:first-child i{
font-size: 14px;
display: block;
font-style: normal;
line-height: 40px;
}
.dhs li:first-child+li div{
width: 604px;
height: 315px;
position: relative
}
.dhs li:first-child+li div img{
width: 100%;
height: 100%;
}
.dhs li:first-child+li div span{
position: absolute;
font-size: 15px;
color: #fff;
left: 63px;
bottom: 31px;
}
.dhs li:first-child+li ul{
width: 100%;
height: 116px;
background: #f2f2f2;
}
.dhs li:first-child+li ul li{
float: left;
height: 37px;
margin-left: 25px;
margin-top: 41px;
float: left
}
.dhs li:first-child+li ul li:first-child{
width: 190px;
}
.dhs li:first-child+li ul li:first-child+li{
width: 345px;
}
.dhs li:first-child+li ul li img{
float: left;
margin-right: 16px;
}
.dhs li:first-child+li ul li p{
font-size: 14px;
color: #4c4b4c;
display: inline;
font-size: 14px;
color: #4c4b4c;
display: inline;
float: left;
width: 286px;
height: 65px;
overflow: hidden;
}
.dhs li:first-child+li ul li p:first-child{
width:110px;
}
.dhs li:first-child+li ul li p i{
font-style: normal
}
.dh_lun{
height: 545px;
margin-bottom: 79px;
overflow: hidden
}
.dh_lun .swiper-slide{
width: 100%;
height: 100%;
overflow: hidden;
position: relative
}
.dh_lun .swiper-slide img{
width:100%;
height:100%;
}
.dh_lun .swiper-slide ul{
width: 283px;
height: 100%;
padding-left: 53px;
background: rgba(0, 22, 124, .7);
position: absolute;
left: 0;
top: 0;
z-index: 9;
}
.dh_lun .swiper-slide ul span{
display: block;
font-size: 18px;
color: #fff;
margin-top: 124px;
}
.dh_lun .swiper-slide ul em{
width: 17px;
height: 2px;
display: block;
background: #fff;
margin: 22px 0 34px;
}
.dh_lun .swiper-slide ul p{
font-size: 14px;
color: #fff;
display: block;
width: 244px;
}
.dh_lun .bttn{
width: 18px!important;
height: 18px!important;
border: 1px solid #fff;
text-align: center;
line-height: 18px;
color: #fff;
font-size: 12px;
position: absolute;
top: 298px;
display: block;
background: none!important;
}
.swiper-button-next{
right: 18px!important;
}
.swiper-slide>span{
font-size: 14px;
color: #fff;
position: absolute;
bottom: 37px;
right: 50px;
}
.dh_dong{
overflow: hidden;margin-bottom: 70px;
}
.dh_dong li{
width: 489px;
height: 259px;
overflow: hidden;
float: left;
margin-right: 21px;
position: relative;
}
.dh_dong li img{
width: 100%;
transition: all .3s;
}
.dh_dong li:hover img{
transform: scale(1.05)
}
.dh_dong li span{
position: absolute;
font-size: 27px;
color: #fff;
left: 30px;
top: 30px;
z-index: 20;
}
.dh_dong li p{
font-size: 16px;
color: #fff;
position: absolute;
left: 30px;
bottom: 23px;
z-index: 20;
overflow: hidden
}
.dh_dong li.hot::before{
display: block;
position: absolute;
content: "HOT";
color: #fff;
text-align: center;
width: 120px;
height: 20px;
right: -32px;
z-index: 20;
top: 17px;
background: #b70202;
transform: rotate(46deg);
font-size: 14px;
}
.dh_dong li:last-child{
margin-right: 0;
}
.dh_dong>img{
margin: 0 auto 73px;
margin-left: 273px;
}
.li>img{
margin: 88px auto 60px;
}
.li>p{
font-size: 14px ;
color: #4c4b4c;
line-height: 40px;
width: 1028px; margin: 0 auto;
}
.li>i{
display: block;
margin: 30px auto;
width: 42px;
height: 3px;
background: #1a2e56;
}
.li>ul li{
width: 291px;
height: 223px;
float: left;
margin-left: 63px;
color: #4c4b4c;
font-size: 18px;
box-shadow: 0 0 20px rgba(0, 0, 0,.05);
text-align: center;
margin-bottom: 47px;
}
.li>ul li:first-child{
margin-left: 0;
}
.li>ul li img{
margin: 64px auto 21px;
}
.kefu a{
color: #000;
}
.swiper-container .last{
height: 672px;
}
.aps {
height: 40px;
background: #ededed;
line-height: 40px;
color: #1a2e56;
font-size: 14px;
margin: 88px auto 34px;
text-align: center;
}
.f1s {
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
@media screen and (max-width: 700px) {
.dh_lun {
height: 320px;
margin-bottom: 30px;
overflow: hidden;
}
.hj_tu img{ display: none;}
.hj_tu img.wap{ display: block;}
.fzlc img{ display: none;}
.fzlc img.wap{ display: none;}
.why img{ display: none !important;}
.why img.wap{ display: block !important;}
.dh_01{ width: 100% !important;margin: 37px auto 17px;}
.dh_01 li{ border: solid 1px #ccc; box-shadow:none !important; width: 47.5% !important; margin: 1%;;}
.dh_01 li:first-child{ margin-left: 1% !important; ;}
.bg2 .f1-i>img {
margin: 0 auto;
margin-top: 40px;
width: 400px;
}
.bg2 .f1-i .dh {
width: 495px;
overflow: hidden;
margin: 0 auto;
margin-top: 35px;
}
.xxkbox {
width: 1100px;
height: 369px;
margin: 0 auto;
margin-top: 50px;
position: relative;
overflow: hidden;
}
.xxkbox .zjkqc .left {
float: left;
width: 520px;
}
.xxkbox .zjkqc .right p {
font-size: :14px;
line-height: 26px;
color: #4c4b4c;
letter-spacing: 1px;
}
.xxkbox .fzlc {
background-size: auto 100%;
}
.xxkbox .fzlc .left {
width: 600px;
height: 336px;
overflow: auto;
float: left;
position: relative;
margin-top: 15px;
}
.xxkbox .fzlc .right img{
width: 340px;
}
/* .xxkbox .fzlc .left li {
overflow: hidden;
margin-top: 15px;
margin-bottom: 15px;
} */
.bg2 .f1-i .video{
position: absolute;
width: 947px;
height: 400px;
top: -32px;
left: 0;right: 0;
margin:auto;
display:none;
}
.video .left i, .video .right i {
float: left;
width: 86px;
height: 1px;
background: #707070;
margin-top: 15px;
margin-left: 10px;
}
.xxkbox .zjkqc .right img {
margin-top: 11px;
}
.bg3 .dbt {
margin: 0 auto;
margin-top: 35px;
width: 850px;
}
.bg3 ul {
width: 1040px;
height: 409px;
margin: 0 auto;
margin-top: 40px;
}
.bg3 ul li {
width: 510px;
height: 193px;
float: left;
margin: 5px;
}
.bg3 ul li .left {
width: 247px;
height: 193px;
float: left;
overflow: hidden;
}
.bg3 ul li .left img{
width: 100%;
height: 100%;
}
.bg3 ul li .right {
width: 253px;
height: 193px;
float: left;
background: #fff;
padding-left: 10px;
position: relative;
}
.bg3 ul li .right .bt {
padding-top: 25px;
height: 30px;
}
.bg3 ul li .right .yw {
font-size: 14px;
color: #adadad;
line-height: 30px;
float: left;
}
.bg3 ul li .right .shuxue {
font-size: 30px;
color: #adadad;
float: left;
line-height: 30px;
margin-left: 8px;
}
.bg3 ul li .right h2 {
font-size: 13px;
line-height: 50px;
color: #4c4b4c;
overflow: hidden;
width: 250px;
height: 50px;
}
.bg3 ul li .right p {
width: 240px;
font-size: 13px;
line-height: 20px;
color: #4c4b4c;
height: 52px;
overflow: hidden;
}
.bg3 ul li .right .view {
position: absolute;
bottom: 8px;
left: 10px;
height: 25px;
}
.bg4 .bt {
margin: 0 auto;
margin-top: 35px;
}
.bg4 .kqcxm li {
width: 340px;
height: 193px;
float: left;
position: relative;
margin: 7px;
}
.bg4 .kqcxm li img{
width: 100%;
height: 100%;
}
.bg4 .kqcxm {
width: 1062px;
height: 415px;
margin: 0 auto;
margin-top: 30px;
}
.bg4 .kqcxm li .hover h2 {
font-size: 16px;
color: #fff;
text-align: center;
width: 260px;
margin: 0 auto;
margin-top: 20px;
}
.bg4 .kqcxm li .hover p {
font-size: 14px;
color: #fff;
text-align: center;
width: 260px;
margin: 0 auto;
margin-top: 12px;
height: 65px;
overflow: hidden;
}
.bg4 .kqcxm li .hover a {
display: block;
width: 145px;
height: 40px;
line-height: 40px;
text-align: center;
color: #1a2e56;
background: #fff;
margin: 0 auto;
margin-top: 15px;
font-size: 13px;
}
.dbbox {
width: 100%;
height: 524px;
background: #323433;
position: relative;
}
.dbbox .box {
width: 1040px;
margin: 0 auto;
height:524px;
}
.dbbox .box h2 {
width: 100%;
font-size: 28px;
color: #fff;
text-align: center;
padding-top: 30px;
}
.dbbox .box ul {
overflow: hidden;
margin-top: 35px;
}
.dbbox .box ul li {
float: left;
width: 95px;
margin-right: 52px;
}
.dbbox .box .img {
margin: 0 auto;
margin-top: 15px;
width: 800px;
}
.dbbox .box .wail {
margin: 0 auto;
margin-top: 10px;
}
.swiper-container .last{
height: 566px;
}
.cbox{ width: 100% !important;}
.cbox .li img{ width: 85% !important;;}
.cbox p{ padding: 0 18px;width: auto;}
}
.videoWrapper {
/*max-width: 1200px;*/
padding-bottom: 50px;
margin: auto;
}
@media screen and (min-width: 1441px) {
.bg2 .f1-i>img {
margin-top: 136px;
}
.bg3 .dbt {
margin-top: 136px;
}
.bg4 .bt {
margin-top: 136px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
.bannerbox {
height: 265px;
margin-top: 96px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
.zxtdst {
background-size: 100% 100%;
}
.kqcxmst {
background-size: 100% 100%;
}
}
@media screen and (max-width: 1440px) {
.bg2 .f1-i>img {
margin-top: 30px;
}
.bg4 .ljie {
margin-top: 10px;
}
.why img {
max-width: 70%;
margin: auto;
margin-bottom: 30px
}
.fzlc img {
max-width: 60%;
}
.fa>img {
width: 420px;
}
.xxkbox {
height: 355px;
}
.bg3 ul {
max-width: 1100px;
/*height: 300px;*/
margin: 0 auto;
margin-top: 50px;
}
.bg3 ul li {
width: 49%;
height: 190px;
float: left;
margin: 8px .5%;
}
.bg3 ul li .left {
width: 46%;
height: 100%;
float: left;
overflow: hidden;
}
.bg3 ul li .right {
width: 52%;
height: 100%;
float: left;
background: #fff;
padding-left: 2%;
position: relative;
}
.bg4 .kqcxm {
max-width: 1100px;
height: auto;
margin: 0 auto;
overflow: hidden;
margin-top: 30px;
}
.bg4 .kqcxm li {
width: 31%;
height: 188px;
float: left;
position: relative;
margin: 1%;
}
.xxkbox .zjkqc .left {
width: 50%;
height: 100%;
}
.xxkbox .zjkqc .left img {
max-width: 100%;
max-height: 100%;
margin-right: 0;
}
.xxkbox .fzlc img {
width: 76%;
height: auto;
margin: 0 auto;
max-width: 100%;
}
.xxkbox .fzlc{
width: 1100px;
margin: 0 auto;
}
body {
/*zoom: .9!important;*/
}
}
@media screen and (max-width: 768px) {
.headbj {
height: 76px;
}
.dbbox .box ul li:nth-child(6){ margin-right: 0 }
}