/* 公共样式 */
*{
    margin:0;
    padding:0;
}
.imgBox{
    width: 93%;
    height: 190px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;

}
body{
    font-size:14px;
    font-family:"微软雅黑";   
}
a{
    text-decoration:none;
    color:#000;
}
a:hover{
    color:#000;
    text-decoration: none;
}
li{
    list-style: none;
}
/* 首页开始 */
/* top */
.top_box{
    height:30px;
    color:#fff;
    background-color:#333333;
}
.top_container{
    width:1200px;
    margin:auto;
    overflow: hidden;
}
.top_container>p:first-child{
    float:left;
    line-height:30px;
}
.top_container>p:nth-child(2){
    float:right;
    line-height:30px;
}
.top_container>p:nth-child(2)>span{
    display:inline-block;
    height:20px;
    width:20px;
    background:url("../img/icon_tel.png") no-repeat;
    position: relative;
    top:4px;
    right:4px;
}
/* nav */
.header{
    width:1160px;
    height:80px;
    margin:auto;
    overflow: hidden;
}
.header-left{
    float:left;
}
.header-right{
    float:right;
}
.header-left>a{
    display: inline-block;
    /*font-size: 25px;*/
    font-weight: bold;
    color: rgb(0, 149, 255);
    padding-left: 50px;
    background: url(../img/logo.png) no-repeat left center;
    background-size: 50px;
    margin-top: 7px;
}
.header-left p{
    line-height: 40px;
    font-size: 23px;
}
.header-left span{
    font-size: 13px;
    font-weight: normal;
    /*color: #333;*/
}
.header-right>li{
    float:left;
    line-height:80px;
    margin-right:30px;
    text-align:center;
}
.header-right>li:last-child{
	margin-right:0;
}
.active_on{
    color:#0095FF !important;
}
.active_on>span{
    background-color:#0095FF !important;
}
.header-right>li>a:hover{
    color:#0095FF;
}

/* banner */
.pics_wrap img{
    height:500px !important; 
}
.pics_wrap{
    position: relative;
}
.banner_center{
    position: absolute;;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
}
.banner_center_box{
    display: none;
    height:210px;
    width:600px;
    background-color:rgba(17, 103, 159,0.7);
    position: relative;
    color:#fff;
}
.banner_center_box>h1{
    text-align: center;
    font-size:52px;
    padding-top:25px;
    padding-bottom:15px;
    margin-left:15px;
    margin-right:15px;
    border-bottom:1px solid #fff;
}
.banner_center_box>h1>span{
    color:#FFB200;
}
.banner_center_box>p{
    padding-top:15px;
    margin-left:30px;
    margin-right:30px;
}

.banner_center_box>a{
    display:inline-block;
    height:45px;
    width:150px;
    line-height:45px;
    text-align: center;
    color:#fff;
    background-color:#00FF94;
    border-radius:5px;
    position: absolute;
    bottom:-22px;
    left:50%;
    transform: translate(-50%,0);
}
.banner_center_box>img:first-of-type{
    width:93px !important;
    height:132px !important;
    position: absolute;
    left:-80px;
    top:100px;
}
.banner_center_box>img:nth-of-type(2){
    width:147px !important;
    height:130px !important;
    position: absolute;
    right:-80px;
    bottom:-50px;
}

/* 案例展示 */
.index_case_box{
    width:1130px;
    margin:auto;
    margin-top:60px;
    text-align: center;
}

.index_case_box>h3{
    font-size: 30px;
    text-align: center;
    font-weight:normal;
}
.index_case_box>h3>span{
    font-size: 20px;
    color: rgb(0, 149, 255);
}

.index_case_box>span{
    display:inline-block;
    width:77px;
    height:2px;
    background-color:#0095FF;
    margin-top:10px;
    margin-bottom:10px;
}

