#header{height:100px;position:fixed;z-index:10001;width:100%;top:0;box-shadow:0px 2px 7px 9px rgba(19, 4, 8, 0.1);background:#fff;}
/*****logobox*****/
.logo img{margin-top:15px;}
.media,.media .media{margin-top:0;}
.logobox button{cursor:pointer;border:none; color:#da1c24; font-size:22px;display:none;z-index:20000;background:none;float:left !important;z-index:2;}
/*nav*/
#nav{height:100px;float:left;width:750px;margin-left:100px;}
#nav ul>li{float:left;width:12.5%;text-align:center;line-height:100px;}
#nav ul>li>a{display:block;font-size:16px;font-weight:bold;}
#nav ul>li .submenu{line-height:70px;position:fixed;top:100px;left:0;right:0;background:#fff;box-shadow:0px 0px 7px 1px rgb(156 156 156 / 10%);display:none;}
#nav ul>li .submenu a{padding:0 25px;}
#nav ul>li .submenu li{display: inline-block;}

.topheader-opreation{float:right;width:45px;margin-top:32px;display:flex;justify-content:space-around;}
.topheader-opreation .header-toggle{display:none;}
.topheader-opreation i{font-size:35px;line-height:30px;}
.topheader-opreation img{width:55px;height:30px;}

.header-search{position:fixed;top:100px;left:0;right:0;background:#fff;padding:30px 0;border-top:1px solid #eee;}
.header-search-con{width:1400px;margin:0 auto;display:flex;justify-content:space-evenly;align-items:center}
.header-search input{padding:10px 20px;width:330px;border:0;border-bottom:1px solid #0064ca;}
.header-search .iconsousuo{font-size:24px;color:#0064ca;}
.header-search .iconshanchu{font-size:18px;color:#0064ca;}

/*****bdwrap*****/
.bdwrap{margin-top:100px;}

/*****公共大标题*****/
.index-title .t1{font-size:36px;font-weight:bold;line-height:1.2;}
.index-title .t2{font-size:28px;color:#0064ca;font-weight:bold;line-height:1.5;}

.proBox{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.proBox .proItem{background:linear-gradient(to right, #00baff, #007ad8);border-radius:10px;width:23%;margin-top:40px;position:relative;padding:26px 23px 45px 25px;box-sizing:border-box;}
.proBox .proItem .t1{font-size:17px;font-weight:bold;color:#fff;}

.proBox .proItem img{position:absolute;left:0;bottom:0;z-index:30px;z-index:10;display:block;}
.proBox .proItem .t2{line-height:1;color:#fff;}
.proBox .proItem i{font-size:63px;text-align:right;display:none;line-height:30px;}
.proBox .proItem span{padding-right:17px;line-height:20px;text-align:right;display:block;position:relative;}
.proBox .proItem span .home-pro-icon{display:block;position:absolute;top:4px;right:0;width:3px;height:10px;background:#fff;}


/*****case*****/
#homeCase {height: 9.22rem;}
.home-case{position:relative;}
.home-case .index-title{position:absolute;top:50px;left:50%;color:#fff;margin-left:-1.2rem;overflow: hidden;}
.home-case .index-title .t2{color:#fff;}
.home-case img.caseImg{width:100%;z-index:1;display:block;}
.home-case .home-case-item{position:absolute;width:30px;height:30px;z-index:10;}
.home-case .home-case-item:nth-last-of-type(1){top:6rem;left:.5rem;}
.home-case .home-case-item:nth-last-of-type(1) .home-case-item-case{margin-left:0;}
.home-case .home-case-item:nth-last-of-type(2){top:5.4rem;left:3rem;}
.home-case .home-case-item:nth-last-of-type(3){top:2.9rem;left:4rem;}
.home-case .home-case-item:nth-last-of-type(4){top:7.7rem;left:5.1rem;}
.home-case .home-case-item:nth-last-of-type(5){top:2rem;left:7rem;}
.home-case .home-case-item:nth-last-of-type(6){top:5.4rem;left:9rem;}
.home-case .home-case-item:nth-last-of-type(7){top:2rem;right:5.8rem;}
.home-case .home-case-item:nth-last-of-type(8){top:5rem;right:6rem;}
.home-case .home-case-item:nth-last-of-type(9){top:4.9rem;right:2.06rem;}
.home-case .home-case-item:nth-last-of-type(10){top:3rem;right:1.7rem;}

.home-case .home-case-item .home-case-item-case{position:relative;width:340px;background:#fff;text-align:center;border:3px solid #fff;display:none;margin-left:-150px;}
.home-case .home-case-item .home-case-item-case .home-case-item-tit{position:absolute;font-size:20px;color:#fff;bottom:0;left:0;right:0;top:0;background:rgba(0,0,0,.6);align-items:flex-end;justify-content:center;z-index:20;display:none;cursor:pointer;}
.home-case .home-case-item .home-case-item-case img{border-radius:5px;}
.home-case .home-case-bto{position:absolute;bottom:55px;left:50%;margin-left:-1.25rem;width:2.45rem;background:#00b5e7;font-size:.22rem;color:#fff;border-radius:3px;line-height:.6rem;text-align:center;}
.home-case .home-case-item .home-case-item-case:hover .home-case-item-tit{display:flex;}

.home-case .home-case-item:nth-last-of-type(4) .home-case-item-case {margin-top: -250px;}

/*****news*****/
.news-left{width:600px;float:left;}
.news-pic{position:relative;}
.news-pic h3{position:absolute;bottom:20px;left:0;right:0;z-index:2;}
.news-pic h3 span{border-left:3px solid #fff;padding-left:8px;margin-left:20px;color:#fff;}
.news-pic .news-time{position:absolute;top:0;right:40px;background:#fff;text-align:center;padding:0 15px;line-height:1.5;}
.news-pic .news-time span{font-size:36px;color:#4D93DA;border-bottom:1px solid #4D93DA;}
.news-pic .news-time p{color:#4D93DA;}
.newsList li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:100;line-height:70px;padding:0 20px;}
.newsList li span{float:right;color:#777;}
.newsList li a{margin-right:30px;}
.newsList li:hover{box-shadow:0px 2px 13px 0px rgba(19, 4, 8, 0.15);}
.newsList li:hover a{font-weight:bold;color:#0064ca}

.news-right{width:582px;float:right;}
.newsRi-item{width:280px;}
.newsRi-item a{display:block;background:#fff;border:1px solid #eee;}
.newsRi-item .p1{position:relative;}
.newsRi-item .p1 img{width:100%;height:188px;}
.newsRi-item .news-time{position:absolute;top:0;right:40px;background:#fff;text-align:center;padding:0 10px;line-height:1.5;}
.newsRi-item .news-time span{font-size:28px;color:#4D93DA;border-bottom:1px solid #4D93DA;}
.newsRi-item .news-time p{color:#4D93DA;}
.news-right .p2{padding:10px;font-weight:100;}
.news-right .p2 h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-right .p2 .newsTi span{float:right;color:#777;}


/*****company*****/
.company{background:url(../images/home_about_bg.jpg) bottom center no-repeat;position:relative;padding-bottom:100px;}
.aboutus{margin-top:60px;}
.aboutus img{margin-right:50px;}
.aboutus h3{font-size:30px;font-weight:bold;color:#0064ca;line-height:1.4;}
.aboutus h6{font-size:26px;font-weight:bold;color:#0064ca;}
.aboutus .about-txt{border-top:2px solid #0064ca;font-size:16px;padding-top:20px;}
.aboutus li a{display:block;width:98px;height:98px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:16px;color:#fff;border-radius:10px;;}
.aboutus li a i{font-size:50px;line-height:50px;}
.aboutus li:hover a{background:rgba(0, 90, 174, 0.7);}
.company::after{content:"";position: absolute;top: 100%;left: 0;width: 100%;background: #33363f;height: 60px;}

.home-about-box{position:absolute;left:50%;bottom:0;margin-bottom:-60px;transform:translateX(-50%);display:flex;width:1200px;height:120px;z-index:10;background:#fff;align-items:center; -webkit-transform: translateX(-50%);
            transform: translateX(-50%);}
.home-about-box .about-item{width:25%;background:url(../images/line.jpg) right center no-repeat;text-align:center;position:relative;height:120px;display:flex;align-items:center;flex-direction:column;justify-content:center;overflow:hidden;}
.home-about-box .about-item:last-child{background:none;}
.about-item h3{color:#0064ca;line-height:32px;}
.about-item h3 b{font-size:32px;}
.about-item p{color:#0064ca;font-size:16px;}
.about-item .about-box-hover{background:#0064ca;left:0;bottom:0;right:0;text-align:center;height:120px;top:120px;color:#fff;position:absolute;padding:20px 50px;box-sizing:border-box;font-size:16px;padding-top:30px;}
.about-item:hover .about-box-hover{display:block;top:0;transition:0.3s ease;}


/*****footer*****/
#footer{background:#33363F;color:#fff;overflow:hidden;}
.foot{padding:100px 0 40px;}
.foot .f-left{float:left;border-right:1px solid #ADAFB2;padding-right:40px;}
.foot .f-left h6{font-size:24px;line-height:30px;}
.foot .f-left strong{display:block;font-size:22px;}
.foot .f-left p{font-weight:100;color:#9a9a9a;}
.foot dl{float:left;margin-left:55px;}
.foot dl dt{font-weight:bold;}
.foot dl dd{line-height:36px;}
.foot dl dd a{color:#9a9a9a;}
.foot .ewm p{font-size:12px;line-height:22px;}

.copyright{color:#9a9a9a;font-weight:100;border-top:1px solid #ADAFB2;padding:15px 0;}
.copyright a{color:#9a9a9a;}

.main-box {width: 1200px;padding-left: 15px;padding-right: 15px;margin-left: auto;margin-right:auto;margin-top: 30px;margin-bottom: 30px;}


.pp{position: fixed;top:12%;right:10px;z-index:1000;width: 260px;box-shadow: 0  8px 10px #ddd;}
.pp img{width:100%;}


/*footer-tools*/
.footer-tools{position:fixed;left:0;bottom:0;right:0;z-index:999;background:#296eb5;height:1rem;}
.footer-tools ul li{width:25%;float:left;}
.footer-tools ul li a{display:block;text-align:center;color:#FFF;font-size:.18rem;height:.88rem;padding-top:.1rem;line-height:1.5;}
.footer-tools ul li a img{width:.42rem;height:.42rem;}


/*****内页banner*****/
.nyBan{position:relative;height:4.5rem;}
.nyBan img{position:absolute;top:0;left:0;right:0;height:4.5rem;max-width:100%;}
.nyBan .myPosi{position:relative;}
.nyBan .txt{position:absolute;top:1.2rem;left:20px;z-index:5;color:#fff;}
.nyBan .txt h3{font-size:.40rem;font-weight:bold;display:inline-block;border-bottom:1px solid #fff;}
.nyBan .txt p{font-size:.36rem;font-weight:100;}

/*****面包屑导航*****/
.thumb-nav{background:rgba(2, 59, 150, 0.5);height:56px;position:relative;margin-top:-56px;line-height:56px;color:#fff;font-size:15px;}
.thumb-nav span{float:right;}
.thumb-nav span a{padding:0 20px;color:#fff;display:inline-block;}
.thumb-nav a{color:#fff;}
.thumb-nav a:hover{color:#ff8a00;border-bottom:2px solid #ff8a00;line-height:52px;}

/*****文化*****/
.civilization{background:#F8F8F8;padding:70px 0;overflow:hidden;}
.civi-box1 li{width:20%;float:left;background:#fff;}
.civi-box1 li:nth-child(even){background:#d1d7e1;}
.civi-box1 li .box{padding:20px 0;text-align:center;}
.civi-box1 li .box span{font-size:.72rem;display:block;color:#eee;line-height:1.5;}
.civi-box1 li .box strong{font-size:.26rem;color:#023b96;}
.civi-box1 li .box div{height:120px;padding:0 20px;;}
.civi-box2{background:#fff;overflow:hidden;}
.civi-box2 .civi-left{float:left;width:440px;padding:40px;box-sizing:border-box;}
.civi-box2 .civi-left h3{color:#023b96;font-weight:bold;font-size:.3rem;}
.civi-box2 .civi-left p{font-size:16px;margin-top:20px;}
.civi-box2 .civi-left span{color:#033c97;}
.civi-box2 .civi-right{float:right;}

/*****新闻*****/
.newslist-con li a{display:flex;margin-top:50px;justify-content:space-between;}
.newslist-con li .newslistCon-left{margin-right:.4rem;background:#eee;border-radius:0 0 0 30px;display:flex;overflow:hidden;align-items:center;}
.newslist-con li .newslistCon-left .media-body{padding:0 15px;}
.newslist-con li .newslistCon-left img{width:220px;height:160px;}
.newslist-con li .newslistCon-left strong{display:block;font-size:42px;font-weight:normal;text-align:center;line-height:1.5;}
.newslist-con li .newslistCon-left p{text-align:center;font-size:16px;}
.newslist-con li .newslistCon-right{flex:1;border-bottom:1px solid #eeeeee;}
.newslist-con li .newslistCon-right h3{font-size:18px;}
.newslist-con li .newslistCon-right p{font-weight:100;color:#777;}
.newslist-con li a:hover .newslistCon-left{background:#043D97;}
.newslist-con li a:hover .newslistCon-left img{transform:scale(1.05,1.05);transition:all .3s;}
.newslist-con li a:hover .newslistCon-left strong,.newslist-con li a:hover .newslistCon-left p{color:#fff;}
.newslist-con li a:hover h3{font-weight:bold;}


/*****质量保障*****/
.sup-title{border-bottom:1px solid #e4e4e4;padding-bottom:20px;}
.sup-title h3{font-size:.36rem;color:#043d97;line-height:1.2;}
.sup-title p{font-size:.2rem;color:#ccc;}
.support{background:#f5f5f5;padding:70px;overflow:hidden;}
.support li{margin-top:25px;background:#fff;box-shadow:0px 6px 13px 0px rgba(0, 0, 0, 0.05);padding:25px;font-size:.18rem;font-weight:100;}


/*****人才策略*****/
.strategy-item{display:flex;margin-top:50px;}
.strategy-item .strategy-item-txt{background:#eee;height:300px;text-align:center;display:flex;justify-content:center;align-items:center;padding:0 60px;box-sizing:border-box;flex:1;font-weight:100;font-size:16px;}
.strategy-item .strategy-item-txt h3{font-size:30px;}








@media only screen and (min-width: 320px) and (max-width: 640px){
	#footer{margin-bottom:1rem;}
.logobox{text-align:center;height:60px;}	
.logobox .logo,.newsList,.civi-box2 .civi-left p{margin:0;}
.logobox .logo img{width:4rem;margin-top:12px;float:left;padding:0;}
.logobox,.aboutus .about-cont{padding:0;}
.logobox button{display:block;margin-top:5px;}
.logobox .head-icon{width:60px;height:60px;float:right;display:block;position:relative;}
.logobox .head-icon span{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:.5rem;height:.37rem;
transition:all 0.5s ease-in-out;background-position:center center;background-size:100% 100%;background-repeat:no-repeat;background-image:url(../images/icon1.png)}
.head-icon.active span{width:0.37rem;height: 0.37rem;background-image: url(../images/icon2.png);}
/*主导航样式*/
#nav{background:none;background-color: rgba(0, 0, 0, 0.7);height:auto;width:100%;float:none;margin:0;}
#nav ul>li{width:100%;background:none;border-right:none;}
#nav ul>li a{color:#000;font-size:16px;}
#nav ul>li>a{font-weight:normal;}
#nav ul>li.active>a{line-height:.8rem;color:#666;background:none;}
#nav ol li{background:#f7f7f7;border-bottom:1px solid #fff;}
#nav ol li a{color:#999;}
#nav ul>li:hover a{color:#333;font-weight:bold;}
.navbar{position: fixed;display:none;top:60px;left:0;width:100%;bottom:0;z-index:9999;}
.navbar-nav{width: 100%;background-color:#fff;z-index:1200;border-top:.01rem solid #e5e5e5;padding-bottom:.8rem;}
.navbar-nav>ul{width:100%;height:auto;overflow:hidden;}
.navbar-nav>ul>li{width:100%;height:auto;overflow:hidden;border-bottom:.01rem solid #e5e5e5;float:none}
.navbar-nav>ul>li a{display:block;width:100%;text-align:center;line-height:.8rem;height:.8rem;font-size:.24rem;color:#666;}
.navbar-nav>ul>li a:hover{color:#149350;}
/*自主加的css样式--------------------------*/
body{font-size:12px !important;}

.proBox .proItem img{width:50px}
.index-title .t1{font-size:24px;}
.index-title .t2{font-size:18px;}
.foot .f-left h6,.aboutus h3,.aboutus h6{font-size:16px;}
.product,.home-case,.news,.aboutus,.company,.civi-box2,.newslist-con li a,.strategy{margin-top:20px;}
.foot,.civilization{padding:20px 0;}
.proBox .proItem{width:48%;margin-top:10px;padding:10px;}
.header-search{padding:10px 0;}
.home-case .home-case-item .home-case-item-case,.foot dl,.home-case .home-case-bto,.swiper-button-next, .swiper-button-prev{display:none !important;}
.m-home-case-tit{display:block;color:#fff;white-space:nowrap;}
.news-left,.news-right,.foot .f-left,.ewm{width:100%;float:none;}
.ewm{display:flex;}
.foot .f-left{border:none;}
.news-pic img{width:100%;height:300px;}
#homeCase {height: 7rem;}
.home-case .home-case-item:nth-last-of-type(1){top:2rem;left:.5rem;}
.home-case .home-case-item:nth-last-of-type(1) .home-case-item-case{margin-left:0;}
.home-case .home-case-item:nth-last-of-type(2){top:3.4rem;left:1rem;}
.home-case .home-case-item:nth-last-of-type(3){top:2.2rem;left:3rem;}
.home-case .home-case-item:nth-last-of-type(4){top:2.7rem;left:5.5rem;}
.home-case .home-case-item:nth-last-of-type(5){top:4rem;left:4rem;}
.home-case .home-case-item:nth-last-of-type(6){top:1.8rem;left:4.5rem;}
.home-case .home-case-item:nth-last-of-type(7){top:2.6rem;right:5.8rem;}
.home-case .home-case-item:nth-last-of-type(8){top:2rem;right:6rem;}
.home-case .home-case-item:nth-last-of-type(9){top:2.9rem;right:2.06rem;}
.home-case .home-case-item:nth-last-of-type(10){top:2rem;right:1.7rem;}
.home-case .index-title{top:20px;}
.home-case .index-title .t1,.home-case .index-title .t2{font-size:16px;}
.newsList li{line-height:40px;}
.company{background:none;padding-bottom:0;}
.aboutus li a{color:#555;width:auto;font-size:13px;}
.aboutus li a i{color:#0064CA;font-size:40px;}
.w1400{width:100%;}
.topheader-opreation{margin-top:14px;}
#header{height:60px;}
.bdwrap{margin-top:60px;}
.header-search{top:60px;}

.nyBan img{height:200px;}

#nav ul>li .submenu{display: none !important;}
.thumb-nav{background:#0064CA}
.thumb-nav span,.civi-box1 li,.civi-box2 .civi-left{/*width:100%;*/float:none;/*display: block;*/white-space: nowrap;overflow: auto;}
.thumb-nav span a{padding:0 5px;}
.civi-box1 li .box div{height:auto;}
.civi-box2 .civi-left{padding:20px;}
.strategy-item .strategy-item-txt h3{font-size:22px;}
.newslist-con li .newslistCon-left{display:none;}
.newslist-con li .newslistCon-right h3{font-size:15px;}
.strategy-item{display:inherit;margin-top:20px;}
.strategy-item .strategy-item-txt{width:100%;}
.strategy-item .strategy-item-img,.strategy-item .strategy-item-img img{width:100%;}
.strategy-item .strategy-item-txt{font-size:13px;}

.header-search-con{width:100%;}
.header-search input{width:auto;}

}
.swiper-container{width:100%;height:550px;}
.swiper-container2 .swiper-pagination{position:inherit;bottom:0;margin-top:40px;}
.swiper-container2 .swiper-pagination-bullet{background:#ccc;}
.swiper-container2 .swiper-pagination-bullet-active{background:#0064ca;}
.swiper-slide{background-repeat:no-repeat;background-size:cover;background-position:center;}
@media screen and (max-width:1024px){
  .swiper-container{height:400px;}
}
@media screen and (max-width:767px){
  .swiper-container{height:360px;}
  .support {padding:10px 0;}
}
@media screen and (max-width:665px){
  .swiper-container{height:280px;}
}
@media screen and (max-width:560px){
  .swiper-container{height:260px;}
}
@media screen and (max-width:414px){
  .swiper-container{height:260px;}
}
@media screen and (max-width:375px){
  .swiper-container{height:250px;}
}
.swiper-container2{height:auto;}