﻿.bann {
	height: 200px;
  padding-top: 6%;
	text-align: center;
	color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.bann h2 {
	font-size: 44px;
	margin-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif
}

.bann p {
	font-size: 32px;
	line-height: 28px;
	color: #fff;
}


.bann h2,
.hr-bann h2 {
	animation: mymove 1s infinite;
	-webkit-animation: mymove 1s infinite;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
}

@keyframes mymove {
	from {
		transform: translateY(-50px);
	}

	to {
		transform: translateY(0px);
	}
}

@-webkit-keyframes mymove {
	from {
		transform: translateY(-50px);
	}

	to {
		transform: translateY(0px);
	}
}

/*Ã¦â€“â€¡Ã¥Â­â€”Ã§Â¼â€œÃ¥Å Â¨2*/
.bann p,
.hr-bann p {
	animation: mymovet 1.5s infinite;
	-webkit-animation: mymovet 1.5s infinite;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
}

@keyframes mymovet {
	from {
		transform: translateY(50px);
	}

	to {
		transform: translateY(0px);
	}
}

@-webkit-keyframes mymovet {
	from {
		transform: translateY(50px);
	}

	to {
		transform: translateY(0px);
	}
}
.inner-nav{overflow-y:auto;width:100%;background-color:#f1f1f1;height:60px}
.inner-nav a,.inner-nav h1{display:inline;line-height:60px}
.inner-nav span{margin:0 5px}
.common-content .common-wrapper{display:flex}
.common-main{flex:7.5;box-sizing:border-box;padding:50px 30px 50px 0}
.common-main h1{text-align:center;font-size:30px;line-height:36px;padding-bottom:30px}
.common-main p{font-size:14px;padding-bottom:20px;line-height:1.6}
.common-side{padding-top:50px;flex:2.5;box-sizing:border-box;margin-bottom:40px}
.common-side .title{background-color:#0571b1;font-size:18px;font-weight:500}
.common-side .title,.pro-review .pro-preview-right .btn-list .btn span, .pro-review .pro-preview-right .btn-list .pdown2{color:#fff}
.side-cate li{position:relative}
.side-cate li a:hover{color:#0571b1}
.side-cate .pro-menu{display:none}
.side-cate>ul>li{line-height:45px;display:block;background-color:#fff;padding-left:30px;border-bottom:1px solid #f1f1f1}
.side-cate>ul>li i{position:absolute;content:"";top:0;right:0;width:50px;height:47px;cursor:pointer;display:block}
.side-cate>ul>li i:before{position:absolute;content:" ";top:18px;right:21px;width:8px;height:8px;border:2px solid #707070;border-top:none;border-left:none;transform:rotate(-45deg);transition:transform .3s ease-in-out;cursor:pointer}
.side-cate>ul>li .active:before{transform:rotate(45deg)}
.side-cate>ul>li a{width:100%;height:100%}
.side-cate>ul>li .sub-menu{display:none}
.side-about>div,.side-cate>div,.side-contact>div,.side-news>div,.side-pro>div{height:58px;width:100%;text-align:center;line-height:58px;}
/* .prolist-0 li{width:100%;display:flex;background-color:#fff;margin-bottom:30px;transition:transform .3s ease;box-sizing:border-box}
.prolist-0 li>a{display:block;width:40%;height:200px;display:flex;align-items:center}
.prolist-0 li>a img{max-width:100%;max-height:100%}
.prolist-0 li:hover{transform:translateY(-3px);box-shadow:0 7px 7px -7px rgba(0,0,0,.2)}
.prolist-0 li:hover .pro-name{color:#0571b1}
.prolist-0 .pro-info{padding-top:35px;padding-left:40px;flex:1}
.prolist-0 .pro-intro{margin-top:15px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box;height:50px;max-width:650px;color:#888}
.prolist-0 .pro-name{font-size:18px;line-height:24px}
.prolist-0 li:hover {
	transform: translateY(-3px);
	box-shadow: 0 7px 7px -7px rgb(0 0 0 / 20%);
} */
.prolist-1 li{width:100%;display:flex;background-color:#fff;margin-bottom:30px;transition:transform .3s ease;box-sizing:border-box;border: 1px solid #ccc;overflow: hidden;box-shadow: 0 5px 20px 1px rgb(0 0 0 / 30%);}
.prolist-1 li>a{display:block;width:45%;height:100%;align-items:center;padding: 10px;}
.prolist-1 li>a img{max-width:100%;max-height:200px;transition: all .3s ease-in-out;}	
.prolist-1 .pro-info{position: relative;width: 55%;}
.prolist-1 .pro-info{padding-top:35px;padding-left:	40px;padding-right:40px}
.prolist-1 .pro-intro{margin-top:15px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;display:-webkit-box;height:50%;max-width:650px;}
.prolist-1 .pro-name{font-size:18px;line-height:24px;font-weight: 700;}
.prolist-1 .more_1 {
	position: absolute;
	bottom: 5%;
	right: 40px;
	background-color: #0571b1;
	color: #fff;
}
.prolist-0 li {
	border: none;
}
.prolist-1 li:hover img{
	transform: scale(1.1);
}
.prolist-1 .i_xun .more_1 {
	right: 280px;
}
.prolist-1 .i_zx .more_1 {
	right: 160px;
}
.prolist-1 .more_1:hover {
	background-color: #fff;
	color: #0571b1;
}
.pro_all .prolist-1 li>a {
	height: 300px;
	width: 65%;
	overflow: hidden;
}
.pro_all .prolist-1 li>a img{
	max-height: 100%;
	width:100%;
	height: auto;
}
.pro_all .prolist-1 .pro-info {
	border-left: 1px dashed #ccc;
	transition: all .3s ease-in-out;
	width: 35%;
}
.pro_all .prolist-1 li:hover .pro-info{
	background-color: #0571b1;
	color: #fff;
}
.pro_all .prolist-1 li:hover .pro-info .more_1{
	background-color: #fff;
	color: #0571b1;
}
h1.pro-type{box-sizing:border-box;text-align:left;font-size:26px;line-height:2;padding-left:20px;border-left:3px solid #0571b1;padding-bottom:0;margin-bottom:34px;background-color:#fff}

.cbp-vm-switcher {
	width: 100%;
}
.more_1{line-height:36px;display:inline-block; font-size:14px; color:#0571b1; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; position:relative; text-transform:capitalize; border: 2px solid #0571b1; background:#fff;  padding:0px 20px; font-weight: bold; border-radius: 30px;}
.more_1 i{ margin-left:4px; font-size:12px; line-height:36px; float:right; transition: 0s all;-webkit-transition: 0s all;-o-transition: 0s all; -moz-transition: 0s all;-ms-transition: 0s all;}
.more_1:hover{color: #fff; background: #0571b1; border: 2px solid #0571b1;}

.cbp-vm-switcher ul {list-style: none;padding: 0;}
/* Clear eventual floats */
.cbp-vm-switcher ul:before, 
.cbp-vm-switcher ul:after { 
	content: " "; 
	display: table; 
}
.cbp-vm-switcher ul:after { clear: both; }

.cbp-vm-switcher ul li {display: block;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.cbp-vm-image {display: block;margin: 0 auto;position:relative;}
.cbp-vm-image span{display:inline-block;width:100%;height:auto; border:1px solid #eee; overflow:hidden;}
.cbp-vm-image img {width:100%;cursor:pointer;position:relative;max-width:100%;max-height:100%;transition: all .5s;}


.cbp-vm-switcher ul li h4 a{font-size:14px;display:block;color:#444; word-wrap:break-word; text-align:left;}
.cbp-vm-switcher ul li .cbp-vm-details{color:#777;overflow:hidden;height:48px;line-height:24px; font-size:13px; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}

.cbp-vm-switcher ul h4 a:hover{ text-decoration:none; color:#0571b1;}
.cbp-vm-view-grid .prol_more{display:none;}

/* Common icon styles */
.cbp-vm-icon:before {
	font-family: 'fontawesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}


.cbp-vm-view-grid ul li {
	width:31.33%;
	text-align: left;
	vertical-align: top;
	float:left;
}
/* List view */
.cbp-vm-view-list li {text-align:left;white-space:normal;  margin-bottom:30px; }
.cbp-vm-view-list li .i_more{ margin-top:0px; font-size:13px;}
.cbp-vm-view-list li .i_more a{ line-height:34px; padding:0px 24px; }
.cbp-vm-view-list li:before, 
.cbp-vm-view-list li:after { 
	content: " "; 
	display: table; 
}
.cbp-vm-view-list li:after { clear: both; }
.cbp-vm-view-list .cbp-vm-image,
.cbp-vm-view-list .cbp-vm-title,
.cbp-vm-view-list .cbp-vm-details,
.cbp-vm-view-list .cbp-vm-price,
.cbp-vm-view-list .cbp-vm-add {
	display: inline-block;
	vertical-align: middle;
}

.cbp-vm-view-list .cbp-vm-image {width:30%;display:inline-block; vertical-align:middle;float:left; margin-right:3%;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; background: #fff;}
.cbp-vm-view-list ul li h4 a{display:inline-block; width:67%;text-align:left;font-size:16px;color:#333; float:left;}

.cbp-vm-view-list ul li .cbp-vm-details {width:67%; overflow: hidden;white-space: normal;max-height:48px; line-height:24px; color:#777; margin:5px 0px;}

.cbp-vm-view-grid ul {list-style: none;padding: 0; margin:0px -10px;}
.cbp-vm-view-grid ul li  .li{position: relative;}
.cbp-vm-view-grid ul li .i_more{ position: absolute; left: 0px; bottom: -100px; left: 0px; width: 100%; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.cbp-vm-view-grid ul li:hover .i_more{ bottom: 10px;}
.cbp-vm-view-grid ul li .i_more a{ line-height:32px; padding:0px 24px; background: #fff; color: #0571b1; border: 2px solid #0571b1;}

.cbp-vm-view-grid ul li{ padding-bottom:20px; margin-bottom:30px; padding:0px 10px;}
.cbp-vm-view-grid ul li .h4 a{margin:5px 0 5px;line-height:22px; font-weight: bold; font-size: 14px; height:44px; overflow:hidden;display:block; text-align:center; color: #333;}
.cbp-vm-view-grid ul li .li{text-align:center; position:relative;}
.cbp-vm-view-grid ul li .li:hover .h4 a{ color:#fff;}
.cbp-vm-view-grid ul li .li .cbp-vm-image{ overflow:hidden; margin-bottom:10px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; position: relative; background: #fff; border: 1px solid #e5e5e5;}
.cbp-vm-view-grid ul li:hover  .cbp-vm-details{ opacity: 0;}
.cbp-vm-view-grid ul li .li:hover .cbp-vm-image{ border: 1px solid #ececec;}
.cbp-vm-view-grid ul li .li .cbp-vm-image .pro_ico{position: absolute;bottom:30%;width:100%;left:0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;-webkit-transform: translate(0%, 50%);-moz-transform: translate(0%, 50%);-ms-transform: translate(0%, 50%);-o-transform: translate(0%, 50%);transform: translate(0%, 50%); margin-top: 100px; opacity: 0;}
.cbp-vm-view-grid ul li .li:hover .cbp-vm-image .pro_ico{ bottom: 50%; opacity: 1;}
.cbp-vm-view-grid ul li .li .cbp-vm-image .pro_ico a img{ width: 50px; height: auto;}
.cbp-vm-view-grid ul .li{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.cbp-vm-view-grid ul li .li:hover .buttons .fa {-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);}
.cbp-vm-view-grid ul li .li:hover .ovrly {opacity: 1;}

/*Ã¦â€¢Ë†Ã¦Å¾Å“*/
.products ul li .li .img a{ display:block;}
.products ul li .li:hover .img img{transform: scale(1.1);}
.cbp-vm-view-grid ul li .li{ overflow:hidden;}
.cbp-vm-view-grid ul li:hover .li{background: #0571b1;}
.cbp-vm-view-grid ul li:hover .icon {opacity: 1;top:50%;}
.cbp-vm-view-grid ul li:hover .line img{ opacity:0.5;}

.cbp-vm-view-grid ul li .img a{ display:block; overflow:inherit;}
.cbp-vm-view-grid ul li:hover .img img{transform: scale(1.1);}

/* Ã¥â€¢â€ Ã¥â€œÂÃ¨Â¯Â¦Ã¦Æ’â€¦ */
.pro-content {
  width: 100%;
}
.pro-content .pro-cont-top {
  top: 0;
  left: 0;
  width: 100%;
  background-color: #0571b1;
}
.pro-content .pro-cont-top span {
	width: 100%;
	height: 100%;
	display: block;
  position: relative;
  height: 55px;
  line-height: 55px;
  color: #fff;
  font-size: 1.5em;
  text-align: center;
}
.pro-content .pro-cont-desc {
  margin-top: 10px;
  text-align: center;
}
.pro-content .pro-cont-desc h3 {
  font-weight: bold;
  white-space: normal;
  color: #333;
  font-size: 16px;
  line-height: 1.1em;
  padding: 10px;
}
.pro-content .pro-cont-img {
  margin: 0 auto;
  position:relative;
  
}
.pro-cont-item .pro-item-desc table {
  width: 100%;
  border-radius: 5px;
  font-size: 12px;
  font-weight: normal;
  border: none;
  border-collapse: collapse;
  width: 100%;
  background-color: white;
  table-layout:fixed;
}
.pro-cont-item .pro-item-desc table td span {
  background: none !important;
  position: relative;
  left: 0;
  top: 0
  }
.pro-cont-item .pro-item-desc table td{
  line-height: 32px;
  padding: 6px;
  border: 1px solid #f1f1f1;
  text-align: left;
  text-overflow: ellipsis;
  word-wrap:break-word;
overflow: hidden;
white-space: nowrap;
}
.pro-cont-item .pro-item-desc table tr:nth-child(2n) {
  background-color: #eee;
}
.pro-content .pro-cont-img img{
  height: auto;
}

.pro-content .pro-cont-desccont{
  flex: 1;
}
.pro-content .pro-cont-desccont h3 {
  font-weight: bold;
  white-space: normal;
  text-align: left;
  color: #000;
  font-size: 2em;
  line-height: 1.1em;
}
.pro-content .pro-cont-desccont span {
  position: relative;
  left: 0;
  top: 5px;
  line-height: 30px;
  color: #595959;
}
.pro-content {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 20px;
}
.pro-content .pro-cont-item {
  margin-top: 60px;
  border-top: 1px solid #d9d9d9;
}

.pro-cont-item .pro-item-btn {
  height: 35px;
  width: 100px;
  background-color: #0571b1;
  margin-top: -35px;
}
.pro-cont-item .pro-item-btn span {
  position: relative;
  left: 0;
  line-height: 35px;
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  color: #fff;
}
.pro-cont-item.send_column .pro-item-btn span { 
	margin-top: -60px;
}
.pro-cont-item .pro-item-desc {
  padding-top: 20px;
}
.pro-cont-item .pro-item-desc {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  line-height: 35px;
  font-size: 14px;
  color: #595959;
  max-width: 790px;
  margin: 0 auto;
}
.common-link{margin-top:10px;width:100%;display:flex}
.common-link>div{flex:1;display:flex;align-items:center;height:50px;font-size:18px;padding:0 20px}
.common-link>div a{height:100%;line-height:50px;max-width:400px;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.common-link .prev{background-color:#393c3d;color:#fff;margin-right: 10px;transition: all .5s;}
.common-link .prev a{color:#fff}
.common-link .prev i{margin-right:20px;transition: all .5s;}
.common-link .next{background-color:#393c3d;color:#fff;justify-content:flex-end}
.common-link .next a{color:#fff}
.common-link .next i{margin-left:20px;transition: all .5s;}
.common-link .prev:hover, .common-link .next:hover{
	background-color: #0571b1;
}
.common-link .next:hover>i {
	transform: translate(10px);
}
.common-link .prev:hover>i {
	transform: translate(-10px);
}
.side-cate>ul.list-paddingleft-2>li {
	padding-left: 10px;
}
.side-cate>ul.list-paddingleft-2>li a {
	padding-left: 10px;
}
.li-code-img {
	text-align: center;
}
.li-code-img img {
	max-width: 140px;
}
/*Ã¦â€“Â°Ã©â€”Â»Ã¨Âµâ€žÃ¨Â®Â¯*/
.newslist li{ border-bottom:1px solid #e0e0e0; padding-bottom:32px; background:url("../images/nline.png") 35% center no-repeat; transition:all 0.8s; padding:2% 3%; overflow:hidden;}
.newslist li:hover{ background:url("../images/nlinec.png") 35% center no-repeat #fff; box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1)}

.newslist li a{ display:block;}
.newslist li .npic{ width:20%; transition: all .8s;}
.newslist li:hover .npic {
	transform: scale(1.1);
}
.newslist li .npic img{ width:100%}

.newslist li .date{ width:10%; text-align:center; margin-left:2%}
.newslist li .date em{ display:block;color:#585858; font-size:1.125em;  padding:14px 0;}
.newslist li .date span{ display:block;  color:#585858; padding:2px 0; font-size:3em; font-weight:lighter}

.newslist li .ncd{ width:56%; margin-right:6%}
.newslist li .ncd p{ font-size:1.75em; color:#585858; margin-bottom:12px;}
.newslist li .ncd span{ font-size:1em; color:#707070; line-height:1.5em;}
.news-title{width:100%; height:30px; line-height:30px; text-align:center; font-size:1.25em; font-weight:bold; margin:0 auto; color:#242424;}
.news-type{width:100%; height:24px; text-align:center; margin:0 auto; color:#242424;font-size:0.875em; border-bottom:#242424 1px dotted;}
.news-content{width:100%;margin:0 auto;font-size:1em;line-height:24px;line-height:1.5em;color:#242424;/* text-align: center; */}
.news-pn{ font-size:1em;line-height:20px; color:#242424}
.news-pn a{ color:#242424; font-size:1em;}
.news-content strong {
	font-weight: bold;
}
.news-content a {
	text-decoration: revert;
}
.news-content iframe {
	width: 800px;
	height: 400px;
	max-width: 100%;
}
.news-content table {
  width: 100%;
  border-radius: 5px;
  font-size: 12px;
  font-weight: normal;
  border: none;
  border-collapse: collapse;
  width: 100%;
  background-color: white;
  table-layout:fixed;
}

.news-content table td{
  line-height: 32px;
  padding: 6px;
  text-align: left;
  text-overflow: ellipsis;
  word-wrap:break-word;
overflow: hidden;
white-space: nowrap;
  border:1px solid #ccc;
}
.news-content table tr:nth-child(2n) {
  background-color: #eee;
}
/* Ã¨Â§â€ Ã©Â¢â€˜Ã¤Â¸Â­Ã¥Â¿Æ’ */
.video-list {
	font-size: 0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.video-list li {
	display: block;
	width: calc(33.333% - 30px);
	padding: 0 15px;
	margin-bottom: 60px
}

.video-list li .img {
	overflow: hidden;
	position: relative;
	background: #000;
}

.video-list li .img>img {
	width: 100%;
	height: auto;
	opacity: 0.4;
	-moz-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.video-list li .img .top01 {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.video-list li .img .top01 img {
	transition: 0.6s
}

.video-list li h5 {
	border-bottom: #e7e7e7 1px solid;
	font-size: 16px;
	color: #000000;
	width: 100%;
	position: relative;
	padding: 25px 0 20px;
}

.video-list li h5 span {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 52px;
	line-height: 26px;
}

.video-list li h5:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 70px;
	height: 2px;
	background: #a5a5a6;
	transition: 0.6s;
}
.table_cell {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}

.video-list li a:hover .img>img {
	transform: scale(1.06);
	opacity: 1
}

.video-list li a:hover h5:after {
	width: 100%;
	height: 3px;
	background: #0571b1;
}

.video-list li a:hover .img .top01 img {
	transform: rotate(180deg)
}
.table_cell img {
  display: block;
  margin: 0 auto;
}
/* Ã¨Ââ€Ã§Â³Â»Ã¦Ë†â€˜Ã¤Â»Â¬ */
.com_ul a:hover{ color:#0571b1;}
.com_ul .h4 span{ color:#333; font-size:26px;text-transform:uppercase; text-align:center;background:#fff; padding:0px 30px; display:inline-block;}
.com_ul a:hover{ color:#c2a476; text-decoration: underline;}
.com_ul .h4 span{ color:#333; font-size:26px;text-transform:uppercase; text-align:center;background:#fff; padding:0px 30px; display:inline-block;}
.com_ul li{ list-style:none; text-align:center; }
.com_ul li .li{ text-align: left; padding: 10px; padding-left: 60px; position:relative; border-radius:10px; margin-bottom: 10px;}
.com_ul li:last-child{ border-right:none;}
.com_ul li .li .icon{ width:46px; height:46px;border-radius:50%; display:inline-block; overflow:hidden; color:#fff; background:#0571b1;font-size:20px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; float: left; margin-right: 20px; text-align: center; position: absolute; left: 0px; top: 10px; }
.com_ul li .li:hover .icon{filter:FlipH; transform: rotateY(180deg); }
.com_ul li .li .icon i{ line-height:46px;}
.com_ul li .li h4,.com_ul li .li h4 a{ color:#333; font-size:14px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; line-height:20px;overflow:hidden; font-weight: bold; text-transform:uppercase;}
.com_ul li .li p,.com_ul li .li p a{ font-size:14px; color:#777;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; line-height: 20px;}
.com_ul li .li em{ font-style:normal;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;color:#c2a476; font-size:16px; margin:10px 0; display:inline-block;   font-weight: bold; }
.com_ul li .li em i{ margin-left:10px;}
.com_ul .con_info{ margin-top:50px; text-align:center; margin-bottom:50px;padding-bottom:30px; padding-top:30px;}
.com_ul .con_infop{ line-height:30px; font-size:13px; color:#777;}
.com_ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
	margin-top: 50px;
}
.com_ul li {
	margin-right: 30px;
  width: calc(33.333% - 20px)
}
.com_ul li:nth-child(3n) {
	margin-right: 0;
}
.com_ul li .li {
	text-align: center;
	border: 2px solid #e5e5e5;
}
.com_ul li.h100 .li{
	min-height: 120px;
} 
.com_ul li .li .icon {
	float: none;
	position: relative;
	left: 0;
	bottom: 0;
	margin-right: 0;
}
.com_ul li .li h4 {
	margin-top: 20px;
	font-size: 20px;
}
.com_ul li .li p, .com_ul li .li p a {
	color: #000;
}	
.com_ul li .li p {
	margin: .6em 0;
}
.com_ul li .li .txt {
	font-size: 12px;
    line-height: 20px;
    color: #808080;
    padding: 0;
    width: 100%;
    text-transform: uppercase;
    margin-top: 10px;
    display: block;
}
.mapcontainer {
		width: 100%;
		display: block;
		margin:0 auto;
    animation-duration: 1.4s;
    color: #666;
    min-height: 400px;
		border: 2px solid #e5e5e5;
		border-radius: 10px;
		margin-bottom: 20px;
}
.tt1{color: #3ca0d3;text-align:center;width:80%;margin:20px auto;border-bottom: 7px solid #0571b1;}
.tt1 h3{font-size:30px;font-weight:bold;color: #0571b1;margin-bottom: 6px;}
.tt1 span{ font-size:14px; font-family:arial;color: #393c3d; text-transform:uppercase;margin: 10px 0;display: block;}
.map_icon {
	font-size: 20px;
	padding: 10px 0;
}
.map_icon i {
	padding-right: 10px;
	color: #0571b1;
}
.newslist {
	padding-bottom: 20px;
}
/* Ã¨ÂÂ£Ã¨Âªâ€°Ã¤Â¸Â­Ã¥Â¿Æ’ */
.case ul {
	display: flex;
	flex-wrap: wrap;
}
.case ul li {
  width: calc(16.666% - 10px);
  margin-right: 10px;
  position: relative;
  padding-bottom: 50px;
  margin-bottom: 10px;
}
.case ul li:nth-child(6n) {
  margin-right: 0;
}
 .case ul li span {
  height: 50px;
  width: 100%;
  text-align: center;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  line-height: 50px;
  border-bottom: 3px solid #efefef;
  background-color: #fff;
  position: absolute;
}
 .case-img {
  display: block;
  width: 100%;
  overflow: hidden;
}
 .case ul li img {
  width: 100%;
  height: auto;
  transition: all .3s;
}
 .case ul li::after {
  content: '';
  width: 0;
  height: 3px;
  background: #0571b1;
  position: absolute;
  bottom: 0px;
  left: 0;
  transition: 0.3s;
}

 .case ul li:hover img {
  transform: scale(1.1)
}
 .case ul li:hover::after{
  width: 100%;
}
 .case ul li:hover {
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
  transition: 0.6s;
}
 .case ul li:hover span {
  border-top: 3px solid #efefef;
}
/* Ã¥â€¦Â³Ã¤ÂºÅ½Ã¦Ë†â€˜Ã¤Â»Â¬ */
home-section2 {
	padding: 80px 0 120px;
	position: relative;
	width: 100%;
}

@media (max-width: 1440px) {
	.home-section2 {
			padding: 80px 0;
	}
}

@media (max-width: 1199px) {
	.home-section2 {
			padding: 60px 0;
	}
}

@media (max-width: 767px) {
	.home-section2 {
			padding: 40px 0;
	}
}

@media (max-width: 575px) {
	.home-section2 {
			padding: 30px 0;
	}
}

.home-section2 .flexbox {
	display: flex;
	width: 100%;
	position: relative;
	align-items: center;
}

@media (max-width: 767px) {
	.home-section2 .flexbox {
			flex-direction: column-reverse;
	}
}

.home-section2 .flexbox .img-box {
	position: relative;
	flex: 0 0 50%;
	min-width: 50%;
	height: 590px;
	overflow: hidden;
}

@media (max-width: 1440px) {
	.home-section2 .flexbox .img-box {
			height: 410px;
	}
}

@media (max-width: 767px) {
	.home-section2 .flexbox .img-box {
			height: 300px;
	}
}

@media (max-width: 575px) {
	.home-section2 .flexbox .img-box {
			height: 200px;
	}
}

.home-section2 .flexbox .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home-section2 .flexbox .rightbox {
	flex: 0 0 calc(50% - 80px);
	min-width: calc(50% - 80px);
	padding: 0 0 0 80px;
}

@media (max-width: 1199px) {
	.home-section2 .flexbox .rightbox {
			padding: 0 0 0 60px;
	}
}

@media (max-width: 991px) {
	.home-section2 .flexbox .rightbox {
			padding: 0 0 0 40px;
	}
}

@media (max-width: 767px) {
	.home-section2 .flexbox .rightbox {
			padding: 0;
	}
}

.home-section2 .flexbox .rightbox h2 {
	font-size: 50px;
	color: #0571b1;
	
	margin: 0 0 15px;
	line-height: 1;
}

@media (max-width: 1440px) {
	.home-section2 .flexbox .rightbox h2 {
			font-size: 40px;
	}
}

@media (max-width: 575px) {
	.home-section2 .flexbox .rightbox h2 {
			font-size: 25px;
			/* text-align: center; */
	}
}

.home-section2 .flexbox .rightbox .tit {
	font-size: 36px;
	color: #333;
	margin: 0 0 40px;
}

@media (max-width: 1440px) {
	.home-section2 .flexbox .rightbox .tit {
			font-size: 25px;
			margin: 0 0 30px;
	}
}

@media (max-width: 767px) {
	.home-section2 .flexbox .rightbox .tit {
			margin: 0 0 20px;
	}
}

@media (max-width: 575px) {
	.home-section2 .flexbox .rightbox .tit {
			font-size: 18px;
			margin: 0 0 10px;
			/* text-align: center; */
	}
}

.home-section2 .flexbox .rightbox .des {
	font-size: 14px;
	color: #666;
	margin: 0 0 90px;
	line-height: 1.8;
}

@media (max-width: 1440px) {
	.home-section2 .flexbox .rightbox .des {
			margin: 0 0 60px;
	}
}

@media (max-width: 767px) {
	.home-section2 .flexbox .rightbox .des {
			margin: 0 0 30px;
	}
}

@media (max-width: 575px) {
	.home-section2 .flexbox .rightbox .des {
			margin: 0 0 20px;
			text-align: center;
	}
}

.home-section2 .flexbox .rightbox .more {
	font-size: 18px;
	color: #bad618;
	
	display: flex;
	align-items: center;
	transition: 0.3s;
}

@media (max-width: 767px) {
	.home-section2 .flexbox .rightbox .more {
			display: none;
	}
}

.home-section2 .flexbox .rightbox .more img {
	margin: 0 0 0 12px;
	transition: 0.3s;
}

.home-section2 .flexbox .rightbox .more:hover {
	color: #0571b1;
}

.home-section2 .flexbox .rightbox .more:hover img {
	margin: 0 0 0 20px;
}
.about-section1 {
	position: relative;
	margin: 0 0 120px;
}

@media (max-width: 575px) {
	.about-section1 .about-appoint {
			top: -60px;
	}
}

@media (max-width: 767px) {
	.about-section1 .flexbox {
			flex-direction: column;
	}
}

@media (max-width: 767px) {
	.about-section1 .img-box {
			margin: 0 0 30px;
	}
}

@media (max-width: 575px) {
	.about-section1 .img-box {
			margin: 0 0 15px;
	}
}

.about-section1 .rightbox .group {
	margin: 0 0 40px;
}

@media (max-width: 575px) {
	.about-section1 .rightbox .group {
			margin: 0 0 20px;
	}
}

.about-section1 .rightbox .group .smtit {
	font-size: 20px;
	color: #0571b1;
	margin: 0 0 6px;
}

@media (max-width: 575px) {
	.about-section1 .rightbox .group .smtit {
			font-size: 16px;
	}
}

.about-section1 .rightbox .group .text {
	font-size: 14px;
	color: #5f5f5f;
	line-height: 1.8;
}

.about-section1 .rightbox .group:last-child {
	margin: 0;
}

@media (max-width: 575px) {
	.about-section1 .rightbox .group:last-child {
			margin: 0 0 20px;
	}
}

@media (max-width: 1440px) {
	.about-section1 {
		margin: 0;
		padding:0 0 80px;	
	}
}

@media (max-width: 1199px) {
	.about-section1 {
		padding:0 0 60px;
	}
}

@media (max-width: 767px) {
	.about-section1 {
		padding:0 0 40px;
	}
}

@media (max-width: 575px) {
	.about-section2 {
		padding: 0 0 30px;
	}
}

.about-section2 .flexbox {
	display: flex;
	align-items: center;
}

@media (max-width: 767px) {
	.about-section2 .flexbox {
			flex-direction: column-reverse;
	}
}

.about-section2 .flexbox .infobox {
	position: relative;
	z-index: 1;
	padding: 0 170px 0 0;
}

@media (max-width: 1440px) {
	.about-section2 .flexbox .infobox {
			padding: 0 80px 0 0;
	}
}

@media (max-width: 1199px) {
	.about-section2 .flexbox .infobox {
			padding: 0 60px 0 0;
	}
}

@media (max-width: 991px) {
	.about-section2 .flexbox .infobox {
			padding: 0 40px 0 0;
	}
}

@media (max-width: 767px) {
	.about-section2 .flexbox .infobox {
			padding: 0;
	}
}

.about-section2 .flexbox .infobox h2 {
	font-size: 50px;
	color: #0571b1;
	
	margin: 0 0 15px;
	line-height: 1;
}

@media (max-width: 1440px) {
	.about-section2 .flexbox .infobox h2 {
			font-size: 40px;
	}
}

@media (max-width: 575px) {
	.about-section2 .flexbox .infobox h2 {
			font-size: 25px;
			/* text-align: center; */
	}
}

.about-section2 .flexbox .infobox .tit {
	position: relative;
	font-size: 30px;
	color: #333;
	margin: 0 0 70px;
}

@media (max-width: 575px) {
	.about-section2 .flexbox .infobox .tit {
			margin: 0 0 30px;
	}
}

.about-section2 .flexbox .infobox .tit:after {
	content: "";
	position: absolute;
	width: 40px;
	height: 2px;
	background: #0571b1;
	left: 0;
	bottom: -35px;
}

@media (max-width: 575px) {
	.about-section2 .flexbox .infobox .tit:after {
			/* right: 0; */
			margin: auto;
			bottom: -15px;
	}
}

@media (max-width: 1440px) {
	.about-section2 .flexbox .infobox .tit {
			font-size: 25px;
	}
}

@media (max-width: 575px) {
	.about-section2 .flexbox .infobox .tit {
			font-size: 18px;
			/* text-align: center; */
	}
}

.about-section2 .flexbox .infobox .des {
	font-size: 14px;
	color: #666;
	line-height: 1.8;
}

@media (max-width: 575px) {
	.about-section2 .flexbox .infobox .des {
			text-align: center;
	}
}

.about-section2 .flexbox .img-box {
	position: relative;
	overflow: hidden;
	flex: 0 0 50%;
	min-width: 50%;
	height: 420px;
}

@media (max-width: 767px) {
	.about-section2 .flexbox .img-box {
			height: 300px;
			margin: 0 0 30px;
	}
}

@media (max-width: 575px) {
	.about-section2 .flexbox .img-box {
			height: 200px;
			margin: 0 0 15px;
	}
}

.about-section2 .flexbox .img-box:before {
	content: "";
	position: absolute;
	right: 100%;
	width: 440px;
	height: 100%;
	background: #f7f7f7;
}

@media (max-width: 991px) {
	.about-section2 .flexbox .img-box:before {
			display: none;
	}
}

.about-section2 .flexbox .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-section3 {
	position: relative;
	margin: 0 0 120px;
}

@media (max-width: 1440px) {
	.about-section3 {
			margin: 0 0 80px;
	}
}

@media (max-width: 1199px) {
	.about-section3 {
			margin: 0 0 60px;
	}
}

@media (max-width: 767px) {
	.about-section3 {
			margin: 0 0 40px;
	}
}

@media (max-width: 575px) {
	.about-section3 {
			margin: 0 0 30px;
	}
}

.about-section3 .about-appoint {
	top: -110px;
}

@media (max-width: 575px) {
	.about-section3 .about-appoint {
			top: -100px;
	}
}

.about-section3-swiper .item {
	position: relative;
	height: 620px;
}

@media (max-width: 1440px) {
	.about-section3-swiper .item {
			height: 490px;
	}
}

@media (max-width: 1199px) {
	.about-section3-swiper .item {
			height: 420px;
	}
}

@media (max-width: 991px) {
	.about-section3-swiper .item {
			height: 360px;
	}
}

.about-section3-swiper .item a {
	display: block;
	width: 100%;
	height: 100%;
}

.about-section3-swiper .item .itemimg {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-section3-swiper .item .default-mask {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 60px;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	padding: 0 38px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: 0.3s;
}

@media (max-width: 1199px) {
	.about-section3-swiper .item .default-mask {
			padding: 0 20px;
	}
}

@media (max-width: 991px) {
	.about-section3-swiper .item .default-mask {
			height: 50px;
			padding: 0 15px;
	}
}

.about-section3-swiper .item .default-mask .name {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}

@media (max-width: 1199px) {
	.about-section3-swiper .item .default-mask .name {
			font-size: 18px;
	}
}

@media (max-width: 991px) {
	.about-section3-swiper .item .default-mask .name {
			font-size: 14px;
	}
}

.about-section3-swiper .item .default-mask .loc {
	font-size: 16px;
	color: #fff;
}

@media (max-width: 991px) {
	.about-section3-swiper .item .default-mask .loc {
			font-size: 14px;
	}
}

.about-section3-swiper .item .hover-mask {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(49, 175, 154, 0.8);
	padding: 0 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	opacity: 0;
	transform: translateY(20px);
	transition: 0.3s;
}

@media (max-width: 1199px) {
	.about-section3-swiper .item .hover-mask {
			padding: 0 20px;
	}
}

@media (max-width: 991px) {
	.about-section3-swiper .item .hover-mask {
			padding: 0 15px;
	}
}

.about-section3-swiper .item .hover-mask h4 {
	font-size: 44px;
	color: #fff;
	margin: 0 0 5px;
	
}

@media (max-width: 1199px) {
	.about-section3-swiper .item .hover-mask h4 {
			font-size: 30px;
	}
}

.about-section3-swiper .item .hover-mask .loc {
	margin: 0 0 78px;
	font-size: 26px;
	color: #fff;
}

@media (max-width: 1440px) {
	.about-section3-swiper .item .hover-mask .loc {
			margin: 0 0 40px;
	}
}

@media (max-width: 1199px) {
	.about-section3-swiper .item .hover-mask .loc {
			font-size: 20px;
	}
}

@media (max-width: 991px) {
	.about-section3-swiper .item .hover-mask .loc {
			margin: 0 0 20px;
	}
}

.about-section3-swiper .item .hover-mask .name {
	font-size: 20px;
	color: #fff;
	margin: 0 0 24px;
}

@media (max-width: 1199px) {
	.about-section3-swiper .item .hover-mask .name {
			font-size: 18px;
	}
}

@media (max-width: 991px) {
	.about-section3-swiper .item .hover-mask .name {
			margin: 0 0 20px;
	}
}

.about-section3-swiper .item .hover-mask ul li {
	font-size: 14px;
	color: #fff;
	margin: 0 0 6px;
}

@media (max-width: 991px) {
	.about-section3-swiper .item .hover-mask ul li {
			font-size: 12px;
	}
}

.about-section3-swiper .item .hover-mask ul li:last-child {
	margin: 0;
}

@media (min-width: 768px) {
	.about-section3-swiper .item:hover .default-mask {
			opacity: 0;
			transform: translateY(20px);
	}
	.about-section3-swiper .item:hover .hover-mask {
			opacity: 1;
			transform: translateY(0);
	}
}

.about-section3-pagination {
	margin: 15px 0 0;
	position: static;
	text-align: center;
}

.about-section3-pagination .swiper-pagination-bullet {
	margin: 0 4px;
}

.about-section3-pagination .swiper-pagination-bullet-active {
	background: #0571b1;
}

.about-section4 {
	position: relative;
	margin: 0 0 120px;
}

@media (max-width: 1440px) {
	.about-section4 {
			margin: 0 0 80px;
	}
}

@media (max-width: 1199px) {
	.about-section4 {
			margin: 0 0 60px;
	}
}

@media (max-width: 767px) {
	.about-section4 {
			margin: 0 0 40px;
	}
}

@media (max-width: 575px) {
	.about-section4 {
			margin: 0 0 30px;
	}
}

.about-section4 .about-appoint {
	top: -150px;
}

@media (max-width: 575px) {
	.about-section4 .about-appoint {
			top: -80px;
	}
}

.about-section4 .flexbox {
	display: flex;
	align-items: center;
	background: #f8f8f8;
}

@media (max-width: 767px) {
	.about-section4 .flexbox {
			flex-direction: column;
			align-items: flex-start;
			background: transparent;
	}
}

.about-section4 .flexbox .img-box {
	position: relative;
	overflow: hidden;
	flex: 0 0 50%;
	min-width: 50%;
	height: 520px;
}

@media (max-width: 1199px) {
	.about-section4 .flexbox .img-box {
			height: 375px;
	}
}

@media (max-width: 767px) {
	.about-section4 .flexbox .img-box {
			margin: 0 0 30px;
	}
}

@media (max-width: 575px) {
	.about-section4 .flexbox .img-box {
			height: 260px;
			margin: 0 0 15px;
	}
}

.about-section4 .flexbox .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-section4 .flexbox .infobox {
	padding: 0 0 0 80px;
}

@media (max-width: 1199px) {
	.about-section4 .flexbox .infobox {
			padding: 0 30px 0 40px;
	}
}

@media (max-width: 767px) {
	.about-section4 .flexbox .infobox {
			padding: 0;
			width: 100%;
	}
}

.about-section4 .flexbox .infobox h2 {
	font-size: 50px;
	color: #0571b1;
	
	margin: 0 0 15px;
	line-height: 1;
}

@media (max-width: 1440px) {
	.about-section4 .flexbox .infobox h2 {
			font-size: 40px;
	}
}

@media (max-width: 575px) {
	.about-section4 .flexbox .infobox h2 {
			font-size: 25px;
			/* text-align: center; */
	}
}

.about-section4 .flexbox .infobox .tit {
	position: relative;
	font-size: 30px;
	color: #333;
	margin: 0 0 45px;
}

@media (max-width: 1440px) {
	.about-section4 .flexbox .infobox .tit {
			font-size: 25px;
	}
}

@media (max-width: 1199px) {
	.about-section4 .flexbox .infobox .tit {
			margin: 0 0 30px;
	}
}

@media (max-width: 575px) {
	.about-section4 .flexbox .infobox .tit {
			margin: 0 0 10px;
			font-size: 18px;
			/* text-align: center; */
	}
}

.about-section4 .flexbox .infobox .des {
	color: #333;
	font-size: 14px;
	line-height: 2;
}

@media (max-width: 991px) {
	.about-section4 .flexbox .infobox .des {
			font-size: 16px;
	}
}

@media (max-width: 575px) {
	.about-section4 .flexbox .infobox .des {
			font-size: 14px;
	}
}

.about-section4 .flexbox .infobox .des span {
	font-size: 18px;
	color: #0571b1;
	font-weight: bold;
}

@media (max-width: 575px) {
	.about-section4 .flexbox .infobox .des span {
			font-size: 16px;
	}
}

.about-section5 {
	margin: 0 0 120px;
}

@media (max-width: 1440px) {
	.about-section5 {
			margin: 0 0 80px;
	}
}

@media (max-width: 1199px) {
	.about-section5 {
			margin: 0 0 60px;
	}
}

@media (max-width: 767px) {
	.about-section5 {
			margin: 0 0 40px;
	}
}

@media (max-width: 575px) {
	.about-section5 {
			margin: 0 0 30px;
	}
}

.about-section5 .flexbox {
	display: flex;
	align-items: center;
}

@media (max-width: 767px) {
	.about-section5 .flexbox {
			flex-direction: column-reverse;
	}
}

.about-section5 .flexbox .leftbox {
	padding: 0 70px 0 0;
}

@media (max-width: 1199px) {
	.about-section5 .flexbox .leftbox {
			padding: 0 40px 0 0;
	}
}

@media (max-width: 767px) {
	.about-section5 .flexbox .leftbox {
			padding: 0;
	}
}

.about-section5 .flexbox .leftbox .group {
	margin: 0 0 10px;
}

@media (max-width: 1199px) {
	.about-section5 .flexbox .leftbox .group {
			margin: 0 0 10px;
	}
}

@media (max-width: 767px) {
	.about-section5 .flexbox .leftbox .group {
			text-align: center;
			margin: 0 0 10px;
	}
}

.about-section5 .flexbox .leftbox .group h4 {
	font-size: 30px;
	color: #333;
	margin: 0 0 22px;
}

@media (max-width: 1199px) {
	.about-section5 .flexbox .leftbox .group h4 {
			font-size: 20px;
			margin: 0 0 10px;
	}
}

@media (max-width: 575px) {
	.about-section5 .flexbox .leftbox .group h4 {
			font-size: 16px;
	}
}

.about-section5 .flexbox .leftbox .group p {
	font-size: 14px;
	color: #666;
	line-height: 2;
}

@media (max-width: 575px) {
	.about-section5 .flexbox .leftbox .group p {
			line-height: 1.6;
	}
}

.about-section5 .flexbox .leftbox .group2 {
	margin: 0 0 40px;
}

@media (max-width: 1199px) {
	.about-section5 .flexbox .leftbox .group2 {
			margin: 0 0 30px;
	}
}

@media (max-width: 767px) {
	.about-section5 .flexbox .leftbox .group2 {
			text-align: center;
			margin: 0 0 20px;
	}
}

.about-section5 .flexbox .leftbox .group2:last-child {
	margin: 0;
}

.about-section5 .flexbox .leftbox .group2 h4 {
	font-size: 18px;
	color: #fff;
	display: inline-block;
	border-radius: 30px;
	background: #0571b1;
	margin: 0 0 12px;
	padding: 8px 18px;
}

@media (max-width: 1199px) {
	.about-section5 .flexbox .leftbox .group2 h4 {
			margin: 0 0 10px;
	}
}

@media (max-width: 575px) {
	.about-section5 .flexbox .leftbox .group2 h4 {
			font-size: 16px;
	}
}

.about-section5 .flexbox .leftbox .group2 p {
	font-size: 14px;
	color: #666;
	line-height: 2;
}

@media (max-width: 575px) {
	.about-section5 .flexbox .leftbox .group2 p {
			line-height: 1.6;
	}
}

.about-section5 .flexbox .rightbox {
	position: relative;
	overflow: hidden;
	flex: 0 0 50%;
	min-width: 50%;
	height: 580px;
}

@media (max-width: 767px) {
	.about-section5 .flexbox .rightbox {
			height: 360px;
			margin: 0 0 30px;
	}
}

@media (max-width: 575px) {
	.about-section5 .flexbox .rightbox {
			height: 260px;
			margin: 0 0 15px;
	}
}

.about-section5 .flexbox .rightbox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-section6 {
	position: relative;
	background: #f8f8f8;
	padding: 120px 0;
	margin: 0 0 120px;
}

@media (max-width: 1440px) {
	.about-section6 {
			padding: 80px 0;
			margin: 0 0 80px;
	}
}

@media (max-width: 1199px) {
	.about-section6 {
			padding: 60px 0;
			margin: 0 0 60px;
	}
}

@media (max-width: 767px) {
	.about-section6 {
			padding: 40px 0;
			margin: 0 0 40px;
	}
}

@media (max-width: 575px) {
	.about-section6 {
			padding: 30px 0;
			margin: 0 0 30px;
	}
}

@media (max-width: 575px) {
	.about-section6 .about-appoint {
			top: -60px;
	}
}

.about-section6 .head h2 {
	font-size: 48px;
	text-align: center;
	
	color: #0571b1;
	margin: 0 0 20px;
}

@media (max-width: 575px) {
	.about-section6 .head h2 {
			font-size: 25px;
			margin: 0 0 5px;
			/* text-align: left;
	padding: 0 15px; */
	}
}

.about-section6 .head .tit {
	font-size: 30px;
	color: #333;
	text-align: center;
	margin: 0 0 125px;
}

@media (max-width: 1440px) {
	.about-section6 .head .tit {
			margin: 0 0 80px;
	}
}

@media (max-width: 1199px) {
	.about-section6 .head .tit {
			margin: 0 0 60px;
	}
}

@media (max-width: 767px) {
	.about-section6 .head .tit {
			margin: 0 0 40px;
	}
}

@media (max-width: 575px) {
	.about-section6 .head .tit {
			margin: 0 0 30px;
			font-size: 18px;
			/* text-align: left;
	padding: 0 15px; */
	}
}

.about-section6 .swiper-box {
	position: relative;
}

.about-section6 .swiper-box:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 4px;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #0571b1;
}

@media (max-width: 767px) {
	.about-section6 .swiper-box:after {
			top: auto;
			bottom: 6px;
	}
}

@media (max-width: 767px) {
	.about-section6-swiper {
			margin: 0 30px;
	}
}

.about-section6-swiper .swiper-slide .item {
	position: relative;
	display: flex;
	height: 370px;
}

@media (max-width: 767px) {
	.about-section6-swiper .swiper-slide .item {
			height: auto;
	}
}

.about-section6-swiper .swiper-slide .item .ic-left {
	position: relative;
	flex: 0 0 17px;
}

@media (max-width: 767px) {
	.about-section6-swiper .swiper-slide .item .ic-left {
			padding: 0 0 25px;
	}
}

.about-section6-swiper .swiper-slide .item .ic-left i {
	position: absolute;
	display: block;
	width: 1px;
	height: 185px;
	background: #0571b1;
	left: 0;
	right: 0;
	margin: auto;
}

@media (max-width: 767px) {
	.about-section6-swiper .swiper-slide .item .ic-left i {
			height: 100%;
	}
}

.about-section6-swiper .swiper-slide .item .ic-left:before {
	content: "";
	position: absolute;
	width: 17px;
	height: 17px;
	background: #0571b1;
	border-radius: 50%;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

@media (max-width: 767px) {
	.about-section6-swiper .swiper-slide .item .ic-left:before {
			top: auto;
	}
}

.about-section6-swiper .swiper-slide .item .ic-right {
	position: absolute;
	width: 415px;
	height: 100%;
	padding: 0 0 0 20px;
	display: flex;
}

@media (max-width: 767px) {
	.about-section6-swiper .swiper-slide .item .ic-right {
			position: static;
			padding: 0 0 25px;
			width: 100%;
	}
}

.about-section6-swiper .swiper-slide .item .ic-right .inner {
	display: flex;
}

@media (max-width: 575px) {
	.about-section6-swiper .swiper-slide .item .ic-right .inner {
			flex-direction: column;
			align-items: flex-start;
	}
}

.about-section6-swiper .swiper-slide .item .ic-right .img-box {
	flex: 0 0 164px;
	min-width: 164px;
	height: 89px;
	overflow: hidden;
	margin: 0 18px 0 0;
}

@media (max-width: 575px) {
	.about-section6-swiper .swiper-slide .item .ic-right .img-box {
			flex: inherit;
			min-width: inherit;
			margin: 0 0 10px;
	}
}

.about-section6-swiper .swiper-slide .item .ic-right .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-section6-swiper .swiper-slide .item .ic-right .info .time {
	font-size: 30px;
	color: #0571b1;
	
	margin: 0 0 10px;
}

@media (max-width: 575px) {
	.about-section6-swiper .swiper-slide .item .ic-right .info .time {
			font-size: 24px;
			margin: 0 0 8px;
	}
}

.about-section6-swiper .swiper-slide .item .ic-right .info .des {
	line-height: 1.8;
	font-size: 14px;
	color: #5f5f5f;
}

.about-section6-swiper .swiper-slide:nth-child(even) .item .ic-left i {
	bottom: 0;
}

@media (max-width: 767px) {
	.about-section6-swiper .swiper-slide:nth-child(even) .item .ic-left i {
			top: 0;
			bottom: auto;
	}
}

.about-section6-swiper .swiper-slide:nth-child(even) .item .ic-right .inner {
	align-items: flex-end;
}

@media (max-width: 767px) {
	.about-section6-swiper .swiper-slide:nth-child(even) .item .ic-right .inner {
			align-items: flex-start;
	}
}

.about-section6-swiper .swiper-slide:last-child .item .ic-right {
	width: 100%;
}

.about-section6 .swiper-button-prev,
.about-section6 .swiper-button-next {
	left: 50px;
	cursor: pointer;
	width: 24px;
	height: 42px;
	outline: none;
	-webkit-user-select: none;
	user-select: none;
	background: transparent;
	transition: 0.3s;
}

@media (max-width: 767px) {
	.about-section6 .swiper-button-prev,
	.about-section6 .swiper-button-next {
			left: 15px;
			width: 15px;
			height: 29px;
	}
}

.about-section6 .swiper-button-prev:before,
.about-section6 .swiper-button-next:before {
	content: "";
	display: block;
	position: relative;
	z-index: 1;
	width: 24px;
	height: 42px;
	background: url("../images/left.png") center / contain no-repeat;
}

@media (max-width: 767px) {
	.about-section6 .swiper-button-prev:before,
	.about-section6 .swiper-button-next:before {
			width: 15px;
			height: 29px;
	}
}

.about-section6 .swiper-button-prev:after,
.about-section6 .swiper-button-next:after {
	content: "";
	position: absolute;
	width: 12px;
	height: 43px;
	top: 0;
	bottom: 0;
	left: -8px;
	margin: auto;
	transition: 0.3s;
}

@media (max-width: 575px) {
	.about-section6 .swiper-button-prev:after,
	.about-section6 .swiper-button-next:after {
			width: 8px;
			height: 30px;
	}
}

.about-section6 .swiper-button-prev:hover:before,
.about-section6 .swiper-button-next:hover:before {
	background: url("../images/left-h.png") center / contain no-repeat;
}

.about-section6 .swiper-button-prev:hover:after,
.about-section6 .swiper-button-next:hover:after {
	background: #bad618;
}

.about-section6 .swiper-button-next {
	left: auto;
	right: 50px;
}

@media (max-width: 767px) {
	.about-section6 .swiper-button-next {
			right: 15px;
	}
}

.about-section6 .swiper-button-next:before {
	content: "";
	display: block;
	background: url("../images/right.png") center / contain no-repeat;
}

.about-section6 .swiper-button-next:after {
	left: auto;
	right: -8px;
}

.about-section6 .swiper-button-next:hover:before {
	background: url("../images/right-h.png") center / contain no-repeat;
}

.about-section7 {
	position: relative;
	overflow: hidden;
	margin: 0 0 120px;
}

@media (max-width: 1440px) {
	.about-section7 {
			margin: 0 0 80px;
	}
}

@media (max-width: 1199px) {
	.about-section7 {
			margin: 0 0 60px;
	}
}

@media (max-width: 767px) {
	.about-section7 {
			margin: 0 0 40px;
	}
}

@media (max-width: 575px) {
	.about-section7 {
			margin: 0 0 30px;
	}
}

.about-section7 .about-appoint {
	top: -100px;
}

@media (max-width: 575px) {
	.about-section7 .about-appoint {
			top: -80px;
	}
}

.about-section7 .flexbox {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media (max-width: 1199px) {
	.about-section7 .flexbox {
			flex-direction: column;
	}
}

.about-section7 .flexbox .leftbox h2 {
	font-size: 72px;
	color: #0571b1;
	
	margin: 0 0 15px;
	line-height: 1;
}

@media (max-width: 1440px) {
	.about-section7 .flexbox .leftbox h2 {
			font-size: 50px;
	}
}

@media (max-width: 1199px) {
	.about-section7 .flexbox .leftbox h2 {
			text-align: center;
	}
}

@media (max-width: 575px) {
	.about-section7 .flexbox .leftbox h2 {
			font-size: 25px;
			/* text-align: center; */
			text-align: left;
			margin: 0 0 5px;
	}
}

.about-section7 .flexbox .leftbox .tit {
	font-size: 36px;
	color: #333;
}

@media (max-width: 1440px) {
	.about-section7 .flexbox .leftbox .tit {
			font-size: 25px;
	}
}

@media (max-width: 1199px) {
	.about-section7 .flexbox .leftbox .tit {
			text-align: center;
			margin: 0 0 40px;
	}
}

@media (max-width: 767px) {
	.about-section7 .flexbox .leftbox .tit {
			margin: 0 0 30px;
	}
}

@media (max-width: 575px) {
	.about-section7 .flexbox .leftbox {
			width: 100%;
	}
	.about-section7 .flexbox .leftbox .tit {
			font-size: 18px;
			/* text-align: center; */
			text-align: left;
	}
}

.about-section7 .flexbox .rightbox {
	background: #0571b1;
}

@media (max-width: 1199px) {
	.about-section7 .flexbox .rightbox {
			width: 100%;
	}
}

.about-section7 .flexbox .rightbox .swiper-box {
	position: relative;
	width: 1055px;
	padding: 90px 0 90px 100px;
}

@media (max-width: 1710px) {
	.about-section7 .flexbox .rightbox .swiper-box {
			width: 830px;
	}
}

@media (max-width: 1440px) {
	.about-section7 .flexbox .rightbox .swiper-box {
			padding: 60px 0 60px 80px;
	}
}

@media (max-width: 1199px) {
	.about-section7 .flexbox .rightbox .swiper-box {
			width: 100%;
			padding: 60px 0;
	}
}

@media (max-width: 575px) {
	.about-section7 .flexbox .rightbox .swiper-box {
			padding: 30px 0;
	}
}

@media (max-width: 1199px) {
	.about-section7 .flexbox .rightbox .swiper-box:before {
			content: "";
			position: absolute;
			right: 100%;
			top: 0;
			width: 10000vh;
			height: 100%;
			background: #0571b1;
	}
}

.about-section7 .flexbox .rightbox .swiper-box:after {
	content: "";
	position: absolute;
	left: 100%;
	top: 0;
	width: 10000vh;
	height: 100%;
	background: #0571b1;
}

.about-section7-swiper .item .img-box {
	background: #fff;
	margin: 0 0 10px;
	padding: 35px 40px;
}

@media (max-width: 1440px) {
	.about-section7-swiper .item .img-box {
			padding: 30px;
	}
}

@media (max-width: 575px) {
	.about-section7-swiper .item .img-box {
			padding: 15px;
	}
}

.about-section7-swiper .item .img-box img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: 0.3s;
}

.about-section7-swiper .item .img-box:hover img {
	transform: scale(1.1);
}

.about-section7-swiper .item p {
	text-align: center;
	font-size: 16px;
	color: #fff;
}

.about-section7-pagination {
	margin: 40px 0 0;
	display: none;
	position: static;
	text-align: center;
}

@media (max-width: 1199px) {
	.about-section7-pagination {
			display: block;
	}
}

@media (max-width: 767px) {
	.about-section7-pagination {
			margin: 30px 0 0;
	}
}

@media (max-width: 575px) {
	.about-section7-pagination {
			margin: 15px 0 0;
	}
}

.about-section7-pagination .swiper-pagination-bullet {
	position: static;
	width: 10px;
	height: 10px;
	background: #fafafa;
	transition: 0.3s;
	margin: 0 5px;
}

@media (max-width: 575px) {
	.about-section7-pagination .swiper-pagination-bullet {
			width: 8px;
			height: 8px;
			margin: 0 4px;
	}
}

.about-section7-pagination .swiper-pagination-bullet-active {
	background: #fff;
}

.about-section7 .prev-next {
	position: absolute;
	left: -40px;
	top: 0;
	bottom: 0;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media (max-width: 1199px) {
	.about-section7 .prev-next {
			display: none;
	}
}

.about-section7 .prev-next .swiper-button-prev,
.about-section7 .prev-next .swiper-button-next {
	width: 107px;
	height: 60px;
	background: transparent;
	margin: 0;
	position: static;
	display: flex;
	align-items: center;
	justify-content: center;
	outline: none;
	-webkit-user-select: none;
	user-select: none;
	transition: 0.3s;
}

@media (max-width: 1440px) {
	.about-section7 .prev-next .swiper-button-prev,
	.about-section7 .prev-next .swiper-button-next {
			width: 95px;
			height: 55px;
	}
}

.about-section7 .prev-next .swiper-button-prev.on,
.about-section7 .prev-next .swiper-button-next.on {
	background: #bad618;
}

.about-section7 .prev-next .swiper-button-prev img,
.about-section7 .prev-next .swiper-button-next img {
	margin: 0 0 0 15px;
}

.about-section8 {
	position: relative;
	margin: 0 0 150px;
}

@media (max-width: 1440px) {
	.about-section8 {
			margin: 0 0 80px;
	}
}

@media (max-width: 1199px) {
	.about-section8 {
			margin: 0 0 60px;
	}
}

@media (max-width: 767px) {
	.about-section8 {
			margin: 0 0 40px;
	}
}

@media (max-width: 575px) {
	.about-section8 {
			margin: 0 0 30px;
	}
}

.about-section8 .about-appoint {
	top: -115px;
}

@media (max-width: 575px) {
	.about-section8 .about-appoint {
			top: -80px;
	}
}

.about-section8 .flexbox {
	display: flex;
	align-items: center;
}

@media (max-width: 767px) {
	.about-section8 .flexbox {
			flex-direction: column;
	}
}

.about-section8 .flexbox .leftbox {
	position: relative;
	overflow: hidden;
	flex: 0 0 50%;
	min-width: 50%;
	height: 576px;
}

@media (max-width: 1440px) {
	.about-section8 .flexbox .leftbox {
			height: 410px;
	}
}

@media (max-width: 767px) {
	.about-section8 .flexbox .leftbox {
			height: 350px;
			margin: 0 0 30px;
	}
}

@media (max-width: 575px) {
	.about-section8 .flexbox .leftbox {
			height: 250px;
			margin: 0 0 15px;
	}
}

.about-section8 .flexbox .leftbox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-section8 .flexbox .rightbox {
	padding: 0 0 0 80px;
}

@media (max-width: 1440px) {
	.about-section8 .flexbox .rightbox {
			padding: 0 0 0 40px;
	}
}

@media (max-width: 767px) {
	.about-section8 .flexbox .rightbox {
			padding: 0;
	}
}

.about-section8 .flexbox .rightbox h2 {
	font-size: 60px;
	color: #0571b1;
	
	margin: 0 0 15px;
	line-height: 1;
}

@media (max-width: 1440px) {
	.about-section8 .flexbox .rightbox h2 {
			font-size: 50px;
	}
}

@media (max-width: 575px) {
	.about-section8 .flexbox .rightbox h2 {
			font-size: 25px;
			/* text-align: center; */
	}
}

.about-section8 .flexbox .rightbox .tit {
	position: relative;
	font-size: 30px;
	color: #333;
	margin: 0 0 45px;
}

@media (max-width: 1440px) {
	.about-section8 .flexbox .rightbox .tit {
			font-size: 25px;
	}
}

@media (max-width: 1199px) {
	.about-section8 .flexbox .rightbox .tit {
			margin: 0 0 30px;
	}
}

@media (max-width: 575px) {
	.about-section8 .flexbox .rightbox .tit {
			margin: 0 0 10px;
			font-size: 18px;
			/* text-align: center; */
	}
}

.about-section8 .flexbox .rightbox .cflexbox {
	overflow: hidden;
}

.about-section8 .flexbox .rightbox .cflexbox .box-row {
	margin: 0 -4px;
	display: flex;
	flex-wrap: wrap;
}

.about-section8 .flexbox .rightbox .cflexbox .box-col {
	flex: 0 0 33.33%;
	min-width: 33.33%;
	padding: 0 4px;
	margin: 0 0 8px;
}

@media (max-width: 991px) {
	.about-section8 .flexbox .rightbox .cflexbox .box-col {
			flex: 0 0 50%;
			min-width: 50%;
	}
}

@media (max-width: 767px) {
	.about-section8 .flexbox .rightbox .cflexbox .box-col {
			flex: 0 0 33.33%;
			min-width: 33.33%;
	}
}

@media (max-width: 575px) {
	.about-section8 .flexbox .rightbox .cflexbox .box-col {
			flex: 0 0 50%;
			min-width: 50%;
	}
}

.about-section8 .flexbox .rightbox .cflexbox .item {
	overflow: hidden;
}

.about-section8 .flexbox .rightbox .cflexbox .item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: 0.3s;
}

.about-section8 .flexbox .rightbox .cflexbox .item:hover img {
	transform: scale(1.1);
}
.about-section1 .rightbox .group .smtit {
	font-size: 20px;
	color: #0571b1;
	margin: 0 0 6px;
}
.maskfadeUp {
	display: block;
	background-color: #0571b1;
	z-index: 1;
	-webkit-transition: -webkit-transform 1.2s 0.5s;
	transition: transform 1.2s 0.5s;
}

.maskfadeUp {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.maskfadeUp.animated {
	-webkit-transform: translateY(-101%);
	/* transform: translateY(-101%); */
}
.common-main.send_column{
	margin: 3.5% 0;
}
.pro-content .pro-cont-desc {
	display:flex;display:-webkit-flex;justify-content:space-between;
	max-width: 1400px;
}
.pro-content .pro-cont-desc .proimg{width:45%;padding: 30px 0;}  

.pro-content .pro-cont-desc .proimg .swiper-slide .play { justify-content:center; position:absolute;bottom:20px;right:20px; display:flex;display:-webkit-flex;align-items:center;z-index: 1;}
.pro-content .pro-cont-desc .proimg .swiper-slide .play i{font-size:6rem;color:#f7b900;transition: all .4s ease-in-out;opacity: 1;}
.pro-content .pro-cont-desc .proimg .swiper-slide  .play i:hover {font-size:6rem;color:#c7171d;opacity:1;}
.pro-content .pro-cont-desc .proimg .swiper-slide:hover img{transition: all .4s ease-in-out;-webkit-filter: brightness(90%);filter: brightness(90%);}
#nav{ margin-top:10px; padding-right:4px;}
#nav li{cursor:pointer;  }
#nav li img{width:100px; height:80px; }
.swiper-slide-thumb-active,.swiper-container .swiper-slide:hover { border:2px solid #0571b1; }
.pro-content .pro-cont-desc .proimg .swiper-slide:hover img {
	transition: all .4s ease-in-out;
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}
#page.swiper-container .swiper-slide:hover {
	border: none;
}
.common-main.pro_show {
	padding-top: 0;
}
.pro-content .pro-cont-top {
	display: none;
}
#nav li i{position: absolute;top: 30%;left: 35%; font-size:2em;opacity:0.8; color:#000;}
#nav li i:hover{color:#FF0000;}

.pro-content .pro-cont-desc .proinfo{width:50%; padding-right:10px; max-width:800px;text-align: left; position: relative;}
.btnhui{ display:inline-block; padding:0 20px;line-height:40px;     background-color: #0571b1;
	color: #fff;border-radius: 30px;    border: 2px solid #0571b1; text-align:center;}
.btnhui:hover{ color:#0571b1;background:#fff}
.pro-content .pro-cont-desc .proinfo h1{ font-size:32px; margin-bottom:10px; font-weight:normal;text-align: left;padding-bottom: 0;}
.pro-content .pro-cont-desc .proinfo h3{ font-size:24px; margin-bottom:30px; color:#666; font-weight:normal;padding: 0;}
.pro-content .pro-cont-desc .proinfo p{ font-size:16px	; color:#666; line-height:26px;}
.pro-content .pro-cont-desc .proinfo .online {position: absolute;bottom: 30px;left:0 ;}
.pro-content .pro-cont-desc .proinfo .online a{ margin-right:20px;}
.pro-content .pro-cont-desc .proinfo .online i{ padding-right:3px;top:1px; position:relative;}
.pro-content .pro-cont-desc .proinfo .maxpara{display:flex;display:-webkit-flex; margin-top:50px; border-top:1px solid #ececec; padding-top:25px; max-width:700px;}
.pro-content .pro-cont-desc .proinfo  .para:first-child{ margin-right:100px;}
.pro-content .pro-cont-desc .proinfo  .para i{ font-size:32px;}
.pro-content .pro-cont-desc .proinfo  .para p{line-height:1.5em; margin-bottom:10px; margin-top:5px; color: #666;font-size: 14px;}
.iconsudu{
	display: block;
	padding: 10px 0;
	width: 32px;
	height: 32px;
	background: url(../images/sudu.png) no-repeat;
	background-size: contain;
}

.iconbaozhuang {
	padding: 10px 0;
	display: block;
	width: 32px;
	height: 32px;
	background: url(../images/baozhuang.png) no-repeat;
	background-size: contain;
}
.pro-cont-item.send_column {display: none;}
.pro-cont-item .pro-item-desc iframe {width: 640px;height: 430px;margin: 0 auto;display: block;}
.pro-cont-item .pro-item-desc img {max-width:100%;width: 100%;}
.code img {
	width: 30px !important;
}
#pro {
	overflow: hidden !important;
	margin: 40px 0;
}
#pro img {
	width: 100%;
}
#pro .swiper-slide {
	width: 33% !important;
	text-align: center;
}
#pro .swiper-slide-thumb-active, #pro .swiper-slide:hover{
	border: 0;
}
#pro .swiper-slide span {
	display: inline-block;height: 32px;line-height: 30px;transition: all .5s;border-radius: 5px;border: 1px solid #0058a0;padding-left: 20px;padding-right: 20px;font-size: 14px;margin-top: 20px;color: #0058a0;
}
#pro .swiper-slide a {
	transition: all .5s;background: #fff;position: relative;padding: 5px;border: 1px solid #f2f2f2;
}
#pro .swiper-slide:hover a{transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);box-shadow: 0 2px 13px 1px rgba(0,0,0,0.05);border-color: #f2f2f2;}
#pro .swiper-slide:hover span{background: #0058a0;color: #fff;}
#pro .swiper-button-prev,#pro .swiper-button-next {
	zoom: .5;
}
.pro-cont-item .pro-item-desc table p {
padding: 2px 0;
}
.pro-cont-item .pro-item-desc p {
padding:0;
}