.index_case_tp{
    margin-top:40px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.index_case_tp>li{
    width:210px; 
    height:260px;
}
.index_case_tp>li>a{
    display:inline-block;
    width:210px; 
    height:260px;
    overflow: hidden;
    position: relative;
}
.index_case_tp>li>a>img{
    width:210px;
    height:260px;
}
.index_case_tp>li>a>div{
    position: absolute;
    width:210px;
    height:260px;
    left:0;
    top:0;
    background:url("../img/view.png") no-repeat center rgba(14,235,159,0.7);
    z-index: 99;
    display:none;
}
.index_case_tp>li>a>p{
    position: absolute;
    right:0;
    bottom:20px;
    width:170px;
    color:#fff;
    line-height: 40px;
    text-align: left;
    padding-left:10px;
    height:40px;
    z-index:999;
    background:url("../img/icon_right.png") no-repeat 95% center #0095FF;
}
.index_case_tp>li>a:hover>div{
    display:block;
}

/* 产品中心 */
.index_pro_box{
    width:1200px;
    margin:auto;
    margin-top:60px;
    text-align: center;
}

.index_pro_box>h3{
    font-size: 30px;
    text-align: center;
    font-weight:normal;
}
.index_pro_box>h3>span{
    font-size: 20px;
    color: rgb(0, 149, 255);
}
.index_pro_box>span{
    display:inline-block;
    width:77px;
    height:2px;
    background-color:#0095FF;
    margin-top:10px;
    margin-bottom:10px;
}
/* ---- */
.index_pro_list{
    overflow: hidden;
    margin-top:20px;
}
.index_pro_left,.index_pro_right{
    float:left;
}
.index_pro_left{
    width:240px;
    box-sizing: border-box;
    background-color:#F9F9F9;
    padding:40px 20px;
}
.index_pro_left>h3{
    font-size: 20px;
    margin-bottom:20px;
    font-weight:normal;
}
.index_pro_left>ul>li>a{
    display:inline-block;
    width:100%;
    height:48px;
    line-height:48px;
    color:#fff;
    background-color:#0095FF;
    margin-bottom:5px;
}
.index_pro_left>ul>li>a:hover{
    background-color:#FFB200;
}
.index_pro_left>p{
    height:32px;
    font-size: 20px;
    line-height:32px;
    margin-top:45px;
    padding-left:32px;
    background:url("../img/tel-b.png") no-repeat left center;
}


.index_pro_right{
    width:960px;
    box-sizing: border-box;
}
.index_pro_right>ul>li{
    box-sizing: border-box;
    float:left;
    width:228px;
    height:255px;
    border:1px solid #ccc;
    margin-left:10px;
    margin-bottom:10px;
}
.index_pro_right>ul>li>a{
    display:inline-block;
    text-align: center;
    margin-top:30px;
}
.index_pro_right>ul>li>a>img{
    width:180px;
    height:160px;
}
.index_pro_right>ul>li>p{
    margin-top:20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index_pro_right>ul>li:hover{
    border:1px solid #0095FF;
}

/* 关于我们 */
.index_about_box{
    height:460px;
    margin-top:50px;
    background:url("../img/index-bg.jpg") no-repeat;
}
.index_about_container{
    width:1000px;
    margin:auto;
    text-align: center;
}
.index_about_container>h3{
    font-size: 30px;
    text-align: center;
    font-weight:normal;
    color:#fff;
    padding-top:60px;
}
.index_about_container>h3>span{
    font-size: 20px;
    color: rgb(0, 149, 255);
}
.index_about_container>span{
    display:inline-block;
    width:77px;
    height:2px;
    background-color:#0095FF;
    margin-top:10px;
    margin-bottom:10px;
}
.about_z{
    margin-top:30px;
    color:#fff;
}
.about_z>p{
    line-height:28px;
    margin-bottom:30px;
}
.about_z>p>a{
    display:inline-block;
    height:40px;
    width:150px;
    text-align: center;
    line-height:40px;
    color:#fff;
    background-color:#0095FF;
    border-radius:5px;
    transition: all 0.5s;
}
.about_z>p>a:hover{
    background-color:#FFB200;
}

/* 新闻动态 */
.index_news_box{
    width:1110px;
    margin:auto;
    margin-top:60px;
    text-align: center;
}

.index_news_box>h3{
    font-size: 30px;
    text-align: center;
    font-weight:normal;
}
.index_news_box>h3>span{
    font-size: 20px;
    color: rgb(0, 149, 255);
}
.index_news_box>span{
    display:inline-block;
    width:77px;
    height:2px;
    background-color:#0095FF;
    margin-top:10px;
    margin-bottom:10px;
}


.index_news_container{
    overflow: hidden;
    margin-top:20px;
    margin-bottom:50px;
}

.index_news_left,.index_news_right{
    float:left;
}
.index_news_left{
    width:320px;
    height:320px;
    overflow: hidden;
    position: relative;
}
.index_news_left>img{
    width:320px;
    height:320px;
}
.index_news_left>p{
    position: absolute;
    right:0;
    bottom:20px;
}
.index_news_left>p>a{
    display:inline-block;
    height:30px;
    width:150px;
    color:#fff;
    background-color:#0095FF;
    line-height:30px;
    transition:all 0.5s;
}
.index_news_left>p>a:hover{
    background-color:#FFB200;
}

.index_news_right{
    margin-left:35px;
}
.index_news_right_top{
    overflow: hidden;
    margin-top:15px;
    width:755px;
    padding-bottom:25px;
    border-bottom:1px dotted #ddd;
}
.index_news_right_top>div{
    float:left;
}
.index_news_right_top>div:first-child>a>img{
    width:130px;
    height:90px;
}
.index_news_right_top>div:nth-child(2){
    text-align: left;
    margin-left:10px;
}
.index_news_right_top>div:nth-child(2)>h3>a{
    font-size:18px;
    font-weight:normal;
}
.index_news_right_top>div:nth-child(2)>p{
    font-size:12px;
    margin-top:5px;
    color: #7D7D7D;
}
.index_news_right_top>div:nth-child(2)>p>a{
    color:#FFB200;
}
.index_news_right_top>div:nth-child(3){
    float:right;
    margin-top:50px;
    font-size:12px;
    color:#0095FF
}

.index_news_ul{
    padding-top:30px;
}
.index_news_ul>li{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height:32px;
    line-height:32px; 
}
.index_news_ul>li>a{
    color: #666666;
    font-size: 12px;
    max-width:650px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index_news_ul>li>a:hover{
    color:#0095FF;
}

.index_news_ul>li>span{
    color:#0095FF;
    font-size:12px;
}

/* foot */
.foot{
    height:135px;
    background-color:#333333;
}
.foot_box{
    width:1165px;
    margin:auto;
    height:135px;
    overflow: hidden;
}
.foot_box>div:first-child,.foot_box>div:nth-child(2){
    float:left;
}
.foot_box>div:nth-child(3){
    float:right;
}
.foot_box>div:first-child{
    margin-top:50px;
}

.foot_box>div:nth-child(2){
    margin-left:25px;
}
.foot_box>div:nth-child(2)>h3{
    font-size: 18px;
    margin-top:30px;
    font-weight:normal;
    color: rgb(0, 149, 255);
}
.foot_box>div:nth-child(2)>p:first-of-type{
    margin-top:12px;
    margin-bottom:12px;
}
.foot_box>div:nth-child(2)>p:first-of-type>a{
    color:#fff;
}
.foot_box>div:nth-child(2)>p:first-of-type>a:hover{
    color:#0095FF;
}
.foot_box>div:nth-child(2)>p:first-of-type>a:hover>span{
    background-color:#0095FF;
}
.foot_box>div:nth-child(2)>p:first-of-type>a>span{
    display:inline-block;
    width:5px;
    height:5px;
    border-radius:100%;
    background-color:#fff;
    margin-left:12px;
    margin-right:12px;
    position: relative;
    top:-2px;
}
.foot_box>div:nth-child(2)>p:nth-of-type(2){
    color:#fff;
    font-size:12px;
}
.foot_box>div:nth-child(2)>p:nth-of-type(2)>span{
    display:inline-block;
    margin-right:10px;
}

.foot_box>div:nth-child(3){
    overflow: hidden;
}
.foot_box>div:nth-child(3)>img,.foot_box>div:nth-child(3)>div{
    float:left;
}
.foot_box>div:nth-child(3)>img{
    width:100px;
    height:100px;
    margin-top:17px;
}
.foot_box>div:nth-child(3)>div{
    margin-top:50px;
    margin-left:10px;
    color:#fff;
    font-size:12px;
}
.foot_box>div:nth-child(3)>div>p{
    margin-bottom:10px;
}
/* 首页结束 */


/* 关于我们页开始 */
.lanmu_box{
    background-color:#F9F9F9;
}
.lanmu_con{
    height:40px;
    width:1145px;
    margin:auto;
    position: relative;
}
.lanmu_left,.lanmu_right{
    float:left;
}
.lanmu_left{
    width:240px;
    height:80px;
    color:#fff;
    text-align: center;
    background-color:#0095FF;
    position: absolute;
    bottom:0;
}
.lanmu_left>p:first-child{
    font-size:24px;
    margin-top:15px;
}
.lanmu_left>p:nth-child(2){
    font-size:16px;
}
.lanmu_right{
    margin-left:250px;
    line-height:40px;
}
.lanmu_right a{
    color:#666666;
}
/* 主体部分 */
.about_box{
    width:1145px;
    margin:auto;
    overflow: hidden;
    margin-bottom:30px;
}
.about_left{
    width:240px;
    overflow: hidden;
}
.left_side{
    margin-top:10px;
    padding:25px 20px 45px 20px;
    background-color:#F9F9F9;
    border-bottom:1px solid #000;
}

.left_side>li>a{
    display:inline-block;
    width:100%;
    height:62px;
    color:#fff;
    background-color:#333333;
    margin-bottom:5px;
    text-align: center;
    line-height:62px;
}
.active_active{
    background-color:#0095FF !important;
}
.left_side>li>a:hover{
    background-color:#0095FF !important;
}
/* ---- */
#swiper1{
    margin-top:10px;
    width:240px;
    height:260px;
}
#swiper1 img{
    width:240px;
    height:260px;
}
#swiper1 .swiper-slide{
    position: relative;
}
#swiper1 .swiper-slide>div{
    position: absolute;
    bottom:30px;
    width:100%;
    height:58px;
    color:#fff;
    background-color:rgba(0, 0, 0, 0.5);
}
#swiper1 .swiper-slide>div>a{
    display:inline-block;
    width:100%;
    height:100%;
    padding-left:10px;
    box-sizing: border-box;
    padding-right:10px;
}
#swiper1 .swiper-slide>div>a>p:first-child{
    font-size:16px;
    color:#fff;
    margin-top:8px;
    margin-bottom:4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#swiper1 .swiper-slide>div>a>p:nth-child(2){
    color:#fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#swiper1 .swiper-pagination{
    height:30px;
    background-color:#000000;
    bottom:0;
    text-align: right;
}
#swiper1 .swiper-pagination .swiper-pagination-bullet{
    width:20px;
    height:20px;
    color:#fff;
    background-color:#444444;
    border-radius:0;
    text-align: center;
    line-height:20px;
    margin-top:5px;
    opacity: 1;
}
#swiper1 .swiper-pagination .swiper-pagination-bullet-active{
    background-color:#FFB200;
}
/* ----------- */
.about_left,.about_right{
    float:left;
}
.about_right{
    width:900px;
    box-sizing: border-box;
    padding-left:50px;
    margin-top:35px;
}
.about_right>div{
    margin-top:30px;
}
.about_right p{
    line-height:30px;
}
/* 关于我们页结束 */

