@charset "utf-8";
*{padding:0px;margin:0px;}
body { margin: 0px; font: 0.875rem/200% Arial, "微软雅黑", Helvetica, sans-serif, Verdana; background-color:#ffffff; color: #333333;}
table {font: 0.875rem/180% Arial, "微软雅黑", Helvetica, sans-serif, Verdana; color: #333333; border-spacing:0; border-collapse:collapse; empty-cells:show; }
td {font: 0.875rem/180% Arial, "微软雅黑", Helvetica, sans-serif, Verdana; color: #333333;	border-collapse:collapse;}
th {border-collapse:collapse;}
img {border:none;}
.clear,clear:after{clear:both; font-size:0px; height:0px; overflow:hidden; }
ol,ul,li { list-style-type:none; }
a { outline-style:none; outline-color:invert; outline-width:medium; }
a:link {color: #666666; text-decoration:none; }
a:visited {color: #666666; text-decoration:none; }
a:hover {	color: #2845a6; text-decoration:none; }
.clear{clear:both; font-size: 0; height:0; line-height: 0; overflow: hidden;}
.bgbai{background-color: #ffffff;}
.container{position:relative}
.logo{ float: left; }
.logo img{height:34px; margin-top:23px;}
.logo span{color:#8c8c8c; font-size: 14px;height:86px; line-height:86px; padding-left:5px;}
header{height:86px; line-height:86px; background-color: #ffffff; font-size: 16px; color:#4b4b4b; }
header .flex{display: flex; align-items: center;justify-content:flex-end;}
header .black{font-size:18px;  font-weight: bolder;}
header .iconfont{font-size:30px; margin-left:30px; margin-right:8px; color:#666666; font-weight: normal;}
header .iconfont:nth-child(1){font-size:40px; font-weight: bold;}
.tel,.qq{width:50px; height:86px; background: url(../img/index_06.png) no-repeat center center;}
.qq{background: url(../img/index_03.png) no-repeat center center;}

.nav{position: relative; height:60px;  justify-content: flex-end;}
.nav .con2{list-style: none;margin: 0;padding: 0;text-align: center; width:auto; float:right;  text-align: right; display: flex; color:#616161;}
.inner-header{display:none;}
/*banner*/
.carousel {width:100%; position: relative;}
.carousel  .carousel-indicators { justify-content: center;align-items: flex-end; }
.carousel  .carousel-indicators  li{width:0.5rem; height:0.5rem; cursor: pointer; background: rgba(255,255,255,0.5); border-radius: 50%; color:#fff; text-indent: 0; text-align:center; line-height:2.25rem;}
.carousel  .carousel-indicators  li.active{background: rgba(255,255,255,1);}
.carousel .carousel-item  img{height:500px; width:100%;object-fit: cover;}
footer{width:100%; height:auto; line-height: 60px;  text-align: center; color:#6b6b6b; }
footer .footimg{width:100%; overflow: hidden; margin-bottom: 20px;}
.c7c7c7{color:#c7c7c7;}
.bg1{ background: url(../img/index_13.jpg) #f8f8f8 no-repeat center bottom; height:438px; background-size: 100%;}
.bg2{height:258px; line-height: 258px; background: url(../img/index_15.jpg) no-repeat center center;  background-size: 100%;}
.con3 .tit{ width:60px; height:258px; display: inline-block;  }
.con3 h2{background: url(../img/blue_37.png) no-repeat left center; padding-left:50px; font-size: 32px; height:258px;  color:#ffffff; line-height: 258px; display: inline-block; font-weight: bold; text-shadow: 2px 2px 1px rgba(0,0,0,0.5);}
.con3 h4{padding-left:150px;  background: url(../img/blue_36.png) no-repeat 50px center;font-size: 22px; height:258px;  color:#ffffff; line-height: 258px;display: inline-block;font-weight: bold; text-shadow: 2px 2px 1px rgba(0,0,0,0.5);}
.aboutcon{ position: absolute; top:-38px; background-color: #ffffff; width:100%; padding:30px;}
.aboutcon::after{content: ''; width:90%; height:16px; background-color: #00b1e3; position: absolute; top:-8px; left:5%;}
.aboutcon .titcon{ background: url(../img/index_18.png) no-repeat left center; padding-left:40px; font-size: 32px; color: #282828; height:120px; line-height: 120px;}
.concon{display: flex;}
.concon .conconli{flex:1; text-align: center; line-height: 24px; border-left:1px solid #f9f9f9; }
.conconli .imgcon{display: flex; width:130px; margin:0px auto; align-items: center;}

 .conconli .imgcon img{width:24px; height:24px; padding:5px;  background-color: #00b1e3; text-align: center; border-radius: 50%; margin-right: 10px;}
 .conconli .imgcon span{font-size: 20px; font-weight: bold;}
 
.conconli .textcon{margin-top:20px; color: #676767;font-size: 18px;}
.carousel-indicators {bottom:40px!important;}

.xsbl{display: flex; margin:40px 0 60px 0; position: absolute; top:-40px; background-color: #f9f9f9; z-index: 999; padding-left:20px;}
.xsbl .titc{background: url(../img/index_18.png) no-repeat left top; padding-top:40px; font-size: 32px; color:#282828; }
.xsbl .titc span{font-size: 16px; color:#8e8e8e;}
.xsbl  .conc{margin-left:60px;}
.xsbl  .conc  .xsblcon{width:274px; text-align: center; height:63px; line-height: 63px; background-color: #00b1e3; color:#ffffff;  margin-top:12px; font-size: 20px;}
.xsbl  .conc  .zi{ background-color: #a153cb;}
.container .bghui::before{content: ''; width:100%; height:63px; background-color: #f9f9f9; position: absolute; top:-63px; left:0;}
.xxbl .titc{background: url(../img/index_18.png) no-repeat left center; padding-left:40px; font-size: 32px; color:#282828; margin-top:20px;}
.xxbl .titcb{padding-left:40px; color:#858585;}
.xxbl .titcb a,.xxbl .titcb a:link,.xxbl .titcb a:visited{color:#a153cb;}
.xxbl .conc{border-top:1px solid #f9f9f9; padding-top:20px; margin-top:20px;margin-bottom:20px;}
.xxbl .conc  .email{background: url(../img/blue_50.png) no-repeat left center; padding-left:40px;}
.xxbl .conc  .addr{background: url(../img/blue_56.png) no-repeat left 5px; padding-left:40px;}
.xxbl .conc  .telc{background: url(../img/blue_59.png) no-repeat left center; padding-left:40px;display: inline-block;}
.xxbl .conc  .per{background: url(../img/blue_61.png) no-repeat 20px center; padding-left:60px; display: inline-block;}
@media (max-width: 992px) {
	.conconli .imgcon{width:100px;}
	.conconli .imgcon span{font-size: 18px; font-weight: bold;}
	
	.con .col-sm-3:nth-child(4) { margin-bottom: 0px;}
	header{height:auto;  background-color: #ffffff; font-size: 16px; color:#4b4b4b; }
	header .logo{ height:36px; padding-top:10px;}
	.nav{display: block;}
	.nav .con2{position: absolute;right: -30px; clear:both; width:100%;text-align: left;top: 60px;display: none;z-index:99999; background:#f8f8f8; padding-left:30px; line-height: 40px;}
	.nav .con2 .divblock{ display: block;}
	header .iconfont{font-size:20px; margin-left:0px; margin-right:8px; color:#666666; font-weight: normal;}
	.logo span{display: none;}
	.logo img{margin-top:0;}
	header .iconfont:nth-child(1){font-size:24px; }
	header .red{font-size: 18px;}
	.inner-header{width: 100%;height: 50px;position: absolute;top: 0px;left: 0px; display:block;}
	.inner-header-icon{color: #333333;height: 60px;font-size:25px;text-align: center;float:right;width: 50px;position: relative;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
	.inner-header-icon:hover{cursor: pointer;}
	.inner-header-icon span{position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 2);width: 25px;height: 1px;background-color: rgba(0,0,0,0.5);}
	.inner-header-icon span:nth-child(1){transform: translateY(8px) rotate(0deg);}
	.inner-header-icon span:nth-child(2){opacity:0;}
	.inner-header-icon span:nth-child(3){transform: translateY(-8px) rotate(0deg);}
	.inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}
	.inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
	.inner-header-icon-click span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickthird;}
	.inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}
	.inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
	.inner-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outthird;}
	header .ewm{display: none; }
	.carousel .carousel-item  img{height:7rem; width:100%;   object-fit:fill;}
	.focus .carousel-item  img{ height:18.75rem;width:100%;  }
	.carousel  .carousel-indicators  li{display: none;}
	.syscon img{ height:16rem; }
	.con{margin-bottom: 0px;}
	.con .col-sm-3{margin-bottom: 30px;}
	.liucheng {  margin:0px 20px; margin-bottom: 15px; padding:15px!important;   }
	.liucheng .jiantou{display: none;}
	.liucheng .xz{ margin-bottom:15px;}
	.dgzh{margin-right:30px;}
	footer{height:auto; line-height: 30px;  padding:10px 0; }
	footer .footimg{width:100%; overflow: hidden; margin-bottom: 20px;}
	.c7c7c7{display: none;}
	.inlineblock{display: block; }
   .aboutcon {top: 0px; position: relative; padding:20px;}
   .pdnone{padding:0;}
   .bg1{height:auto;}
   .aboutcon .titcon{  padding-left:40px; font-size: 20px; color: #282828; height:40px; line-height: 40px; margin-bottom: 20px;}
   .concon{display: block;}
   .concon .conconli{ flex:none; width:33%; float: left; flex-wrap:wrap; text-align: center; line-height: 24px; border-left:1px solid #f9f9f9; margin-bottom: 20px; }
   .concon .conconli:nth-child(4){clear: both; border-left:none;}
   .w66{width:66%!important;}

   .conconli .textcon{margin-top:20px; color: #676767; font-size: 14px;}
   .bg2{height:auto; background-size: auto; line-height: 40px;}
   
   .con3 h2{background: url(../img/blue_37.png) no-repeat left center; padding-left:40px; font-size: 20px;  color:#ffffff; line-height: 40px; height:auto; display: inline-block; font-weight: bold; margin-bottom: 0; margin-top:20px;}
   .con3 h4{font-size: 14px;  color:#ffffff; display: inline-block;line-height: 20px; height:auto; padding-left: 40px; background: none; margin-bottom: 20px;}
   .xsbl{display: block; margin:0px 0 0px 0; position: relative;  background-color: #f9f9f9; z-index: 999; padding-left:0px; top:0;}
   .xsbl .titc{background: url(../img/index_18.png) no-repeat left center; padding-left:40px; font-size: 20px; color:#282828; }
   .xsbl .titc span{font-size: 14px;}
   .xsbl  .conc{margin-left:20px;}
    .xsbl  .conc .xsblcon{font-size: 14px; width:90%; height:50px; line-height: 50px; margin:20px auto;}
   .xsbl  .conc  .zi{ background-color: #a153cb; margin-bottom: 20px;}
   .container .bghui::before{display: none!important;}
   .xxbl .titc{background: url(../img/index_18.png) no-repeat left center; padding-left:40px; font-size: 20px; color:#282828; margin-top:20px;}
   .xxbl .titcb{padding-left:40px; color:#858585;}
   .xxbl .titcb a,.xxbl .titcb a:link,.xxbl .titcb a:visited{color:#a153cb;}
   .xxbl .conc{border-top:1px solid #f9f9f9; padding-top:20px; margin-top:20px;margin-bottom:20px;}
   .xxbl .conc  .per{background: url(../img/blue_61.png) no-repeat left center; padding-left: 40px; }
   }
   .xxbl .conc  .email{background: url(../img/blue_50.png) no-repeat left 5px; }
 
}

.bluebg{background: #1449aa;}
.bghui{background-color: #f9f9f9;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px!important;}
.red{color:#2845a6;}
.blue{color:#020202; font-weight: bold;}
.black{color:#1d1d1d;}
.fl{float:left;}
.fr{float:right;}
.clearfix{ *zoom: 1; } 
.clearfix:before, .clearfix:after {  display: table; line-height: 0; content: ""; } 
.clearfix:after { clear: both; } 
.yincang{display: none;}
.xianshi{display: block;}
.pcp-4 { padding: 1.5rem !important;}
.hengline{position:relative; }
.bold{font-weight: bold;}
.hengline::after{content:""; position:absolute; top:18px; left:-2px; width:3px; height:1px; background-color: #333333;}
.curpoint{cursor: pointer;}

 /*第一条线旋转动画*/
 @keyframes clickfirst{0%{transform: translateY(8px) rotate(0deg);}
 100%{transform: translateY(0) rotate(45deg);}}
 /*第二条线淡入淡出动画动画*/
 @keyframes clicksecond{0%{opacity: 1;}
 100%{opacity: 0;}}
 /*第三条线旋转动画*/
 @keyframes clickthird{0%{transform: translateY(-8px) rotate(0deg);}
 100%{transform: translateY(0) rotate(-45deg);}} 
 
 @keyframes outfirst{0%{transform: translateY(0) rotate(-45deg);}
 100%{transform: translateY(-8px) rotate(0deg);}} 
 @keyframes outsecond{0%{opacity: 0;}
 100%{opacity: 1;}} 
 @keyframes outthird{0%{transform: translateY(0) rotate(45deg);}
 100%{transform: translateY(8px) rotate(0deg);}}