﻿.aboutUs-bg{background: url(../images/indexabout.jpg) no-repeat center bottom;}
.About-titleBox p{font-size: 16px;color: rgb(142, 142, 142);}
.About-titleBox .title{color: rgb(0, 0, 0);letter-spacing: 1px;}
.About-titleBox .title span{color: rgb(10, 39, 153);}
.About-titleBox .line{height:2px;width:50px;background:#2f3569;}
.aboutUs-bg .content{line-height: 2;color: rgb(142, 142, 142);}
.aboutUs-bg .hrefBtn{margin-top:30px;}
.aboutUs-bg .hrefBtn a{display: inline-block;line-height: 34px;text-align: center;border-radius: 30px;background-color: #2f3569;color: #fff;border: 1px solid #fff;transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;margin-right: 30px;}
.aboutUs-bg .hrefBtn a:hover{background-color: rgba(255,255,255,1);border-color: #2f3569;color: #2f3569;}
.aboutUs-bg .marqueelefts.about-Marqueelefts li{width:260px;}
.aboutUs-bg .marqueelefts.about-Marqueelefts li .pic{width: 260px;}
.home-product{background:#fff;}
.about-All-title{text-align: center;}
.about-All-title .title{letter-spacing: 1px;color: rgb(0, 0, 0);}
.about-All-title .title span{color: rgb(10, 39, 153);}
.about-All-title .line{width:52px;height:2px;background:#2f3569;}

@media(min-width:1000px) {
.aboutUs-bg{padding:70px 0;}
.aboutUs-bg .sy_mk{padding-top:106px;}
.About-titleBox .line{margin: 15px 0 30px;}
.aboutUs-bg .hrefBtn a{width: 140px;}
.About-titleBox .title{font-size: 24px;}
.aboutUs-bg .content{font-size: 15px;}
.home-product{padding:40px 0 60px;}
.about-All-title .title{font-size: 26px;}
.about-All-title .line{margin:15px auto 20px;}
}
@media(max-width:1000px){
.aboutUs-bg{padding:30px 0;}
.About-titleBox .line{margin: 15px 0;}
.aboutUs-bg .sy_mk{padding-top:30px;}
.aboutUs-bg .hrefBtn a{padding:0 15px;}
.About-titleBox .title{font-size: 20px;}
.home-product{padding:30px 0;}
.about-All-title .title{font-size: 20px;}
.about-All-title .line{margin: 10px auto 20px;}
}



.Index-subNav-box .sub-nav>ul>li{text-align:center;display: inline-block;}
.Index-subNav-box .sub-nav>ul>li>ul{position:absolute;}
.Index-subNav-box .sub-nav>ul>li>a{background: #2f3569;border: 1px solid #2f3569;border-radius: 30px;color:#fff;}
.Index-subNav-box .sub-nav >ul>li.active >a{background-color: #27c940;color: #fff;}
.Index-subNav-box .sub-nav li:hover> ul{display:block;}
.Index-subNav-box .sub-nav> ul > li > ul::before {display:block;margin:0px auto;text-align: center;position:absolute;top:-8px;left: 45%;content: "";width: 0;height: 0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom: 8px solid #ed8e82;}
.Index-subNav-box .sub-nav> ul > li > ul li ul::before{display:block;margin:0px auto;text-align: center;position:absolute;top:20px;left:-10px;content: "";width: 0;height: 0;border-bottom:5px solid transparent;border-right:5px solid transparent;border-top: 5px solid transparent;border-left: 5px solid #fff;}
.Index-subNav-box .sub-nav ul li ul li a{display:block;width:100%;text-align:center;color:#fff;line-height:50px} 
.Index-subNav-box .sub-nav ul li ul li a:hover{text-decoration:none;color:#fff;background:rgba(0, 0, 0, 0.1);}

.Index-subNav-box .sub-nav ul li{position:relative;}
.Index-subNav-box .sub-nav ul li .arrow{display:none}
.Index-subNav-box .sub-nav ul li ul{background-color:#ed8e82;display:none;position:absolute;left:0;z-index:2;width:100%;} /*二级ul样式*/
.Index-subNav-box .sub-nav ul li ul li ul{left:100%;top:0px; display:none;}/*三级以后ul样式*/

@media screen and (min-width:1000px){
.Index-subNav-box{margin:0px auto 50px;text-align: center;}
.Index-subNav-box .sub-nav>ul>li>a{padding: 0px 40px;font-size: 14px;margin: 0 4px;line-height: 38px;display: block;}
.Index-subNav-box .sub-nav >ul>li.active >a{font-weight:bold;}
}
@media screen and (max-width:1000px){
.Index-subNav-box{padding-left:10px;padding-right:10px;}
.Index-subNav-box .sub-nav>ul>li{margin-right: 10px;}
.Index-subNav-box .sub-nav>ul>li>a{width: 100%;height: 34px;display: inline-block;font-size: 13px;overflow: hidden;}
.Index-subNav-box .sub-nav ul li{width:46%;line-height: 34px;}
.Index-subNav-box .sub-nav ul li ul li,.Index-subNav-box .sub-nav ul li ul::before{display:none;}
}



/*首页-我们的4大优势*/
@media(min-width:1000px) {
.index-superiority{padding:30px 0 40px;}
.index-superiority .HomeTitle .cn1{font-size:30px;}
.index-superiority .HomeTitle .cn2{font-size:20px;}
.index-superiority li .boxs .img1{max-height:150px;width:100%;}

}
@media(max-width:1000px){
.index-superiority{padding:30px 0;}
.index-superiority .HomeTitle .cn1{font-size:20px;}
.index-superiority .HomeTitle .cn2{font-size:16px;}

}
.index-superiority{background:#000;}
.index-superiority .HomeTitle{text-align: center;color:#fff;}
.index-superiority .HomeTitle .cn1 span{color:#0093ff;}
.index-superiority .HomeTitle .line{width:52px;height:2px;background:#2f3569;margin:15px auto;}

.index-superiority li .boxs{background-color:#fff;}
.index-superiority li .boxs .num{display:inline-block;width:70px;height:70px;line-height:70px;color:#fff;font-size: 30px;border-radius:40px;font-style: italic;margin-top: -30px;transition:.3s linear;cursor:pointer;}
.index-superiority li .boxs .num1{background-color:#2f3569;}
.index-superiority li .boxs .num1:hover{background-color:#ff9900;}
.index-superiority li .boxs .num2{background-color:#ff9900;}
.index-superiority li .boxs .num2:hover{background-color:#2f3569;}
.HomeTitle-more{text-align:center;}
.HomeTitle-more span{display: inline-block;line-height: 34px;text-align: center;border-radius: 30px;color: rgb(255, 153, 0);transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;border: 1px solid #fff;padding: 0 20px;margin-top: 30px;font-style: italic;}
.index-newsBox{background:#fff;}

/*首页-新闻动态*/


@media(min-width:1000px) {
.HomeTitle-more span{font-size: 17px;}
.index-newsBox{padding:40px 0 60px;}
.index-partner{padding:40px 0 60px;margin-bottom: -70px;}
.news-listIndex .row .date{width: 68px;height: 66px;}
.news-listIndex .row .title a{font-size:18px;}
.news-listIndex .title .time{font-size:15px;}
.news-listIndex .row .date li:first-child{font-size: 24px;line-height:4.px;}
.news-listIndex .row .date li:last-child{font-size: 13px;}
.index-newsBox .contentBox{margin-top:50px;}
.index-newsBox .contentBox .leftBox .title{font-size: 18px;padding-top:10px;}
.index-newsBox .contentBox .leftBox .date{margin:7px 0;}
}
@media(max-width:1000px){
.HomeTitle-more span{font-size: 14px;}
.index-newsBox{padding:30px 0;}
.index-partner{padding:30px 0;margin-bottom: -50px;background: #f5f5f5;}
.news-listIndex .row .date{width: 60px;height: 60px;}
.news-listIndex .row .date li:first-child{font-size: 24px;height: 38px;line-height: 38px;}
.news-listIndex .row .date li:last-child{font-size: 13px;}
.news-listIndex .row{padding: 10px 0 24px;}
.news-listIndex .left{padding-left:0;}
.news-listIndex .row .right{padding-left:0;padding-right:0;}
.index-newsBox .contentBox{margin-top:30px;}
.index-newsBox .contentBox .leftBox .title{font-size: 18px;padding-top:5px;}
.index-newsBox .contentBox .leftBox .date{margin:5px 0;}
.index-newsBox .contentBox .leftBox>div{margin-bottom:15px;}
}
.news-listIndex .row{border-bottom: 1px solid #ececec;overflow: hidden;margin-bottom: 10px;padding-bottom: 10px;}
.news-listIndex .row .title{transition: all .5s ease;}
.news-listIndex .row .date{background: #cee0eb;text-align: center;color: #666;transition: all .1s ease;}
.news-listIndex .row .date li:first-child{font-weight: bold;}
.news-listIndex .row .title p{padding-top: 2px;color: #999999;line-height:22px;}
.news-listIndex .row:hover .title a{color: #2f3569;}

.index-newsBox .contentBox .leftBox{margin:0 -15px;}
.index-newsBox .contentBox .leftBox .title{color: #333333;}
.index-newsBox .contentBox .leftBox .date{color: #929292;}
.index-newsBox .contentBox .leftBox .card3{color: #999999;font-size:14px;line-height:2;height: 82px;}
.index-newsBox .contentBox .leftBox .imgBox{overflow: hidden;display: block;}
.index-newsBox .contentBox .leftBox .imgBox img{transition: all .5s;}
.index-newsBox .contentBox .leftBox .imgBox img:hover{transform: scale(1.1);}

.index-partner .marqueelefts.about-Marqueelefts li .pic{width:200px;}
.index-partner .marqueelefts.about-Marqueelefts li{width:200px;}






.banners{display: flex;justify-content: center;align-items: center;clear: both;}
.pics_wrap .font-box .container{height:100%;display:flex;justify-content:center;align-items:center;color:#fff;}
.html5zoo-arrow-right-0,.html5zoo-arrow-left-0{display:none!important;}
.pics_wrap .font-box .font1{color:#8e99ff; /* text-shadow: 
    -1px -1px 0 #fff,  
    1px -1px 0 #fff,
    -1px  1px 0 #fff,
    1px  1px 0 #fff; */}

.lookmore li{display:inline-block;}
.lookmore li a{color: #2f3569;border-radius: 30px;}
.lookmore li a.more1{background-color: rgba(255,255,255,1);margin-right:20px;}
.lookmore li a.more1:hover{background-color:#2f3569;color:#fff;}
@media(min-width:992px){
.xbanner li img{height:300px;width: 100%;}
.pics_wrap .font-box{width:calc(100% - 140px);height:calc(100% - 100px);position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);}
.pics_wrap .font-box .font1{font-weight:bold;font-size: 26px;line-height: 1;}
.pics_wrap .font-box .font2{font-weight:bold;font-size:34px;}

.lookmore{margin-top: 26px;}
.lookmore li a{padding: 6px 0;width: 150px;display: inline-block;text-align: center;}
}
@media(max-width:992px){
.pics_wrap .font-box .font1{font-size:26px;}
.pics_wrap .font-box .container{justify-content:center;}
.xbanner li img{height:auto;width: 100%;}
.pics_wrap .font-box{width:calc(100% - 140px);height:calc(100% - 100px);position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);}

.lookmore{margin-top: 40px;text-align:center;}
.lookmore li a{padding: 14px 45px;}
}
@media(max-width:468px){
.pics_wrap .font-box .imgbox img{display:none;}
.pics_wrap .font-box{width:100%;}    
.pics_wrap .font-box .font1{font-size:18px;font-weight:bold;}
.pics_wrap .font-box .font2{padding-top:4px;}
.pics_wrap .html5zoo-nav-0{display:none!important;}
.pics_wrap .font-box .container{justify-content:center;}
.xbanner li img{min-height:120px;width: 100%;}
.xbanner .pics_wrap img{min-height: 150px;}
.pics_wrap .font-box{height:calc(100% - 100px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.lookmore{margin-top: 20px;text-align:center;}
.lookmore li a{padding: 8px 20px;}
}


.pagination > li.on > a{
    background: #2f3569;
    color: #ffffff;

}