/* 服务展示页开始 */
.service_right{
    float:left;
    width:900px;
    box-sizing: border-box;
    padding-left:50px;
    margin-top:35px;
}
.service_list_ul{
    overflow: hidden;
}
.service_list_ul>li{
    float:left;
    width:190px;
    height:220px;
    border:1px solid #ccc;
    margin-left:15px;
    margin-bottom:15px;
    text-align: center;
}
.service_list_ul>li>a{
    display:inline-block;
}
.service_list_ul>li img{
    margin-top:15px;
    margin-bottom:20px;
    width: 100%;
    height: auto;
}
.service_list_ul>li:hover{
    border:1px solid #0095FF;
}

.service_list_ul>li p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 分页 */
.pager{
    margin-top:30px;
    text-align: center;
}
.pager>a{
    display:inline-block;
    border:1px solid #ddd;
    padding:2px 6px;
    margin-left:5px;
}
.page_on{
    color:red;
    border:1px solid transparent !important;
}

/* 服务展示页结束 */

/* 服务展示内页开始 */
.active-nav img{
    border:1px solid #000;
}
.service2_right_box{
    text-align: center;
}
.service2_right_box>h2{
    font-size: 28px;
    margin-bottom:85px;
}
.suo_box{
    display: none;
    width:300px;
    margin:auto;
}
.view{
    margin-bottom:50px;
}
.preview{
    position:relative;
    padding-left:30px;
    padding-right:30px;
}
.preview .swiper-container{
    overflow: hidden;
}
.preview .swiper-button-prev{
    left:0px;
}
.preview .swiper-button-next{
    right:0px;
}
.preview img{
    max-width:100%;
}
.swiper-button-prev{
    width:23px;
    height:52px;
    top:40%;
    background:url("../img/an1L.gif") no-repeat;
}
.swiper-button-next{
    width:23px;
    height:52px;
    top:40%;
    background:url("../img/an1R.gif") no-repeat;
}
.preview .swiper-slide{
    width:23px;
    height:52px;
}
.preview .swiper-container{
    padding-left:5px;
    padding-right:5px;
}
/* -------- */
.wenzi_service2_div{
    margin-top:50px;
    text-align: left;
    color:#666666;
}
.top_and_bottom{
    text-align: left;
    margin-top:30px;
    
}
.top_and_bottom a{
    color:#666666;
}
/* 服务展示内页结束 */
/* 新闻资讯页开始 */
.news_ul>li{
    padding-bottom:5px;
    border-bottom:1px solid #ddd;
}
.news_ul>li>h4>a{
    font-size:14px;
    font-weight:normal;
}
.news_ul>li>span{
    font-size:12px;
    color:#6666;
    margin-top:5px;
    margin-bottom:5px;
}
.news_ul>li>p{
    font-size:12px;
    color:#666666;
}
.news_ul>li>h4{
    margin-top:20px;
}
.news_ul>li>h4{
    margin-top:20px;
}
.news_ul>li>h4>a:hover{
    color:#0095FF;
}
/* 新闻资讯页结束 */
/* 新闻内页开始 */
.news2_div>h3{
    font-size:24px;
    text-align:center;
    font-weight:normal;
}
.fen_x{
    overflow: hidden;
    margin-top:30px;
    margin-bottom:30px;
    display: flex;
    justify-content: center;
}

