@charset "utf-8";
/* CSS Document 
制作： 青华互联网站建设 版权所有 复制必究
网址： www.qinghuahulian.com
电话/微信：18653219163  QQ:893157818
邮箱：vip@qinghuadns.com  联系人：王小姐
*/

*{margin:0px; padding:0px; box-sizing:border-box;
}
html,body{
     -webkit-text-size-adjust:none; scrollbar-width: thin;
}
body{
	color:#333333;
	background-color:#fff; font-family:Verdana, Geneva, sans-serif, Arial, Helvetica, sans-serif;
}
body img{
    border:0px;
}
input, textarea {
	outline: 0;
	border: none;
	background: 0 0;
	font-size: 14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	-webkit-appearance: none;
}

/*强制去除表单自带的样式*/ 
input,button,select,textarea{outline:none; -webkit-appearance:none;}

/*强制去除textarea自带的样式*/
textarea{resize:none; -webkit-appearance:none;}

textarea,input,select { background:none; border:none; margin:0; padding:0;}
A {
	color: #222222; text-decoration:none;
}
A:link {
	color: #222222; text-decoration:none;
}
A:visited {
	color: #222222; text-decoration:none;
}
A:hover {
	color: #152A8B; text-decoration:none;
}
.clear{
	clear:both;
}
ul li{
	list-style-type:none;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.wrap{
	height:auto; margin-left:150px; margin-right:150px;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt50{
	margin-top:50px;
}
.mt80{
	margin-top:80px;
}
.top_box{
	height:105px; background-color:#fff; padding-left:150px; padding-right:150px;
}
.logo{
	padding-top:10px; float:left;
}
.mnav{
	display:none;
}
.nav{
	float:left; margin-top:32px; margin-left:7%;
}
.nav li{
	float:left; margin-left:60px; position:relative;
}
.nav li i{
	margin-left:10px; font-size:14px; color:#010101;
}
.nav li a{
	color:#010101; line-height:50px; padding-bottom:28px; font-size:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.nav li:hover a{
	color:#152A8B;
}
.nav li:hover i{
	color:#152A8B;
}
.nav li.on a{
	color:#152A8B;
}
.nav li.on i{
	color:#152A8B;
}
.nav li.mlang{
	display:none;
}
.nav li.mlang img{
	vertical-align:middle;
}
.nav ul li .sec-menu {
	position:absolute; top: 55px; width: 180px; left:0px; display:none; z-index:111; padding-top:10px; padding-bottom:12px; background-color:#fff; box-shadow: 0 0 4px #e2e2e2; padding-left:10px; padding-right:10px; border-top:3px #152A8B solid;  border-bottom-left-radius: 5px;  /* 左下角 */
border-bottom-right-radius: 5px; /* 右下角 */
-webkit-border-bottom-left-radius: 5px;  /* 左下角 */
-webkit-border-bottom-right-radius: 5px; /* 右下角 */
}
.nav ul li .sec-menu li{
	text-align:left; list-style-type:none; height:40px; line-height:40px; float:none; margin-left:0px;
}
.nav ul li .sec-menu li a {
	 display:block; font-size:15px; background-position:5px center;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s; border-bottom:0px;
	transition: all 0.3s; color:#252525; font-weight:normal; padding-left:10px; padding-bottom:0px;
}
.nav ul li .sec-menu li a:link {
	display:block; line-height:40px;
}
.nav ul li .sec-menu li a:visited {
	display:block; line-height:40px;
}
.nav ul li .sec-menu li a:hover {
	display:block; line-height:40px; color:#152A8B;  background-color:#f8f8f8;
}
.header_right{
	float:right; margin-top:39px; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; 
}
.seabnt{
	width:30px; height:30px; background:url(../images/search_bntbg.svg) center center no-repeat; cursor:pointer;
}
.search{
	width:320px; height:auto; padding:10px; position:absolute; right:0px; top:66px; z-index:-1; background-color:rgba(255,255,255,0.7); opacity: 0; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;
}
.search form{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content:flex-start;
}
.sea_txt{
	width:72%; height:38px; line-height:38px; background-color:#fff; padding-left:10px; border:1px #ddd solid; display:none; border-right:0px; -webkit-appearance: none; border-radius: 0;
}
.sea_sub{
	width:28%; height:38px; line-height:38px; border:0px; background-color:#13489D; color:#fff; font-size:16px; cursor:pointer; border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px;
}
.search_show{
	 z-index:1111; opacity: 1; transition: 0.4s all;
	-webkit-transition: 0.4s all;
	-moz-transition: 0.4s all;
	-o-transition: 0.4s all;
}
.search_show .sea_txt{
	display:inline-block;
}
.lang{
	line-height:32px; margin-left:30px; background:url(../images/langbg.svg) left center no-repeat; -moz-background-size:27px auto; font-size:18px;  background-size:27px auto; padding-left:35px; position:relative; cursor:pointer;
}
.lang i{
	font-size:14px; color:#000;
}
.lang .lang_info{
	position:absolute; left:0px; top:32px; opacity: 0; z-index:-1;
}
.lang .lang_info ul{
	width:107px; height:auto; padding-left:10px; padding-top:5px; padding-bottom:8px;
	 background-color:#fff; box-shadow: 0 0 4px #e2e2e2; margin-top:10px;
}
.lang .lang_info img{
	vertical-align:middle; margin-right:5px;
}
.lang .lang_info a{
	font-size:15px;
}
.lang:hover .lang_info{
	z-index:100; opacity: 1;
}
.index-banner-wrapper{
	width:100%; height:auto; position:relative; overflow:hidden; transform:translate3d(0,0,0); 
}
.index-banner-wrapper img{
	width:100%; height:auto; display:block;
}
.index-banner-wrapper .swiper-slide{
	transform:translate3d(0,0,0); overflow:hidden; position:relative;
}
.index-banner-wrapper .swiper-pagination {
    text-align: center; width: 100%; position:absolute; left:0px; bottom:35px; z-index:10;
}
.index-banner-wrapper .swiper-button-next{
	color:#e5e9ef; right:80px;
}
.index-banner-wrapper .swiper-button-prev{
	color:#e5e9ef; left:80px;
}
.index-banner-wrapper .index-banner-swiper .swiper-slide-active .box-container {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}
.index-banner-wrapper .index-banner-swiper .video > img {
  display: none;
  width: 100%;
}
.index-banner-wrapper .index-banner-swiper .video video {
  display: block;
  width: 100%;
  height: 100vh;
  object-fit: cover;
  object-position: left top;
}
.index-banner-wrapper .index-banner-swiper .box-container {
  opacity: 0;
  visibility: hidden;
  transform: translateY(120px);
  -webkit-transform: translateY(120px);
  -moz-transform: translateY(120px);
  -ms-transform: translateY(120px);
  -o-transform: translateY(120px);
  transition: all 1.5s ease;
  -webkit-transition: all 1.5s ease;
  -moz-transition: all 1.5s ease;
  -ms-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition-delay: 0.4s;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.index-banner-wrapper .swiper-slide {
  overflow: hidden;
}
.index-banner-wrapper .swiper-slide.swiper-slide-active a > img {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.index-banner-wrapper .swiper-slide a {
  display: block;
}
.index-banner-wrapper .swiper-slide a > img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transition: transform 6s ease;
  -webkit-transition: transform 6s ease;
  -moz-transition: transform 6s ease;
  -ms-transition: transform 6s ease;
  -o-transition: transform 6s ease;
}
.index-banner-wrapper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color:#ffffff;
  position: relative; margin:0 8px;
}
.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #BCC8FF;
}
.index-banner-wrapper .swiper-pagination-bullet svg {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 50%;
  margin-left: -11px;
}
.index-banner-wrapper .swiper-pagination-bullet svg:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.index-banner-wrapper .swiper-pagination-bullet {
  fill: none;
}
.index-banner-wrapper .circle-chart__circle {
  stroke-linecap: square;
  fill: none;
}
.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__background {
  stroke: rgba(255, 255, 255, 0.4);
}
.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle {
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: square;
  fill: none;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform-origin: center;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  -moz-transform-origin: center;
}
.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle {
  animation: circle-chart-fill 5.5s linear reverse;
  -moz-animation: circle-chart-fill 5.5s linear reverse;
  -webkit-animation: circle-chart-fill 5.5s linear reverse;
  -ms-animation: circle-chart-fill 5.5s linear reverse;
}
.index-banner-wrapper .swiper-pagination-bullet.one.swiper-pagination-bullet-active .circle-chart__circle {
  animation: circle-chart-fill 5.5s linear reverse;
  -moz-animation: circle-chart-fill 5.5s linear reverse;
  -webkit-animation: circle-chart-fill 5.5s linear reverse;
  -ms-animation: circle-chart-fill 5.5s linear reverse;
}
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
}
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:focus,
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:active,
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:link {
  outline: none;
}

@keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-webkit-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-moz-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-ms-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
.aboutbox{
	width:100%; height:auto; background:url(../images/aboutboxbg.png) left bottom no-repeat; margin-top:100px;
}
.aboutus{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; position:relative;
}
.aboutus_info{
	width:50%;
}
.aboutus_info p{
	line-height:36px; margin-top:30px;
}
.aboutus_pics{
	width:44%;
}
.aboutus_pics img{
	width:100%; height:auto; display:block;
}
.title{
	font-size:52px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.title span{
	font-size:38px; color:#E2E2E2;
}
.title img{
	vertical-align:middle;
}
.title p{
	max-width:1200px; font-size:20px; color:#666666; margin:15px auto; margin-top:20px; line-height:30px; font-weight:normal;
}
.more{
	width: 160px; height: 46px; line-height:46px; background-color:#152A8B; border-radius: 23px; position:relative; margin-top:30px;
}
.more a{
	display:block; line-height:46px; color:#fff; padding-left:27px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.more img{
	position:absolute; right:5px; top:4px; transition: transform 0.3s ease;transform: rotate(-45deg);
}
.more a:hover{
	color:#fff;
}
.more a:hover img{
	transform: rotate(0deg);
}
.about_data{
	width:60%; height:auto; padding-top:30px; padding-bottom:50px; position:absolute; left:0px; bottom:8%; z-index:10; background: #FFFFFF; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; padding-left:15px;
}
.about_data .data1{
	width:49%; height:90px; background:url(../images/about_icon01.svg) left center no-repeat; padding-left:100px; border-right:1px #C2C2C2 solid; padding-right:15px;
}
.about_data .data2{
	width:49%; height:90px; background:url(../images/about_icon02.svg) left center no-repeat; padding-left:100px; padding-right:15px;
}
.about_data span{
	font-size:60px; color:#152A8B; font-weight:bolder; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.about_data p{
	color:#C2C2C2; margin-top:0px; line-height:22px; font-size:14px;
}
.txtcenter{
	text-align:center;
}
.business{
	height:auto; margin-top:50px;
}
.business ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.business li{
	width:25%; margin-bottom:30px; position:relative;
}
.business li img{
	width:100%; height:auto; display:block;
}
.business li:first-child{
	width:46%;
}
.business li:last-child{
	width:46%;
}
.business_info{
	position:absolute; left:0px; bottom:10px; z-index:10; color:#fff; height:110px; padding-left:30px; padding-right:30px;
}
.business_info h3{
	font-weight:normal;
}
.business_info h3 a{
	font-size:26px;
}
.business_info a{
	color:#fff;
}
.business_info p{
	margin-top:10px; line-height:26px;
}
.business01 font{
	display:inline-block;
}
.business01 .mmore{
	display:none;
}
.map{
	width:100%; height:auto; position:relative; margin-top:50px;
}
.map img{
	width:100%; height:auto; display:block;
}
.map img.posipic{
	width:48px; height:48px; margin:0 auto; display:block;
}
.posi01{
	position:absolute; left:9.5%; top:50%; z-index:10; text-align:center; cursor:pointer;
}
.posi02{
	position:absolute; left:50%; top:43%; z-index:10; text-align:center; cursor:pointer;
}
.posi03{
	position:absolute; left:59%; top:27%; z-index:10; text-align:center; cursor:pointer;
}
.posi04{
	position:absolute; left:62.5%; top:45%; z-index:10; text-align:center; cursor:pointer;
}
.posi05{
	position:absolute; left:72.8%; top:52.5%; z-index:10; text-align:center; cursor:pointer;
}
.posi06{
	position:absolute; left:77%; top:63%; z-index:10; text-align:center; cursor:pointer;
}
.maps_info{
	width: 355px; height: auto; padding:20px; padding-right:15px; position:absolute; left:50%; bottom:85px; transform: translateX(-50%); z-index:11; background: rgba(255, 255, 255, 0.9); border-radius:15px;-moz-border-radius:px;-webkit-border-radius:px;-o-border-radius:px; 
border: 1px solid #4A7EBF; text-align:left; font-size:14px; display:none;
}
.maps_info h3{
	font-size:14px;
}
.maps_info li{
	margin-top:10px; padding-left:27px; line-height:20px;
}
.maps_info li.map_add{
	background:url(../images/map_addbg.svg) left 2px no-repeat;
}
.maps_info li.map_tel{
	background:url(../images/map_telbg.svg) left 2px no-repeat;
}
.maps_info li.map_email{
	background:url(../images/map_emailbg.svg) left 0px no-repeat;
}
.maps_info .arrow-down {
            position: absolute;
            bottom: -14px;          /* 三角形高度12px，完全外挂于卡片底部中央 */
            left: 50%;
            transform: translateX(-50%);
            width: 30px;            /* 三角形宽度略宽，视觉效果均衡且稳固 */
            height: 14px;
            display: block;
            pointer-events: none;    /* 让点击穿透，点击三角形时实际触发卡片 */
            z-index: 2;
}
.maps_info .line{
	width:23px; height:1px; background:#fff; position:absolute; bottom:-1px; left:50%; margin-left:-11.5px; z-index:5;
}
.posi01:hover .maps_info{
	display:block;
}
.posi02:hover .maps_info{
	display:block;
}
.posi03:hover .maps_info{
	display:block;
}
.posi04:hover .maps_info{
	display:block;
}
.posi05:hover .maps_info{
	display:block;
}
.posi06:hover .maps_info{
	display:block;
}
.youshi{
	margin-top:50px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.youshi_pic{
	width:40%;
}
.youshi_pic img{
	width:100%; height:100%; object-fit: cover;
}
.youshi_info{
	width:57%;
}
.youshi_info ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.youshi_info li{
	width:48%; background-color:#F9F9F9; padding:30px 20px; margin-bottom:30px;
}
.youshi_info li h3{
	font-size:24px; color:#152A8B; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.youshi_info li h3 img{
	width:70px; height:auto; vertical-align:middle;
}
.youshi_info li:hover h3 img{
     -webkit-animation:swing 1s 0s ease both;animation:swing 1s 0s ease both
}
.youshi_info li p{
	line-height:28px; color:#666; margin-top:30px; max-height:250px; 
      overflow-y: auto;
      overflow-x: hidden;
}
/* 兼容 Chrome / Edge / 新版 Opera 等 webkit 内核浏览器 */
.youshi_info li p::-webkit-scrollbar {
	background-color: #999;
	border-radius: 5px;
    width: 5px; /* 滚动条宽度 5px */
    }
    /* 滚动条轨道 */
.youshi_info li p::-webkit-scrollbar-track {
      border-radius: 5px; /* 轨道圆角 */
    }
    /* 滚动条滑块（默认状态） */
.youshi_info li p::-webkit-scrollbar-thumb {
      background-color: #152A8B; /* 默认颜色 */
      border-radius: 5px; /* 滑块上下圆角 */
    }
    /* 滑块 hover/选中状态 */
.youshi_info li p::-webkit-scrollbar-thumb:hover {
      background-color: #152A8B; /* 选中/悬浮颜色 */
    }

    /* 兼容 Firefox 浏览器 */
    .scroll-box {
      scrollbar-width: thin;
      scrollbar-color: #999 transparent;
    }
.youshi_info li.mbottom0{
	margin-bottom:0px;
}
.partnerbox{
	width:100%; height:auto; padding-top:20px; padding-bottom:120px; margin-top:90px; background:url(../images/partnerbg.jpg?v=1.1) center top no-repeat; background-size:cover;
}
.partnerbox .title{
	color:#fff;
}
.partnerbox .title p{
	color:#fff;
}
.partner{
	margin-left:50px; margin-right:50px; margin-top:50px; overflow:hidden;
}
.partner .swiper-slide img{
	width:100%; height:auto; display:block; border-radius: 5px;
}
.partnerpagination{
	text-align:center; margin-top:30px;
}
.partner .swiper-pagination-bullet {
	display: inline-block;opacity:1; width: 12px;height: 12px;margin: 5px;cursor: pointer;transition: width 0.3s ease-in-out;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; background: #ddd;
}
.partner .swiper-pagination-bullet-active{
	background:#13489D;
}
.newsbox{
	width:100%; height:auto; padding-bottom:150px; background:url(../images/newsbg.png) left bottom no-repeat;
}
.news_cat{
	height:auto; margin-top:30px;
}
.news_cat ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; 
}
.news_cat li{
	width: 154px; height: 40px; line-height:40px; margin-right:30px; background: #F8F8F8; border-radius: 20px; text-align:center; color:#666666; cursor:pointer;
}
.news_cat li.on{
	background: #152A8B; color:#ffffff;
}
.newslist{
	margin-top:50px;
}
.newslist ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.newslist li{
	width:23%; padding-bottom:15px;
}
.newslist li img{
	width:100%; height:auto; display:block;
}
.newslist li p{
	color:#666; margin-top:30px; line-height:30px;
}
.newslist li a{
	font-size:20px; color:#000;
}
.newslist li span{
	color:#152A8B; display:block; font-size:14px;
}
.footbox{
	width:100%; height:auto; background: rgba(20, 20, 20, 0.8); padding-top:80px;
}
.foot_logo h2{
	color:#ffffff; margin-top:20px; margin-bottom:30px; font-size:24px;
}
.foot_logo{
	width:40%; color:#C2C2C2; line-height:36px; font-size:14px;
}
.foot_logo a{
	color:#C2C2C2;
}
.foot_logo a:hover{
	color:#ffffff;
}
.foot_logo p img{
	vertical-align:middle; margin-right:3px;
}
.footer{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.foot_nav{
	width:50%; padding-top:30px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.foot_nav div{
	
}
.foot_nav div h3{
	color:#fff; margin-bottom:25px;
}
.foot_nav div a{
	color:#C2C2C2; line-height:36px; font-size:14px;
}
.share{
	margin-top:20px; text-align:right;
}
.share img{
	margin-right:20px;
}
.copyrights{
	text-align:center; border-top:1px #5a5a5a solid; margin-top:30px; color:#A8A8A8; font-size:14px; padding-top:25px; padding-bottom:25px;
}
.copyrights a{
	color:#A8A8A8;
}
.copyrights a:hover{
	color:#ffffff;
}
.aboutus_cominfo{
}
.aboutus_cominfo p{
	line-height:36px; margin-top:30px;
}
.about_comdata{
	width:100%;	position:inherit; margin-top:40px;
}
.about_comdata p{
	margin-top:0px;
}
.culture_box{
	width:100%; height:auto; padding-top:100px; padding-bottom:200px; margin-top:110px; background:url(../images/culturebg.jpg) center top no-repeat; background-size:cover;
}
.culture{
	margin-top:70px;
}
.culture ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.culture li{
	width:49%; padding:30px; background: rgba(168, 183, 255, 0.1);
border: 1px solid #FFFFFF;
box-shadow: inset 0px 4px 4px rgba(255, 255, 255, 0.25);
backdrop-filter: blur(25px);
border-radius: 10px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap;
}
.culture li .culture_txt{
	width:70%; padding-left:30px; font-size:24px;
}
.culture li .culture_txt p{
	font-size:16px; color:#666; margin-top:15px; line-height:28px;
}
.culture li:hover img{
     -webkit-animation:swing 1s 0s ease both;animation:swing 1s 0s ease both
}
.historybox{
	background:url(../images/historybg.jpg) center bottom no-repeat; padding-bottom:400px; margin-top:100px; position:relative; -moz-background-size:100% auto;  background-size:100% auto;
}
.hostory{
	overflow:hidden; color:#666666; margin-top:50px;
}
.hostory h3{
	color:#010101; line-height:35px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px;
}
.hostory .hline{
	margin-top:30px; margin-bottom:30px; border-top:1px #DADADA solid; position:relative;
}
.hostory .hline span{
	width:10px; height:10px; background: #DB1821; border: 1px solid #FFFFFF; display:inline-block; position: absolute; left:0px; top:-6px; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;
}
.hostory p{
	line-height:32px; padding-right:20px;
}
.hpnbox{
	width:110px; height:auto; position:absolute; right:150px; top:10px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.hpnbox .hostory-prev{
	width:50px; height:50px; padding-top:15px; border:1px #9C9A9A solid; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; text-align:center; cursor:pointer;
}
.hpnbox .hostory-next{
	width:50px; height:50px; padding-top:15px; border:1px #9C9A9A solid; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; text-align:center; cursor:pointer;
}
.honorbox{
	position:relative; padding-bottom:80px;
}
.honorbox .honor-prev{
	width:50px; height:50px; position:absolute; left:3%; top:38%; padding-top:15px; border:1px #9C9A9A solid; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; text-align:center; cursor:pointer; z-index:10;
}
.honorbox .honor-next{
	width:50px; height:50px; position:absolute; right:3%; top:38%; padding-top:15px; border:1px #9C9A9A solid; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; text-align:center; cursor:pointer; z-index:10;
}
.honorbox .honorpagination{
	text-align:center;
}
.honorbox .swiper-pagination-bullet {
	display: inline-block;opacity:1; width: 12px;height: 12px;margin: 5px;cursor: pointer;transition: width 0.3s ease-in-out;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; background: #ddd;
}
.honorbox .swiper-pagination-bullet-active{
	background:#13489D;
}
.honor{
	overflow:hidden; margin-top:60px; padding-bottom:40px;
}
.honor .swiper-slide{
	text-align:center; line-height:26px;
}
.honor .swiper-slide img{
	width:100%; height:auto; margin-bottom:20px;
}
.position{
	border-bottom:2px #f4f4f4 solid; padding-top:30px; padding-bottom:30px;
}
.position ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: center;
}
.position li{
	padding-left:80px; padding-right:80px; border-right:1px #A8A8A8 solid;
}
.position li:last-child{
	border-right:0px;
}
.position li.cat_cur a{
	color:#13489d;
}
.greybox{
	background-color:#FBFBFB; padding-top:70px; padding-bottom:50px;
}
.sgreybox{
	background-color:#f1f1f1; padding-top:70px; padding-bottom:80px;
}
.service{
	height:auto;
}
.service ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; padding-top:50px;
}
.service li{
	width:31%; margin-bottom:40px; font-size:24px; line-height:36px;
}
.service li img{
	width:100%; height:auto; display:block; margin-bottom:20px; border-radius: 10px;
}
.service li p{
	font-size:16px; color:#666666; margin-top:15px; line-height:30px;
}
.coverage{
	height:auto;
}
.coverage ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; padding-top:50px;
}
.coverage li{
	width:48%; margin-bottom:50px; font-size:24px; background: #FFFFFF; padding-bottom:30px; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1); border-radius: 10px; overflow:hidden;
}
.coverage li img{
	width:100%; height:auto; display:block; margin-bottom:20px; border-radius: 10px;
}
.coverage li p{
	font-size:16px; color:#666666; margin-top:15px; line-height:30px;
}
.coverage .coverage_info{
	padding-left:30px;
}
.process{
	margin-top:50px; padding-bottom:150px;
}
.process ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.process li{
	width:21.5%; background: #F4F4F4; padding-top:60px; padding-bottom:90px; border-radius: 10px; text-align:center; font-size:22px; line-height:32px;
}
.process li img{
	margin-bottom:20px;
}
.process li:hover img{
     -webkit-animation:swing 1s 0s ease both;animation:swing 1s 0s ease both
}
.process li p{
	font-size:16px; color:#666; margin-top:20px;
}
.process li.process_arrow{
	max-width:60px; background:url(../images/process_arrow.svg) center center no-repeat;
}
.caselist{
	margin-top:50px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.case_pic{
	width:46%;
}
.case_pic img{
	width:100%; height:100%; display:block; object-fit:cover;
}
.case_info{
	width:54%; background-color:#FBFBFB; padding-left:3%; padding-right:3%; padding-top:40px;
}
.case_info h3{
	font-size:32px;
}
.case_info p{
	margin-top:30px; line-height:32px; color:#666;
}
.zhanhuibox{
	background:url(../images/zhanhuibg.jpg) center center no-repeat; padding-top:40px; padding-bottom:100px; margin-top:80px; position:relative;
}
.zhanhui{
	overflow:hidden; margin-top:60px;
}
.zhanhui .swiper-slide {
    text-align: center; transform: scale(0.8);
}
.zhanhui .swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
}
.zhanhui .swiper-slide img{
	width:100%; height:auto; display:block; border:3px #fff solid;
}
.zhanhuibox .zhanhui-prev{
	width:50px; height:50px; position:absolute; left:3%; top:50%; padding-top:15px; border:1px #9C9A9A solid; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; text-align:center; cursor:pointer; z-index:10;
}
.zhanhuibox .zhanhui-next{
	width:50px; height:50px; position:absolute; right:3%; top:50%; padding-top:15px; border:1px #9C9A9A solid; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; text-align:center; cursor:pointer; z-index:10;
}
.zhanhuibox .zhanhuipagination{
	text-align:center; margin-top:30px;
}
.zhanhuibox .swiper-pagination-bullet {
	display: inline-block;opacity:1; width: 12px;height: 12px;margin: 5px;cursor: pointer;transition: width 0.3s ease-in-out;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; background: #fff;
}
.zhanhuibox .swiper-pagination-bullet-active{
	background:#13489D;
}
.hzms{
	margin-top:50px; padding-bottom:150px;
}
.hzms ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.hzms li{
	width:30%; background: #F4F4F4; padding-top:60px; padding-bottom:100px; border-radius: 10px; text-align:center; font-size:24px;
}
.hzms li img{
	margin-bottom:25px;
}
.hzms li:hover img{
     -webkit-animation:swing 1s 0s ease both;animation:swing 1s 0s ease both
}
.case_cat{
	background-color:#f5f5f5; height:100px; line-height:100px;
}
.case_cat ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: flex-start; padding-top:0px;
}
.case_cat li{
	width:auto; height:100%; text-align:center; margin-bottom:0px;
}
.case_cat li a{
	display:block; font-size:20px; padding-left:50px; padding-right:50px; line-height:100px;
}
.case_cat li.cat_cur{
	background-color:#152a8b;
}
.case_cat li.cat_cur a{
	color:#ffffff;
}
.case_content{
	margin-top:50px; padding-bottom:50px;
}
.case_table{
	width:100%; border-right:1px #DADADA solid;
}
.case_table td{
	border-left:1px #DADADA solid; border-bottom:1px #DADADA solid; line-height:28px; padding-top:20px; padding-bottom:20px; padding-left:2%; padding-right:2%;
}
.case_table tr:hover{
	background-color:#f1f1f1;
}
.case_title td{
	background-color:#152A8B; line-height:80px; color:#fff; font-weight:bolder;
}
.case_title1{
	width:120px;
}
.case_title2{
	width:200px;
}
.case_title3{
	width:160px;
}
.contactus{
	margin-top:50px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.contactus div{
	width:31%;
}
.contactus div img{
	width:100%; height:auto; margin-bottom:20px; border-radius: 10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;
}
.contactus div h3{
	line-height:38px; font-size:22px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.contactus div ul{
	margin-top:20px;
}
.contactus div ul li{
	line-height:28px; margin-bottom:15px; padding-left:28px; color:#666;
}
.con_add{
	background:url(../images/contact_icon01.svg) left 6px no-repeat;
}
.con_tel{
	background:url(../images/contact_icon02.svg) left 5px no-repeat;
}
.con_email{
	background:url(../images/contact_icon03.svg) left 6px no-repeat;
}
.contact_map{
	margin-top:80px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; border-radius: 10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; overflow:hidden;
}
.contact_map_info{
	width:50%; background-color:#FBFBFB; padding-top:50px; padding-left:3%; 
}
.contact_map_info h3{
	font-size:24px; margin-top:40px;
}
.contact_map_info ul{
	margin-top:30px;
}
.contact_map_info ul li{
	line-height:28px; margin-bottom:15px; padding-left:28px; color:#666;
}
.contact_map_pic{
	width:50%;
}
.contact_map_pic img{
	width:100%; height:100%; object-fit:cover;
}
.messagebox{
	background:url(../images/messagebg.jpg) center center no-repeat; padding-top:20px; padding-bottom:120px; margin-top:80px;
}
.messagebox .title{
	color:#fff;
}
.messagebox .title p{
	color:#fff; margin:0px; margin-top:10px;
}
.message{
	
}
.message form{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:45px;
}
.mesg_txt{
	width:32%; height:52px; line-height:52px; background: #F6F6F6; border-radius: 5px; margin-bottom:25px; padding-left:15px; font-size:16px; color:#333;
}
.mesg_text{
	width:100%; height:160px; line-height:28px; padding-top:10px; background: #F6F6F6; border-radius: 5px; margin-bottom:25px; padding-left:15px; font-size:16px; color:#333;
}
.mesgbox{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; 
}
.code_txt{
	width:200px;
}
.checkcode{
	height:52px !important; width:auto; margin-left:15px;
}
.mesg_sub{
	width:250px; height:52px; color:#fff; border:0px; font-size:18px; text-align:center; border-radius: 5px; cursor:pointer; background-color:#004FA1; 
}
.mesg_sub i{
	margin-left:10px; font-size:20px;
}
.mtop0{
	margin-top:0px;
}
.backtop{
    display: none;
    right: 20px;
    bottom: 20px;
    width: 44px;
    height: 44px;
    border-radius: 4px;
    position: fixed;
    cursor: pointer;
    z-index: 99;
    background: #152a8b url(../images/top.svg) no-repeat center/22px auto;
}
.backtop a{
	width:44px; height:44px; display:block;
}
.searchlist{
	margin-top:50px; padding-bottom:50px;
}
.searchlist li{
	height:auto; line-height:32px; padding-bottom:15px; margin-top:15px; border-bottom:1px #e2e2e2 solid;
}
.searchlist li a{
	font-size:20px; color:#333333;
}
.searchlist li a:hover{
	color:#384eea;
}
.searchlist li span.datetime{
	font-size:14px; color:#888; display:inline-block; float:right;
}
.searchlist li p{
    line-height:24px; font-size:14px; margin-top:15px; color:#919191;
}
.pages{
	margin:0 auto;
	margin-top:15px; text-align:center; padding-top:10px; padding-bottom:50px;
}
.pages ul{
	list-style-type:none;
	padding:12px 0px 12px 0px;
}
.pages ul span{
	display:inline-block;
	font-family:Tahoma;
	height:30px;
	line-height:30px;
	margin-right:5px; font-size:16px;
}
.pages ul span.page-status{
	padding-left:15px; padding-right:15px; border:1px solid #E9E9E9;
}
.pages ul span.page-numbar{
	margin-right:3px; margin-left:-3px; font-size:16px;
}
.pages ul span.page-numbar a{
	margin-left:3px; margin-right:3px;	 font-size:16px;
}
.pages ul span a{
	color:#555;
	height:35px;
	line-height:35px;
	padding-left:15px;
	padding-right:15px;
	display:inline-block;
	border:1px solid #E9E9E9; font-size:16px;
}
.pages ul span a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#555; height:35px; line-height:35px;
	padding-left:15px;
	padding-right:15px; display:inline-block;
}
.pages ul a.page-num-current,
.pages ul a.page-num-current a,.pagebox ul a.page-num-current a:hover{
	background-color:#555;
	padding:0px 4px 0px; padding-left:15px; padding-right:15px;
	font-weight:bold;
	color:#fff;
}
.text-secondary{
    font-size:16px; text-align:center; padding-top:30px; padding-bottom:50px; height:auto; overflow:hidden; color:#888; border-top:1px #ddd solid;
}
.prenext{
	color:#525252;
	height:auto;
	border-top:1px #ddd dashed;
	width:100%;
	padding-top:20px;
	padding-bottom:10px;
	margin-top:15px; font-size:14px;
}
.prenext ul{
	list-style-type:none;
}
.prenext li{
	line-height:25px; color:#525252; font-size:14px;
}
.prenext a:link{
	line-height:25px; font-size:14px;
}
.prenext a:visited{
	line-height:25px; font-size:14px;
}
.prenext a:hover{
	line-height:25px; font-size:14px;
}


@media only screen and (max-width: 1680px) {
.wrap{
	margin-left:100px; margin-right:100px;
}
.top_box{
	padding-left:100px; padding-right:100px;
}
.hpnbox{
	right:100px;
}
.about_data{
	bottom:3%;
}
.aboutus_info p{
	line-height:30px;
}
.honorbox .honor-prev{
	left:1.5%;
}
.honorbox .honor-next{
	right:1.5%;
}
.zhanhuibox .zhanhui-prev{
	left:1.5%;
}
.zhanhuibox .zhanhui-next{
	right:1.5%;
}
}
@media only screen and (max-width: 1560px) {
.nav{
	margin-left:5%;
}
}
@media only screen and (max-width: 1440px) {
.nav{
	margin-left:3%;
}
.nav li{
	margin-left:50px;
}
.title{
	font-size:42px;
}
.title span{
	font-size:32px;
}
.title img{
	width:58px; height:auto;
}
.aboutbox{
	 -moz-background-size:55% auto;  background-size:55% auto; margin-top:70px;
}
.aboutus_info{
	padding-bottom:220px;
}
.about_data{
	width:67%; bottom:0px; padding-top:25px; padding-bottom:25px;
}
.about_comdata{
	width:100%;
}
.about_data span{
	font-size:52px;
}
.business_info{
	height:95px;
}
.business_info h3 a{
	font-size:22px;
}
.business_info p{
	font-size:14px; line-height:20px;
}
.youshi_info li h3{
	font-size:20px;
}
.youshi_info li h3 img{
	width:55px; height:auto;
}
.youshi_info li p{
	font-size:16px; line-height:30px;
}
.map{
	font-size:14px;
}
.map img.posipic{
	width:38px; height:38px;
}
.posi02{
	left:49%;
}
.posi06{
	left:76%;
}
.historybox{
	padding-bottom:350px; margin-top:80px;
}
.case_info h3{
	font-size:28px;
}
.case_info p{
	margin-top:20px; line-height:32px; font-size:14px;
}
}
@media only screen and (max-width: 1366px) {
.wrap{
	margin-left:60px; margin-right:60px;
}
.top_box{
	padding-left:60px; padding-right:60px;
}
.hpnbox{
	right:60px;
}
.nav li a{
	font-size:18px;
}
.title{
	font-size:38px;
}
.title span{
	font-size:28px;
}
.title img{
	width:52px; height:auto;
}
.aboutus_info p{
	font-size:16px; line-height:30px;
}
.about_data span{
	font-size:48px;
}
.business_info h3 a{
	font-size:20px;
}
.foot_logo h2{
	font-size:22px;
}
.foot_nav{
	width:57%;
}
.service li{
	font-size:22px;
}
.service li p{
	font-size:16px; line-height:30px;
}
.coverage li{
	font-size:22px;
}
.coverage li p{
	font-size:16px; line-height:30px; margin-top:10px;
}
.process li{
	font-size:22px; padding-bottom:70px;
}
.process li p{
	font-size:16px; line-height:30px;
}
.hzms li{
	font-size:22px; padding-bottom:70px;
}
}
@media only screen and (max-width: 1280px) {
.top_box{
	height:90px;
}
.logo img{
	width:180px; height:auto;
}
.nav{
	margin-left:4%; margin-top:25px;
}
.nav li{
	margin-left:35px;
}
.header_right{
	margin-top:32px;
}
.search{
	top:58px;
}
.title{
	font-size:34px;
}
.title span{
	font-size:24px;
}
.title img{
	width:48px; height:auto;
}
.about_data span{
	font-size:46px;
}
.youshi_pic{
	display:none;
}
.youshi_info{
	width:100%;
}
.youshi_info li{
	width:48.5%; padding:30px 20px;
}
.youshi_info li h3{
	font-size:24px;
}
.youshi_info li h3 img{
	width:55px; height:auto;
}
.foot_logo h2{
	font-size:20px; margin-top:10px; margin-bottom:10px;
}
.foot_nav div h3{
	font-size:18px;
}
.historybox{
	padding-bottom:300px;
}
.culture_box{
	margin-top:80px; padding-bottom:150px; 
}
.mt80{
	margin-top:60px;
}
.coverage .coverage_info{
	padding-left:15px;
}
.process{
	padding-bottom:100px;
}
.process li img{
	width:100px; height:auto;
}
.process li.process_arrow{
	max-width:30px; -moz-background-size:100% auto;  background-size:100% auto;
}
.hzms li img{
	width:100px; height:auto;
}
.case_info{
	padding-top:30px;
}
.contactus div h3{
	font-size:20px;
}
}
@media only screen and (max-width: 1024px) {
.wrap{
	margin-left:30px; margin-right:30px;
}
.top_box{
	padding-left:30px; padding-right:30px;
}
.hpnbox{
	right:30px;
}
.nav{
	margin-left:2%;
}
.nav li{
	margin-left:25px;
}
.business_info{
	height:auto; padding-left:15px; padding-right:15px;
}
.business_info h3 a{
	font-size:18px;
}
.business_info p{
	font-size:12px;
}
.partner{
	margin-left:30px; margin-right:30px;
}
.historybox{
	padding-bottom:250px;
}
.culture li .culture_txt p{
	font-size:14px; line-height:26px; margin-top:10px;
}
.culture_pic img{
	width:80px; height:auto;
}
.honorbox .honor-prev{
	display:none;
}
.honorbox .honor-next{
	display:none;
}
.zhanhuibox .zhanhui-prev{
	display:none;
}
.zhanhuibox .zhanhui-next{
	display:none;
}
.zhanhuibox{
	padding-top:5px; padding-bottom:80px;
}
.position li{
	padding-left:50px; padding-right:50px;
}
.case_info{
	padding-bottom:30px;
}
.case_info h3{
	font-size:24px;
}
.case_info p{
	line-height:26px;
}
.case_title1{
	width:100px;
}
.about_data{
	width:100%;
}
.about_data p{
	line-height:22px;
}
.about_data .data1{
	height:auto;
}
.about_data .data2{
	height:auto;
}
}
@media only screen and (max-width: 980px) {
.top_box{
	height:auto;
}
.logo{
	padding-top:5px;
}
.logo img{
	width:130px; height:auto;
}
.header_right{
	margin-top:18px;
}
.search{
	top:42px;
}
.lang{
	display:none;
}
.mnav{
	display:block; margin-top:5px; margin-right:15px; width:25px; height:30px; position:relative;
}
.mnav span{display:block;background:#152A8B; width:25px;height:2px;position:absolute;left:0px;transition:all ease 0.35s}
.mnav span:nth-of-type(1){top:0px}
.mnav span:nth-of-type(2){top:8px}
.mnav span:nth-of-type(3){top:16px}
.mnav_se span:nth-of-type(1){top:8px;transform:rotate(45deg)}
.mnav_se span:nth-of-type(2){width:0}
.mnav_se span:nth-of-type(3){top:8px;transform:rotate(-45deg)}
.nav{
	width:100%; height:auto; position:absolute; left:-100%; top:34px; margin-left:0px; padding-left:30px; padding-right:30px; z-index:111; background-color:#fff; justify-content: flex-start; padding-top:0px; border-top:1px #ddd solid; padding-bottom:30px; transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; 
}
.nav ul{
	width:100%;
}
.nav li{
	width:100%; float:none; border-bottom:1px #ddd solid; margin-left:0px; margin-top:8px; height:auto; line-height:35px; padding-bottom:8px; background-position:99% 14px !important; padding-right:0px;
}
.nav li i{
	position:absolute; right:0px; top:3px; color:#222;
}
.nav li a{
	line-height:38px; display:block; color:#222; padding-bottom:0px; font-size:18px;
}
.nav li.cur a{
	color:#152A8B; border-bottom:0px;
}
.nav li.mlang{
	display:block;
}
.nav_show{
	left:0px;
}
.nav ul li .sec-menu {
	position:inherit; width: 100%; display:none; background:#ffffff; font-size:14px;box-shadow: 0 0 0px #fff; padding-top:10px; padding-bottom:6px; top:auto; margin-top:-10px; box-shadow: 0 0 0px #fff; padding-left:0px; border-top:0px;
}
.nav ul li .sec-menu li{
	border-top:1px #ddd dashed; border-bottom:0px; padding-top:4px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.nav ul li .sec-menu li a {
	background:url(../images/navlibg2.png) 2px center no-repeat; padding-left:15px; font-size:14px;
}
.title{
	font-size:30px;
}
.title span{
	font-size:20px;
}
.title img{
	width:42px; height:auto;
}
.title p{
	font-size:16px;
}
.footbox{
	padding-top:40px;
}
.foot_logo{
	width:100%;
}
.foot_nav{
	display:none;
}
.share{
	text-align:left;
}
.table-container
{
width: 100%;
overflow-y: auto;
_overflow: auto;
margin: 0 0 1em;
}
.map{
	width:980px;
}
.service li{
	width:48%; font-size:20px;
}
.coverage li{
	font-size:20px;
}
.greybox{
	padding-top:40px; padding-bottom:30px;
}
.sgreybox{
	padding-top:40px; padding-bottom:50px;
}
.case_info h3{
	font-size:22px;
}
.contact_map_info{
	width:50%; padding-top:40px; padding-left:3%; padding-bottom:15px;
}
.contact_map_info h3{
	margin-top:25px; font-size:20px;
}
.contact_map_pic{
	width:50%;
}
.backtop{
    width: 36px;
    height: 36px;
    background: #152a8b url(../images/top.svg) no-repeat center/18px auto;
}
.backtop a{
	width:36px; height:36px; display:block;
}
.case_cat{
	height:80px; line-height:80px;
}
.case_cat li a{
	font-size:18px; padding-left:0px; padding-right:0px;
}
}
@media only screen and (max-width: 768px) {
.wrap{
	margin-left:15px; margin-right:15px;
}
.top_box{
	padding-left:15px; padding-right:15px;
}
.nav{
	padding-left:15px; padding-right:15px;
}
.aboutus_info{
	width:100%;
}
.aboutus_pics{
	display:none;
}
.about_data span{
	font-size:42px;
}
.business li{
	width:48.5%; margin-bottom:25px; position:relative;
}
.business li img{
	width:100%; height:100%; display:block; object-fit:cover;
}
.business li:first-child{
	width:48.5%;
}
.business li:last-child{
	width:48.5%;
}
.partner{
	margin-left:15px; margin-right:15px;
}
.youshi{
	margin-top:40px;
}
.youshi_info li h3{
	font-size:22px;
}
.youshi_info li h3 img{
	width:50px; height:auto;
}
.youshi_info li p{
	margin-top:20px;
}
.culture li{
	width:100%; margin-bottom:20px; padding:20px;
}
.culture li .culture_txt{
	font-size:20px;
}
.culture_pic img{
	width:70px; height:auto;
}
.historybox{
	padding-bottom:200px;
}
.mt80{
	margin-top:40px;
}
.honor .swiper-slide{
	font-size:14px;
}
.process li{
	width:44%; margin-bottom:35px; font-size:20px; padding-bottom:50px;
}
.process li:nth-of-type(4){
	display:none;
}
.process li p{
	margin-top:10px;
}
.process li img{
	width:85px; height:auto; margin-bottom:15px;
}
.position{
	padding-top:20px; padding-bottom:20px;
}
.position li{
	padding-left:25px; padding-right:25px; font-size:14px;
}
.process li{
	margin-bottom:35px; font-size:20px; padding-bottom:50px;
}
.hzms li img{
	width:85px; height:auto; margin-bottom:15px;
}
.case_info h3{
	font-size:20px;
}
.case_pic{
	width:100%;
}
.case_pic img{
	width:100%; height:100%; display:block; object-fit:cover;
}
.case_info{
	width:100%;
}
.sxfz{
	flex-direction:column-reverse;
}
.case_content{
	font-size:14px;
}
.case_title1{
	width:80px;
}
.case_title3{
	width:120px;
}
.contactus div{
	width:100%; margin-bottom:20px;
}
.contact_map_info{
	width:100%;
}
.contact_map_info h3{
	font-size:18px;
}
.contact_map_pic{
	width:100%;
}
}
@media only screen and (max-width: 440px) {
.wrap{
	margin-left:10px; margin-right:10px;
}
.top_box{
	padding-left:10px; padding-right:10px;
}
.logo img{
	width:120px; height:auto;
}
.header_right{
	margin-top:15px;
}
.search{
	top:40px;
}
.mnav{
	margin-right:10px;
}
.nav{
	top:30px;
}
.index-banner-wrapper .swiper-pagination {
    bottom:15px;
}
.title{
	font-size:24px;
}
.title span{
	font-size:18px;
}
.title img{
	width:34px; height:auto;
}
.aboutbox{
	margin-top:40px;
}
.aboutus_info{
	padding-bottom:0px;
}
.about_data{
	position:relative; bottom:auto; padding-bottom:0px; margin-top:30px; box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.1); 
}
.about_data .data1{
	width:100%; height:auto; background:url(../images/about_icon01.svg) left center no-repeat; padding-left:100px; border-right:0px #C2C2C2 solid; padding-right:15px; margin-bottom:20px; padding-bottom:10px;
}
.about_data .data2{
	width:100%; height:auto; background:url(../images/about_icon02.svg) left center no-repeat; padding-left:100px; padding-right:15px;  border-top:1px #ddd solid; padding-top:20px; padding-bottom:20px;
}
.youshi_info li{
	width:100%;
}
.youshi_info li p{
	  height:auto; max-height:inherit;
      overflow-y: hidden;
      overflow-x: hidden;
}
.youshi_info li.mbottom0{
	margin-bottom:30px;
}
.youshi_info li:last-child{
	margin-bottom:0px;
}
.business li{
	width:100%; height:300px; margin-bottom:25px; position:relative;
}
.business li img{
	width:100%; height:100%; display:block; object-fit:cover;
}
.business li:first-child{
	width:100%;
}
.business li:last-child{
	width:100%;
}
.business01 font{
	display:none;
}
.business01 .mmore{
	display:inline-block;
}
.historybox{
	padding-bottom:120px;
}
.position li{
	padding-left:20px; padding-right:20px;
}
.service li{
	width:100%; font-size:18px;
}
.coverage  li{
	width:100%; font-size:18px;
}
.process li{
	padding-top:30px; padding-bottom:30px; font-size:18px;
}
.hzms li{
	width:31%; padding-top:30px; padding-bottom:30px; font-size:18px;
}
.case_title1{
	width:50px;
}
.case_title2{
	width:70px;  word-wrap: break-word;
  word-break: keep-all;
}
.case_title3{
	width:80px;
}
.mesg_txt{
	width:100%; margin-bottom:15px;
}
.mesg_text{
	margin-bottom:15px;
}
.code_txt{
	width:160px;
}
.mesg_txt{
	height:46px; line-height:46px;
}
.mesg_text{
	line-height:46px; height:130px;
}
.checkcode{
	height:46px !important; width:auto;
}
.mesg_sub{
	width:100%; height:46px; font-size:16px;
}
.foot_logo{
	text-align:center;
}
.share{
	text-align:center;
}
}
@media only screen and (max-width: 375px) {
.about_data span{
	font-size:38px;
}
.about_data p{
	font-size:14px;
}
}