@charset "utf-8";
/* CSS Document */
/* ============================
         首页样式 index
  ==============================*/
/*banner*/
.slideBox{ width:100%; height:500px; overflow:hidden; position:relative; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:500px; display:block; background: #01559d;  border: none; object-fit: cover; object-position: center;}


/*金牌服务*/
.service{width:100%; float: left;}
.service_box{width:1200px; margin: 0 auto;}
.title{wdith:360px; height: 100px; text-align: center; background: url(../img/title_bog.png) center no-repeat;margin:0 auto;}
.title h1{width:100%; text-align: center; float: left; margin: 46px 0 0 0;}
.title h1 span{ font-size: 20px; color: #333; font-weight: 600; display: block; }
.title h1 em{font-size: 12px; color: #333;  display: block; text-transform: uppercase;}
.title p{width:100%; float: left; text-align: center; margin: 20px 0 0 0;font-size: 12px; color: #888; }
.service_list{width:1220px; float: left; margin: 30px 0 0 0;}
.service_list li{width:285px; height: 350px; float: left; background: #e0e3e8; margin: 0 20px 0 0;}
.service_list li i{width:86px; height: 86px; float: left; margin: 55px 99px 0 100px; display: block; text-align: center;line-height: 86px;}
.service_list li h1{font-size: 16px;color: #333; text-align: center; display: block; margin: 20px 0 10px 0; width:100%; float: left;}
.service_list li span{font-size: 12px;color: #888; text-align: center; display: block; text-transform: uppercase;}
.service_list li p{font-size: 12px;color: #333; text-align: center; display: block; width:70%; margin: 12px 15% 0 15%; border-top:#fff 2px solid; padding: 12px 0 0 0; line-height: 20px; height: 60px; overflow: hidden;}
.icon-shouye-copy, .icon-liduolachanpinguanli, .icon-duomeiti, .icon-gouwuche{ font-size:82px; color: #333;}
.service_list li:hover{ background: #ffad01;}
.service_list li:hover .icon-shouye-copy{color:#fff;}
.service_list li:hover .icon-liduolachanpinguanli{color:#fff;}
.service_list li:hover .icon-duomeiti{color:#fff;}
.service_list li:hover .icon-gouwuche{color:#fff;}
.service_list li:hover h1{color:#fff;}
.service_list li:hover span{color:#fff;}
.service_list li:hover p{color:#fff;}

/*成功案例*/
.case{width:100%; float: left; background: #01559d; margin: 60px 0 0 0; padding: 0 0 50px 0;}
.case_box{width:1200px; margin: 0 auto;}
.title01{wdith:360px; height: 100px; text-align: center; background: url(../img/title_bog01.png) center no-repeat;margin:0 auto;}
.title01 h1{width:100%; text-align: center; float: left; margin: 46px 0 0 0;}
.title01 h1 span{ font-size: 20px; color: #fff; font-weight: 600; display: block; }
.title01 h1 em{font-size: 12px; color: #fff;  display: block; text-transform: uppercase;}
.title01 p{width:100%; float: left; text-align: center; margin: 20px 0 0 0;font-size: 12px; color: #fff; }

.slideGroup{ width:1200px;text-align:left; float: left; margin: 30px 0 0 0; }
.slideGroup .slideBox01{ overflow:hidden; zoom:1; padding:10px 0 0px 48px; position:relative;   }
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:130px; display:block; width:40px; height:80px; background:url(../img/icoLeft.png) center center no-repeat; }
.slideGroup .sNext{ left:auto; right:5px; background:url(../img/icoRight.png) center center no-repeat;  }
.slideGroup .parBd ul{ overflow:hidden; zoom:1;position: absolute; left: 180px;}
.slideGroup .parBd ul li{ margin:0 0 0 16px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .parBd ul li .pic{ text-align:center; width:256px; height: 320px; overflow: hidden; }
.slideGroup .parBd ul li .pic img{ display:block; width:256px; height: 320px; overflow: hidden;}

/*关于我们*/
.about{width:100%; float: left;background:#f6f6f6;}
.about_box{width:1200px; margin: 0 auto;}
.about_box dl{width:100%; float: left; margin: 30px 0 0 0;}
.about_box dl dd{width:240px; float: left;}
.about_box dl dd .about_text{width:180px; height: 220px; float: left;padding: 20px 30px 0 30px;}
.about_box dl dd .about_text b{font-size:32px; color: #fff; float: right;display: block; width:100%; text-align: right; font-weight: normal;}
.about_box dl dd .about_text h1{width:100%;display: block; text-align: left; font-size: 20px; color:#fff; margin: 10px 0 0 0; float: left;}
.about_box dl dd .about_text span{width:100%;display: block; text-align: left; font-size: 12px; color:#fff; margin: 12px 0 0 0; height: 80px; overflow: hidden; line-height: 20px; float: left;}
.about_box dl dd .about_photo{width:240px; height: 240px; float: left;overflow: hidden;}
.about_box dl dd .about_photo img{display: block; float: left; width:240px; height:240px; object-fit: cover; object-position: center;}
.bg01{ background: #ffb61b;}
.bg02{ background: #b7c301;}
.bg03{ background: #59c325;}
.bg04{ background: #0095cd;}
.bg05{ background: #25c2bf;}

/*新闻资讯*/
.news{width:100%; float: left; background: #fff;padding: 0 0 40px 0;}
.news_box{width:1200px; margin: 0 auto;}
.slideBox02{ width:386px; height:298px; overflow:hidden; position:relative;  top: 30px; float: left;}
.slideBox02 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox02 .bd li{ zoom:1; vertical-align:middle; position:relative; width:386px; height:298px; }
.slideBox02 .bd img{ width:100%; height:298px; display:block; background: #01559d;  border: none; object-fit: cover; object-position: center;}
.slideBox02 .bd li span{width:366px; height: 30px; line-height: 30px; padding: 0 0 0 20px; background: rgba(0,0,0,0.5); position: absolute; bottom: 0; font-size: 16px; color: #fff;}
.dongtai{ float: left; width:386px; margin: 30px 0 0 20px;}
.news_title{width:100%; float: left; border-bottom: #cacbcf 1px solid; padding-bottom: 15px; height: 20px;}
.news_title span{font-size: 18px; color: #333; font-weight: 600; float: left; background: url(../img/icon01.png) left no-repeat; padding: 0 0 0 34px;}
.news_title em{font-size: 18px; color: #333; font-weight: 600; float: left; background: url(../img/icon02.png) left no-repeat; padding: 0 0 0 34px;}
.news_list{width:100%; float: left;}
.news_list h1{ font-size:16px; color: #ff6801; display: block; height: 20px; line-height: 20px; float: left; overflow: hidden; width:100%; margin: 12px 0 0 0;}
.news_list h1 a{color: #ff6801;}
.news_list span{ font-size:12px; color: #888; display: block; height: 36px; text-indent: 2em; line-height: 18px; float: left; overflow: hidden; width:100%; margin: 12px 0 0 0;}
.news_list span a{ color: #888;}
.news_list dl{width:100%; float: left; margin: 10px 0 0 0;}
.news_list dl dd{width:100%; float: left; height: 24px; line-height: 24px; overflow: hidden;}
.news_list dl dd i{width:4px; height: 4px; background: #888; float: left; border-radius:50%; margin: 8px 0 0 0; }
.news_list dl dd em{ font-size:12px; color: #888; float: left; margin: 0 0 0 10px;}
.news_list dl dd:hover em{color:#ff6801;}

/*合作客户*/
.kehu{width:100%; float: left;}
.kehu_box{width:1200px;margin: 0 auto;}
.kehu_title{width:120px; height:187px ; float: left; background: #00233f; text-align: center;}
.kehu_title span{font-size: 18px; color: #fff;font-weight: 600; display: block; margin: 24px 0 0 0;}
.kehu_title em{font-size: 12px; color: #fff; display: block; text-transform: uppercase;}
.kehu_box ul{ float: left; margin: 0 0 0 22px;}
.kehu_box ul li{ width:128px; height: 160px; border: #cccccc 1px solid; float: left; margin: 15px 16px 0 0; overflow: hidden;}
.kehu_box ul li img{width:128px; height: 160px; margin: 0 auto; text-align: center;}