@charset "utf-8";
/* CSS Document */

body{font-family:微软雅黑;margin:0;overflow-x:hidden;background: #fff;}
p,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,form,table{margin:0;padding:0;}
a,img{border:none;/*兼容ie浏览器*/}
img{vertical-align:middle;border:0;}
li{list-style:none;}
h1{font-size: 30px}
/*p{line-height: 30px;}*/
i,em{font-style:normal;}
a{text-decoration:none;color:#000000;border:0;}
a:link{text-decoration:none;color:#000000;}
a:visited{text-decoration:none;color:#000000;}
a:hover{text-decoration:none;color:#000000;}
a:active{text-decoration:none;color:#000000;}
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;clear: both;height: 0;line-height: 0;border: none;}
.row{margin-right: 0;}
.container{margin: 0;padding: 0;border: 0;}
.box-main{width: 1260px;margin:0 auto;max-width: 97%;}

/*top*/
.top{background:#eaeaea;}
.top-main{display: flex;justify-content: space-between;line-height:50px;}

/*companyName*/
.companyName-main{display: flex;justify-content: space-between;padding:25px 0;}
.companyName-main p span{display: block;}
.companyName-main p:nth-child(1){font-size:40px;color:#000;font-weight:bold;}
.companyName-main p:nth-child(1) span{font-size:15px;font-weight:normal;color:#000;}
.companyName-main div{display: flex;align-items: center;}
.companyName-main div p{font-size:34px;color:#e97913;line-height:30px;margin-left:10px;}
.companyName-main div p span{line-height:15px;margin-bottom:3px; font-size:14px; color:#333;}

/*nav*/
.nav{background: #01509b;}
.nav-main ul{display: flex;justify-content: space-between;}
.nav-main li{width:17%;text-align: center;position: relative; background: url("../images/nav-bor_03.jpg") right center no-repeat;}
.nav-main li>a{color:#fff;font-size:16px;display: block;width:100%;line-height:50px;padding:5px 0;}
.nav-main li a img{float: right;vertical-align: middle;}
.nav-main li .nav-home{float: none;margin-right:25px;}
.nav-main li:hover{background: #0172c2;}
.active00{background: #0172c2; padding:5px 0px;}
.nav-fl{position: absolute;top:60px;width:280%;display: none;z-index: 999;}
.nav-fl-left{background: #ededed;width:30%;padding:0 10px;}
.nav-fl-left a{display: block;color:#666;line-height:44px;border-bottom:1px solid #ccc;}
.nav-fl-right{width:70%;background: #fff;padding:22px 30px;text-align: center;}
.nav-fl-right a{color:#333;display: block;margin:15px 0;}
.nav-fl-right p{font-size:13px;color:#666;text-align: left;}
.nav-main li:hover .nav-fl{display: flex;}
.nav-fl-right img{width:100%;}
.nav-main li:last-child .nav-fl{left:-80%;}



/*newsCenter*/
.newsCenter{margin-top:55px;}
.newsCenter-bt{text-align: center;background: url("../images/news-bt-back_16.png") no-repeat;background-size: 100% 100%;width: 55%;margin:0 auto;padding-top:80px;}
.newsCenter-bt p{font-size:22px;color:#727272;line-height:25px;padding-left:10px;}
.newsCenter-bt p span{font-size:15px;color:#727272;display: block;line-height:22px; text-transform:uppercase;}
.newsCenter-tab-btn{display: flex;justify-content: center;margin-top:35px;}
.newsCenter-tab-btn p{line-height:40px;color:#363636;font-size:16px;padding:0 55px;cursor: pointer;background: #f2f1f7;}
.newsCenter-tab-btn p:nth-child(2){margin-left:5px;}
.newsCenter-tab-btn .newsCenter-tab-btn-col{background: #0172c2;color:#fff;}
.newsCenter-bottom{margin-top:60px;}
.newsCenter-tab{justify-content: space-between;/*align-items: flex-end;*/display: none;}
.newsCenter-left{width:39%;}
.newsCenter-left img{width:100%;}
.newsCenter-right{width:57%;}
.titlea{ width:100%;line-height: 40px;height: 40px; display:block;}
.newsCenter-right-first a span:nth-child(1){font-size:15px;}
.title{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;width: 80%;float: left;}
.newsCenter-right-first a span:nth-child(2){font-size:15px;color:#888;float: right;}
.newsCenter-right-first p{color:#666;line-height:24px;margin:10px 0px 5px 0px;}
.newsCenter-right-first .newsCenter-right-first-more{font-size:14px;color:#f4940c;display: inline-block;border:2px solid #f4940c;line-height:35px;padding:0 28px;margin-top:15px;}
.newsCenter-right-bottom{margin-top:10px;padding-bottom:5px;}
.newsCenter-right-bottom p{display: flex;justify-content: space-between;line-height:48px;border-bottom:1px dashed #e3e3e3;}
.newsCenter-right-bottom p a{font-size:15px;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
width: 80%;
float: left;}
.newsCenter-right-bottom p span{padding-left:10px;font-size:15px;color:#888;}
.newsCenter-tab-flex{display: flex;}

/*company*/
.company{margin-top:45px;}
.company-top{background: #f7f7f7;text-align: center;padding:40px 0;}
.company-top p:nth-child(1){font-size:22px;font-weight:bold;}
.company-top p:nth-child(1) span{font-size:20px;font-weight: normal;}
.company-bottom{display: flex;justify-content: space-between;margin-top: 20px}
.company-bottom-left{width: 75%;border:1px solid #d4d4d3;display: flex;padding: 10px;align-items: center;}
.company-text{line-height: 40px;margin-left: 20px;}
.company-bottom-right{width: 23%;}
.company-bottom-right a{display: block;width: 100%;height:48%;border: 1px solid #d4d4d3;position: relative;}
.company-bottom-right a img{width: 100%;height: 100%;}
.company-bottom-right a:nth-child(1){margin-bottom: 4%;}
.company-bottom-right p{font-size: 28px;color: #c60f0b;position: absolute;top:15px;right:15px;font-weight: bold;-webkit-text-stroke: 1px #fff;}
.company-bottom-right a:nth-child(2) p{right:auto;left:15px;}

/*cases*/
.cases{background: url("../images/cases-back_39.jpg") no-repeat;background-size:100% 100%;padding:40px 0 55px;margin-top:35px;}
.cases-bt{text-align: center;background: url("../images/cases-bt-back_39.png") no-repeat;background-size: 100% 100%;width: 55%;margin:0 auto 25px;padding-top:90px;}
.cases-bt p{font-size:22px;color:#f4940c;line-height:25px;padding-left:10px;}
.cases-bt p span{font-size:15px;color:#f4940c;display: block;line-height:22px; text-transform:uppercase;}
#jswbox{width:100%;height:360px;margin:0 auto;position:relative;overflow: hidden;}
#jswbox ul{position:relative;height:450px;width: 90%;margin:0 auto;}
#jswbox li{position:absolute;width:0;height:0;z-index:0;cursor:pointer;overflow:hidden;top:0;left:10px;}
#jswbox li img{width:100%;height:100%;vertical-align:top;float:left;}
#jswbox .prev{background: url("../images/cases-prev_45.png") no-repeat;width:38px;height:38px;border:none;position: absolute;top:50%;left:0;z-index: 99;}
#jswbox .next{background:url("../images/cases-next_45.png") no-repeat;width:38px;height:38px;border:none;position: absolute;right:0;top:50%;z-index: 99;}
.lb_text{width: 100%;z-index: 9999;position: absolute;background:rgba(0,0,0,0.5);bottom: 0;}
.lb_text p{font-size:15px;color:#fff;width:80%;margin:20px auto;line-height:30px;overflow: hidden;
/*white-space: nowrap;*/
/*text-overflow: ellipsis;*/
/*display: block;*/
width: 100%;
float: left; padding:0px 20px;}

/*office*/
.office{margin-top:40px;}
.office-bt{text-align: center;width: 55%;margin:0 auto 30px;}
.office-bt img{width:100%;}
.office-bt p{font-size:22px;color:#727272;line-height:25px;padding-left:10px;}
.office-bt p span{font-size:15px;color:#727272;display: block;line-height:20px; text-transform:uppercase;}
.office-box>a img{width:100%;}
.office-box-text{background: #0172c2;padding:20px;}
.office-box-text a{color:#fff;font-size:18px;font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;width: 100%;float: left; margin-bottom:10px;}
.office-box-text p{color:#fff;line-height:25px;margin-top:8px;}
.swiper-button-next{z-index: 999;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{width:44px;height:45px;background: url("../images/office-next_52.png") no-repeat;background-size: 100% 100%;content: '' !important;padding:22px;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{width:44px;height:45px;background:url("../images/office-prev_52.png") no-repeat;background-size: 100% 100%;content: '' !important;padding:22px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:8px!important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:8px!important;}
/*footer*/
.footer{background: #01509b;margin-top:55px;padding:37px 0 90px;}
.footer-main{display: flex;justify-content: space-between;}
.footer-left{width:20%;}
.footer-left>p{color:#fff;font-size:30px;vertical-align: middle;line-height:30px; text-transform:uppercase;}
.footer-left>p span{font-size:18px;color:#fff;display: inline-block;vertical-align: middle;}
.footer-left-box{margin-top:40px;}
.footer-left-box p{color:#92bdff;line-height:30px;}
.footer-right{width:100%;display: flex;justify-content: space-between;}
.footer-right p{width:12%;text-align: center;}
.footer-right a{display: block;color:#6ea7ff;background: url("../images/footer-sanjiao_36.png") no-repeat left center;border-bottom:1px solid #2669b0;line-height:35px;}
.footer-right p a:nth-child(1){border:0;font-size:15px;color:#fff;position: relative;background: url("../images/footer-yuan_54.png") no-repeat left center;}
.footer-right p a:nth-child(1) span{color:#92bdff;float: left;font-size:18px;position: absolute;left:0;}
.iBottom{background: #333;padding:20px 0;}
.iBottom-main{display: flex;align-items: center;}
.iBottom-main-left{display: flex;width:28%;justify-content: space-between;}
.iBottom-main-left p{color:#979797;font-size:28px;font-weight:bold;}
.iBottom-main-left p span{font-size:15px;color:#979797;display: block;font-weight: normal;}
.iBottom-main>p{width:72%;text-align: center;}
.iBottom-main>p span{color:#979797;margin-right:40px;}

/*page*/
.page-banner img{width:100%;}
.page{margin-top:28px;}
.page-main{display: flex;justify-content: space-between;}
.page-left{width:18%;}
.page-left p{background: #0056a9;color:#fff;font-size:23px;font-weight:bold;text-align: center;line-height:85px;}

.activeli{line-height:60px;font-size:15px;display: block;background: #f0f0f0;text-align: center;border-left:2px solid #f0f0f0;background: #f0f0f0;}
.activeli:hover{background: #fff;border-left:2px solid #f36b0d;}
.active{background: #fff;border-left:2px solid #f36b0d; display:block;line-height:60px;font-size:15px;display: block;text-align: center;}
.page-right{width:79%;}
.page-home{border-bottom:1px solid #c9caca;}
.page-home p{background: url("../images/page-home_05.png") no-repeat left center;padding-left:25px;line-height:45px;margin:0px 5px;}

.newslist p{line-height:60px;border-bottom:1px dashed #ececec; height:60px; padding:0px 10px;}
.newslist p a{font-size:15px;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
width: 80%;
float: left;}
.newslist p span{font-size:14px;color:#666;float: right;}
.newslist-first p{border:0;}
.newslist-cont{padding-left:20px;color:#666;border-bottom:1px dashed #c9caca;padding-bottom:20px; line-height:24px;}
.newslist-cont a{color:#f36b0d;font-size:14px;}

.news-bt{text-align: center;}
.news-bt p:nth-child(1){font-size:20px;margin:30px 0 15px;}
.news-bt p:nth-child(2) span{color:#666;}
.news-bt p:nth-child(2) span:nth-child(1){margin-right:30px;}
.news-content{line-height:30px;margin-top:20px;padding:0 58px; font-size:16px;/*font-size:22px;letter-spacing: 5px;line-height: 47px;font-weight:100;*/}
/*.news-content p{font-size:22px;letter-spacing: 5px;line-height: 47px;font-weight:100;}*/
.news-page{margin-top:30px;}
.news-page p{line-height:35px;padding-left:25px;}
.news-page p:nth-child(1){background:url("../images/news-prev_31.jpg") no-repeat left center;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;}
.news-page p:nth-child(2){background:url("../images/news-next_34.jpg") no-repeat left center;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;}

.productlist{display: flex;/*justify-content: space-between;*/flex-wrap:wrap;}
.productlist-box{width:31%;border:1px solid #c9caca;padding:8px;margin: 20px 1% 0px 1%;}
.productlist-box img{width:100%;}
.productlist-box p{background:#f4f4f4;font-size:15px;text-align: center;line-height:60px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;width: 100%;float: left; padding:0px 20px;}
.news-content img{display: block;max-width: 100%;margin:10px auto 10px auto;}

/*index_head*/
.index_head{width:100%;background:#01509b;font-size:20px;color:#fff;text-align: center;line-height:50px;position: fixed;top:0;z-index: 999;display: none;}
.index_btn{background:url("../images/index_threelines_03.png") no-repeat;width: 25px;height: 20px;display: block;background-size:contain;position: absolute;right:10px;top:14px;}
.index_hrad_xl{width:100%;z-index: 999;position: absolute;top:50px;}
.index_hrad_xl li{width:100%;background: #01509b;text-align:center;border-top:1px solid #fff;}
.index_hrad_xl li a{font-size:16px;line-height:45px;color:#fff;}

/*index_foot*/
.index_foot{width:100%;background:#01509b;padding:10px 0;position: fixed;bottom:0;z-index: 999;display: none;}
.index_foot ul{width:100%;margin:0 auto;display: flex;justify-content: space-between;}
.index_foot li{width:25%;text-align: center;}
.index_foot li p{font-size:16px;color:#fff;margin-top:5px;}
.index_foot li img{width:30px;}

.swiper-containera{display: none;overflow:hidden;}

.pro_list{position: relative;margin-top:10px;display: none;}
.cpfl{width:100%;background: #333;padding:10px;justify-content: space-between;display:flex;}
.cpfl p{font-size:16px;color:#fff;}

/*产品分类*/
.ipad_prolist{width:100%;}
.ipad_prolist_main{margin: 0 auto;}
.ipad_prolist_main ul{width:100%;background:#01509b;padding-bottom:10px ;}
.ipad_prolist_main li{padding: 10px ;border-bottom:1px solid #fff;}
.ipad_prolist_main li img{width:12px;float: right;}
.ipad_prolist_main li a{font-size:15px;color:#fff;}



/*分页样式*/
.pglist {
    padding: 20px 0 0px;
    width: 100%;
    text-align: center;
}
.pglist a {
    color: #666;
    padding: 0 14px;
    margin: 0 3px;
    font-weight: bold;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.pglist * {
    display: inline-block;
    _zoom: 1;
    _display: inline;
    vertical-align: middle;
    line-height: 30px;
    padding-bottom: 1px;
}
.pglist a:hover, .pglist .page-num-current {
    display: inline-block;
    color: #fff;
    background: #01509b;
    border-color: #01509b;
}
.page-banner a{background-size: cover!important;}