/*首页导航开始*/
html,body{
font-family:"FZLTXHJW","microsoft yahei";
background: #fff;
font-size: 14px;
overflow-x: hidden;
}
a{
color: inherit;
}
a:hover{
text-decoration: none;
}
img{
max-width: 100%;
}
.header{
border-bottom:2px solid #030997;
background: #fff;
position: relative;
z-index: 999;
}
.header .logo img{
display: block;
float: left;
}
.header .nav{
float: right;
position: relative;
bottom: 0;
margin-top: 20px;
padding-bottom: 8px;
display: block;
}
.header .nav>li{
float: left;
font-size: 14px;
padding:0 14px;
position: relative;
}
.header .nav>li>a{
padding: 12px 10px;
display: inline-block;
transition:all 0.3s;
}
.header .nav>li.active>a,.header .nav>li>a:hover{
color: #030997;
}
.header .nav .down_ul{
position:absolute;
width: 185px;
left: 0;
background: #fff;
top: 54px;
font-family: Microsoft YaHei;
font-size: 14px;
display: none;
padding-left: 8px;
padding-right: 10px;
padding-top: 25px;
}
.header .nav .down_ul li{
margin-bottom: 30px;
}
.header .nav .down_ul li a:hover{
text-decoration: none;
color: #030997;
}
@media (max-width:1715px) {
.header{
border-bottom:6px solid #030997;
background: #fff;
padding:0 3%;
}
.header .logo img{
width: 112px;
}
.header .nav{
margin-top: 25px;
padding-bottom: 8px;
}
.header .nav>li{
font-size: 14px;
padding:0 14px;
}
.header .nav>li>a{
padding: 10px 8px;
}
.header .nav>li:last-child{
margin-left: 20px;
}
.header .nav .down_ul{
top: 59px;
font-size: 15px;
}
}
@media (max-width:1400px) {
.header{
border-bottom:4px solid #030997;
padding:0 3%;
}
.header .logo img{
width: 122px;
}
.header .nav{
margin-top: 30px;
padding-bottom: 8px;
}
.header .nav>li{
font-size: 14px;
padding:0 10px;
}
.header .nav>li>a{
padding: 10px 8px;
}
.header .nav>li:last-child{
margin-left: 20px;
}
.header .nav .down_ul{
top: 50px;
font-size: 14px;
}
}
@media (max-width:1200px) {
body{
padding-top: 91px;
}
.header{
border-bottom:5px solid #030997;
background: #fff;
padding:0 5%;
position: fixed;
top: 0;
left: 0;
width: 100%;
}
.down_btn{
height: 50px;
width: 50px;
background: #a7a7a7;
position: absolute;
right: 20px;
top: 50%;
margin-top: -15px;
border-radius: 8px;
cursor: pointer;
}
.down_btn div{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 70%;
overflow: hidden;
}
.down_btn span{
display: block;
width: 100%;
height: 2px;
margin:8px auto;
background: #ddd;
border-radius: 1px;
transition:all 0.3s;
position: relative;
left: 0;
}
.down_btn .active span:nth-child(1){
left: 2px;
}
.down_btn .active span:nth-child(2){
left: 8px;
}
.down_btn .active span:nth-child(3){
left: 16px;
}
.header .logo img{
display: block;
float: left;
}
.header .nav{
float: none;
margin-top: 0;
padding-bottom: 0;
display: block;
position:absolute;
background: #fff;
width: 100%;
bottom: auto;
top:100%;
left: 0;
padding:20px 0;
overflow-y: scroll;
display: none;
}
.header .nav>li{
float: none;
font-size: 18px;
padding:0 16px;
position: relative;
text-align: center;
margin-bottom: 5px;
}
.header .nav>li>a{
padding: 12px 10px;
display: block;
transition:all 0.3s;
}
.header .nav>li.active>a,.header .nav>li>a:hover{
color: #fff;
background: #030997;
border-radius: 5px;
}
.header .nav>li:last-child{
margin-left: 0px;
}
.header .nav .down_ul{
position:static;
width: 100%;
text-align: center;
left: 0;
background: #efefed;
top: 70px;
font-family: Microsoft YaHei;
font-size: 17px;
display: none;
padding: 5px 0;
margin-top: 3px;
border-radius: 10px;
}
.header .nav .down_ul li{
margin:8px 0;
}
.header .nav .down_ul li a:hover{
text-decoration: none;
color: #030997;
}
}
@media (max-width:768px) {
.header .logo img{
width: 122px;
}
.down_btn{
height: 45px;
width: 45px;
background: #a7a7a7;
position: absolute;
right: 20px;
top: 50%;
margin-top: -20px;
border-radius: 8px;
cursor: pointer;
}
.down_btn div{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 70%;
overflow: hidden;
}
}
/*首页导航结束*/
/*banner开始*/
.bx-wrapper .bx-pager.bx-default-pager a{
height: 20px;
width: 20px;
border-radius: 50%;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{
background: #fff;
opacity: .8;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
bottom: 2.6vw;
}
@media (max-width:768px) {
.bx-wrapper .bx-pager.bx-default-pager a{
height: 5px;
width: 5px;
border-radius: 50%;
}
}
/*banner结束*/
/*首页中枢开始*/
.index_title{
text-align: center;
color: #030997;
margin-top: 60px;
margin-bottom: 55px;
}
.index_title h1{
font-size: 30px;
font-weight: bold;
line-height: 1;
margin-bottom: 5px;
}
.index_title h2{
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
}
.zhushu{
background: #f9f9f9;
padding-bottom: 75px;
}
.zhushu ul{
padding: 0;
}
.zhushu ul img{
display: block;
width: 100%;
}
.zhushu ul .txt_box{
background: #fff;
padding: 15px 15px 60px;
position: relative;
text-align: justify;
}
.zhushu ul li{
padding: 0 7px;
margin-bottom: 25px;
}
.zhushu ul li h1{
font-size: 18px;
font-weight: bold;
color: #000000;
margin-bottom: 8px;
}
.zhushu ul li p{
font-size: 14px;
color: #787878;
margin-bottom: 20px;
}
.zhushu ul li span{
font-size: 14px;
color: #787878;
display: block;
position:absolute;
bottom: 24px;
}
.zhushu ul li span:hover{
color: #030997;
}
@media (max-width:768px) {
.zhushu{
padding: 0;
}
.index_title {
text-align: center;
color: #030997;
margin-top: 35px;
margin-bottom: 25px;
}
.index_title h1{
font-size: 20px;
margin-bottom: 10px;
}
.index_title h2{
font-size: 12px;
}
}
/*首页中枢结束*/
/*首页双手开始*/
.index_sh{
background: url(../images/bg_sh.jpg) no-repeat center top;
background-attachment: fixed;
}
.index_sh:before{
content: ' ';
position: fixed;
display: block;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(../images/bg_sh.jpg) center 0 no-repeat;
background-size: cover;
}
.index_sh li{
height: 670px;
text-align: center;
position: relative;
background: rgba(0,0,0,0.2);
transition:all 0.6s;
}
.index_sh li:nth-child(odd){
background: rgba(0,0,0,0.5);
}
.index_sh li img{
display: block;
margin:0 auto;
max-width: 100%;
}
.index_sh li .inner_box{
position: absolute;
display: block;
width: 100%;
top: 50%;
color: #fff;
transform: translateY(-50%);
}
.index_sh li .inner_box h1{
font-size: 18px;
margin: 15px auto;
}
.index_sh li .inner_box h2{
height: 0;
overflow: hidden;
transition:all 0.6s;
transition-delay:0.2s;
font-size: 12px;
}
.index_sh li:hover{
background: rgba(0,0,0,0.8);
}
.index_sh li:hover h2{
height: 72px;
}
/*首页双手结束*/
/*首页pad开始*/
.index_pad{
padding-top: 7vw;
background: #fff;
}
.index_pad img{
display: block;
width: 100%;
}
.index_pad .mid{
padding: 0;
}
.index_pad h1{
font-size: 18px;
color: #000;
}
.index_pad p{
font-size: 14px;
color: #787878;
}
.index_pad .left{
text-align: right;
}
.index_pad h1{
margin-top: 7.8vw;
margin-bottom: 1.6px;
}
.index_pad .mid{
background: url(../images/bg_pad.jpg) center;
background-attachment: fixed;
}
@media (max-width:992px) {
.index_pad .left{
text-align: left;
}
.index_pad h1{
margin-top: 0vw;
margin-bottom: 1.6px;
}
.index_pad .txt_box{
margin-bottom: 15px;
}
}
/*首页pad结束*/
/*index_slogen开始*/
.index_slogen{
background: url(../images/bg_slogen.jpg) no-repeat top center/cover;
background-attachment: fixed;
padding-top: 130px;
padding-bottom: 130px;
color: #fff;
text-align: center;
font-size: 18px;
margin-top: 8.1vw;
}
.index_slogen img{
display: block;
margin:0 auto 10px;
}
@media (max-width:992px){
.index_slogen li{
margin-bottom: 20px;
}
.index_slogen{
padding: 55px 0;
}
}
/*index_slogen结束*/
/*首页新闻开始*/
.index_news{
background: #f9f9f9;
padding-bottom: 5.7vw;
}
.index_news img{
display: block;
width: 100%;
}
.index_news .txt_box{
background: #fff;
padding: 20px 15px 70px;
position: relative;
}
.index_news .txt_box h1{
font-size: 18px;
font-weight: bold;
color: #000;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.date{
margin-bottom: 10px;
font-size: 14px;
}
.index_news .txt_box p{
color: #787878;
}
.index_news .txt_box h2{
position: absolute;
bottom: 40px;
color: #787878;
}
@media (max-width: 768px) {
.index_news li{
padding: 0;
}
}
/*首页新闻结束*/
/*底部开始*/
footer{
background: #222222;
padding-top: 35px;
padding-bottom: 30px;
color: #e6e6e6;
}
footer .top_l>div{
line-height: 40px;
margin-top: 17px;
background: url(../images/icon_f1.png) no-repeat left center;
padding-left: 50px;
}
footer .top_l>div:nth-child(2){
background: url(../images/icon_f2.png) no-repeat left center;
}
footer .top_l>div:nth-child(3){
background: url(../images/icon_f3.png) no-repeat left center;
}
footer .top_l>div:nth-child(4){
background: url(../images/icon_f4.png) no-repeat left center;
}
footer .fbottom{
text-align: center;
color: #a6a6a6;
margin-top: 50px;
}
@media (max-width: 768px) {
footer{
padding-top: 15px;
}
footer div{
padding: 0;
}
footer .top_l>div{
line-height: 40px;
margin-top: 17px;
background: url(../images/icon_f1.png) no-repeat left center;
padding-left: 45px;
font-size: 13px;
}
footer img{
display: block;
margin:30px auto 0;
}
}
/*底部结束*/
/*新闻页面开始*/
.fenye_box{
background: #f9f9f9;
padding: 0;
}
.sub_banner img{
display: block;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.position{
line-height: 50px;
background: #fff;
}
.news img{
display: inline-block;
width: 100%;
}
.news .img_box{
padding: 0;
}
.news .left li{
background: #fff;
padding-left: 0;
margin-bottom: 30px;
}
.news .left h1{
font-size: 18px;
color: #000;
font-weight: bold;
padding-top: 10px;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.news .left h2{
font-size: 12px;
color: #787878;
}
.news .left h3{
font-size: 13px;
color: #787878;
width: 100%;
overflow: hidden;
-ms-text-overflow: ellipsis;text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-height: 1.7;
}
.news .left h4{
width: 115px;
height: 36px;
text-align: center;
line-height: 34px;
border:1px solid #040a97;
color: #040a97;
font-size: 13px;
margin-top: 15px;
transition:all 0.3s;
}
.news .left li:hover h4{
background: #040a97;
color: #fff;
}
.yema{
display: block;
clear: both;
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
}
.yema li{
display: inline-block;
background: none;
padding:5px 10px!important;
border:1px solid #959595;
margin-right: 2px;
margin-left: 2px;
}
.yema li.thisclass{
background: #040a97;
color: #fff;
border-color:#040a97;
}
.yema .active a,.yema .active {
background: #040a97 !important;
color: #fff;
border-color:#040a97;
}
.yema li:last-child{
display: none;
}
.news .right {
padding: 0;
padding-left: 15px;
}
.news .right h1{
font-size: 18px;
color: #000;
margin-bottom: 25px;
}
.news .right .top{
margin-bottom: 5.7vw;
}
.news .right .top li{
font-size: 18px;
color: #787878;
line-height: 46px;
border-bottom: 1px solid #d2d2d2;
text-indent: 4px;
background: url(../images/icon_right.png) no-repeat right 5px center;
transition:all 0.3s;
}
.news .right .top li:last-child{
border:none;
}
.news .right .top li a{
display: block;
}
.news .right .top li:hover{
background-position: right 25px center;
}
.news .right .bottom li{
border-bottom: 1px solid #c9c9c9;
padding-top: 10px;
padding-bottom: 15px;
color: #787878;
}
.news .right .bottom h2{
font-size: 14px;
}
.news .right .bottom p{
font-size: 12px;
}
.news_con {
padding-top: 30px;
background: #fff;
margin-bottom: 30px;
}
.news_con .title{
text-align: center;
font-size: 18px;
font-weight: bold;
}
.news_con .date{
text-align: center;
font-size: 12px;
color: #787878;
margin-bottom: 20px;
}
.page_np{
padding-bottom: 25px;
padding-top: 25px;
}
.page_np span:nth-child(2){
float: right;
}
@media (max-width:768px) {
.position{
margin-bottom: 20px;
}
.news .left{
padding: 0;
}
.news .left li{
padding-bottom: 20px;
}
.news .left h4{
position: static;
text-align: center;
margin:15px auto 0;
}
.news_con {
padding-right: 5px;
padding-left: 5px;
margin-bottom: 35px;
}
.page_np span{
float:none!important;
display: block;
margin-top: 10px;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
/*新闻页面结束*/
/*关于我们开始*/
.contact_box{
padding: 20px 40px;
background: #fff;
margin-bottom: 60px;
}
.contact_box .row {
background: #fbfdfd;
border:2px solid #ecf0f2;
}
.contact_box .row .col-md-6{
padding: 15px 20px;
border-right: 1px solid #ecf0f2;
border-left: none;
}
.contact_box .row .col-md-6{
border-left: 1px solid #ecf0f2;
border-right: none;
}
@media (max-width:768px) {
.contact_box{
padding: 0;
}
}
/*关于我们结束*/
/*公司介绍开始*/
.intro_box{
background: #fff;
}
.intro_hezuo{
background: #f9f9f9 url(../images/intro2.png);
padding-top: 55px;
padding-bottom: 90px;
}
.intro_yingyong{
padding-top: 40px;
padding-bottom: 75px;
}
.intro_yun{
padding-top: 45px;
padding-bottom: 45px;
background: #f9f9f9;
}
/*公司介绍结束*/
/*团队介绍开始*/
.team li{
margin-bottom: 12px;
color: #010101;
}
.team .img_box{
height: 240px;
width: 100%;
background-size:cover;
background-position:center top;
}
.team h1{
font-size: 18px;
}
.team h2{
font-size: 12px;
}
.team p{
font-size: 12px;
color: #787878;
width: 100%;
overflow: hidden;
-ms-text-overflow: ellipsis;text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.team .text_box{
background: #fff;
padding: 0 10px 30px;
}
.team_d{
background: #fff;
padding-top: 40px;
padding-bottom: 40px;
}
.team_d img{
display: block;
max-width:100%;
}
.team_d h1{
font-size: 18px;
color: #000000;
margin-top: 15px;
}
.team_d h2{
font-size: 14px;
color: #000000;
margin-bottom: 20px;
}
@media (max-width:768px) {
.team li{
padding-right: 5px;
padding-left: 5px;
}
}
/*团队介绍结束*/
/*案例开始*/
.fuwu{
padding-top: 50px;
}
.junfen{
text-align: center;
line-height: 0;
}
.junfen li{
padding: 0;
line-height: 1.7;
}
.junfen>div{
display: inline-block;
}
.junfen img{
display: block;
margin:0 auto 7px;
max-width: 100%;
}
.junfen img:nth-child(2){
display: none;
}
.junfen li .inner{
display:inline-block;
padding:35px 45px 35px;
}
.junfen li.active .inner{
background: #484ca9;
color: #fff;
}
.junfen li.active img:nth-child(2){
display: block;
}
.junfen li.active img:nth-child(1){
display: none;
}
.fuwu .mid{
background: #484ca9;
color: #fff;
padding-top: 50px;
padding-bottom: 50px;
margin-bottom: 35px;
}
.fuwu .mid li{
display: none;
}
.fuwu .mid li.active{
display: block;
}
.fuwu .bottom .b_nav{
text-align: center;
}
.fuwu .b_nav span{
font-size: 18px;
color: #000;
display: inline-block;
margin:0 1vw;
margin-bottom: 18px;
}
.fuwu .b_con{
background: #fff;
padding: 30px;
margin-bottom: 50px;
}
.fuwu .b_con li{
display: none;
}
.fuwu .b_con li.active{
display: block;
}
.fuwu .b_nav span.active{
color: #040a97;
}
.fuwu_title{
text-align: center;
font-size: 24px;
font-weight: bold;
color: #000000;
margin-bottom: 25px;
}
.lvyou_list{
padding-top: 50px;
}
.zhengti{
padding-bottom: 35px;
}
.bg_w{
background: #fff;
padding-top: 25px;
}
.fuwu .mb_0{
margin-bottom: 0;
}
.anli_nav{
text-align: center;
padding-top: 20px;
padding-bottom: 35px;
}
.anli_nav li{
display: inline-block;
padding:5px 10px;
margin:0 10px;
font-size: 19px;
border-radius: 5px;
border:1px solid #ddd;
}
.anli_nav li.active{
border-color: #030997;
background: #030997;
color: #fff;
}
@media (max-width:768px) {
.junfen li{
padding: 0 5px;
margin-bottom: 10px;
}
.junfen li .inner{
display:inline-block;
width: 100%;
}
.fuwu .b_con{
background: #fff;
padding: 5px;
}
.anli_nav li{
display: block;
float: left;
margin: 0;
margin-bottom: 15px;
padding:5px 10px;
font-size: 19px;
width: 50%;
border-radius: 5px;
border:1px solid #ddd;
}
.anli_nav li.active{
border-color: #030997;
background: #030997;
color: #fff;
}
}
/*案例结束*/
.news_img_box{
display: block;
width: 100%;
height: 250px;
background-repeat: no-repeat;
background-position: center;
background-size:cover;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
}