.fen_x>p>span:not(:last-child){
    display:inline-block;
    margin-right:30px;
}
.fen_x>p{
    color:#5A5A5A;
}
.bdsharebuttonbox{
    position: relative;
    top:-5px;
}
.news2_div>p{
    color:#5A5A5A;
    line-height:28px;
}

.p_n{
    margin-top:30px;
}
.p_n a{
    color:#5A5A5A;
}

/* 新闻内页结束 */
/* 在线留言页开始 */
.liuyan_div>form>p>span{
    display:inline-block;
    margin-right:10px;
}
.liuyan_div>form>p{
    margin-bottom:20px;
}
.liuyan_div>form>p>input{
    width:250px;
    height:30px;
    border:1px solid #ddd;
}
.liuyan_div>form>p>textarea{
    width:450px;
    height:100px;
    border:1px solid #ddd;
}
.liuyan_div>form>p>button{
    height:40px;
    width:150px;
    color:#fff;
    cursor: pointer;
    background-color:red;
    border:none;
}
/* 在线留言页结束 */
/* 联系我们页开始 */
.contact_container>h2{
    font-size:24px; 
    color:#0095FF;
    font-weight:normal;
    margin-bottom:30px;
}
.contact_container>p{
    margin-bottom:15px;
    font-size:16px;
}
.contact_container>p:last-child{
    margin-bottom:50px;
}
.map_box{
    padding-top:50px;
    border-top:1px dotted #ddd;
}

/* 联系我们页结束 */


/* 解决方案页开始 */
.solve_box{
    border:1px solid #ddd;
    padding:20px;
    overflow: hidden;
}

.solve_box>div:first-child{
    width:400px;
    overflow: hidden;
    float:left;
}
.solve_box>div img{
    width:400px;
}
.solve_box>div:nth-child(2){
    width:400px;
    float:right;
}

/* 解决方案页结束 */