@charset uft-8;
	* {
	margin:0;
	padding:0
}
a {
	color:#333;
	outline:none
}
a:hover,a:focus {
	color:#E16713;
	text-decoration:none;
	outline:none
}
ul,ol,li {
	list-style:none;
	outline:none;
	padding-left:0;
	text-align:left
}
em {
	font-style:normal
}
input,select {
	outline:none
}
body {
	overflow-x:hidden;
	font-size:14px;
	color:#333;
	font-family:-apple-system,"Helvetica Neue","Helvetica","Arial","PingFang SC","Hiragino Sans GB","STHeiti","Microsoft YaHei","Microsoft JhengHei","element-icons",SimSun,sans-serif
}
svg {
	transition:.5s
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
	font-weight:400;
	margin:0
}
.ptb1 {
	padding-top:1em;
	padding-bottom:1em
}
.ptb2 {
	padding-top:2em;
	padding-bottom:2em
}
.ptb3 {
	padding-top:3em;
	padding-bottom:3em
}
.ptb4 {
	padding-top:4em;
	padding-bottom:4em
}
.ptb5 {
	padding-top:5em;
	padding-bottom:5em
}
.ptb6 {
	padding-top:6em;
	padding-bottom:6em
}
.ptb7 {
	padding-top:7em;
	padding-bottom:7em
}
.mbt1 {
	margin-top:1em
}
.mbt2 {
	margin-top:2em
}
.mbt3 {
	margin-top:3em
}
.mbt4 {
	margin-top:4em
}
.mbb1 {
	margin-bottom:1em
}
.mbb2 {
	margin-bottom:2em
}
.mbb3 {
	margin-bottom:3em
}
.pbt1 {
	padding-top:1em
}
.pbt2 {
	padding-top:2em
}
.pbt3 {
	padding-top:3em
}
.pbt4 {
	padding-top:4em
}
.pbb1 {
	padding-bottom:1em
}
.pbb2 {
	padding-bottom:2em
}
.pbb3 {
	padding-bottom:3em
}
.pbb4 {
	padding-bottom:4em
}
.lh24 {
	line-height:24px
}
.fl {
	float:left
}
.fr {
	float:right
}
.bgf7 {
	background:#f7f7f7
}
.bg1 {
	background:#F7F8F8
}
.tc {
	text-align:center
}
p {
	margin:0 0 0
}
.container {
  padding-top: 45px;    
  padding-bottom: 50px; 
  width: 85%;
  min-width: 85%;
}

@font-face {
	font-family:'iconfont';
	src:url(../fonts/font_2258691_5nb6kkaymsy.eot);
	src:url(../fonts/font_2258691_5nb6kkaymsy.eot) format('embedded-opentype'),url(../fonts/font_2258691_5nb6kkaymsy.woff2) format('woff2'),url(../fonts/font_2258691_5nb6kkaymsy.woff) format('woff'),url(../fonts/font_2258691_5nb6kkaymsy.ttf) format('truetype'),url('../fonts/font_2258691_5nb6kkaymsy.svg#iconfont') format('svg')
}
@font-face {
	font-family:"HanCheng";
	src:url(../fonts/HanCheng.ttf) format("ttf"),url(../fonts/HanCheng.ttf) format("ttf"),url(../fonts/HanCheng.ttf) format("truetype")
}
.iconfont {
	font-family:"iconfont"!important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.hh-header {
	position:fixed;
	width:100%;
	height:80px;
	transition:all 0.4s;
	top:0;
	left:0;
	z-index:999;
	padding:0 40px;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:space-between;
	color:#fff
}
.hh-header:hover {
	background:#fff
}
.header-hh .header-logo img {
	height:38px;
	width:auto
}
.hh-nav-header {
	display:flex;
	line-height:80px;
	margin-bottom:0;
	justify-content:space-between;
	flex:.3
}
.hh-header:hover .hh-nav-header .nav-item a {
	color:#000
}
.hh-nav-header .nav-item .nav-link {
	color:#fff;
	font-size:14px;
	line-height:28px;
	padding:0 0 5px 0
}
.box-border {
	border-bottom:1px solid #d8d8d8
}
.nav-item {
	width:100px;
	text-align:center
}
.nav-item:hover .nav-link {
	border-bottom:1px solid #a4202c;
	color:#a4202c!important
}
.activer {
	border-bottom:1px solid #a4202c
}
.nav-bg {
	position:absolute;
	top:80px;
	left:0;
	width:100%;
	background:#fff;
	z-index:999999;
	border-top:1px solid #eee;
	box-shadow:0 3px 3px rgb(0 0 0 / .1)
}
.soitembox {
	width:100%;
	margin-left:auto;
	padding:0 20px;
	overflow:hidden
}
.soitem {
	float:right
}
.soitem li {
	padding:18px 0;
	margin:0 30px;
	float:left;
	line-height:normal;
	position:relative
}
.soitem li a {
	font-size:14px
}
.soitem li:after {
	display:block;
	width:0;
	position:absolute;
	left:50%;
	content:'';
	bottom:0;
	height:3px;
	background-color:#a4202c
}
.soitem a:hover {
	color:#a4202c!important
}
.soitem li:hover:after {
	left:0;
	width:100%;
	transition:all 0.4s
}
.sencond-nav {
	display:none
}
.sencond-item:hover .sencond-nav {
	display:block
}
.three-nav {
	display:none
}
.three-item:hover .three-nav {
	display:block
}
.header {
	background:rgb(255 255 255 / .97);
	color:#000!important;
	box-shadow:0 0 8px rgb(0 0 0 / .2)
}
.nav-linkhover {
	color:#000!important
}
.hh-footer {
	padding-top:40px;
	padding-bottom:24px;
	background-color:#1b1b1b;
	background-image:url(../images/foot-bg.png);
	background-position:center;
	background-repeat:no-repeat
}
.hh-footer .container {
	width:93.75%;
	margin:0 auto;
	padding:0 20px
}
.hh-footer-logo {
	float:left;
	position:relative;
	overflow:hidden;
	width:320px;
	margin-top:-40px;
	padding-top:68px;
	padding-bottom:68px
}
.hh-footer-drop {
	position:absolute;
	top:-60px;
	left:50%;
	width:16px;
	height:16px;
	margin-left:-8px;
	border-radius:50%;
	background-color:#fff;
	-webkit-animation-name:drip;
	animation-name:drip;
	-webkit-animation-timing-function:cubic-bezier(1,0,.91,.19);
	animation-timing-function:cubic-bezier(1,0,.91,.19);
	-webkit-animation-duration:3s;
	animation-duration:3s;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite
}
.hh-footer-drop::before {
	content:'';
	position:absolute;
	top:-19px;
	left:50%;
	margin-left:-7px;
	border-style:solid;
	border-width:0 7px 24px;
	border-color:#fff0 #fff0 #fff
}
.hh-footer-wave {
	position:absolute;
	opacity:0;
	top:50%;
	left:50%;
	width:2px;
	height:1px;
	border:#fff 7px solid;
	-webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	transform-origin:50% 50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	border-radius:300px / 150px;
	-webkit-animation-name:ripple;
	animation-name:ripple;
	-webkit-animation-delay:3s;
	animation-delay:3s;
	-webkit-animation-duration:3s;
	animation-duration:3s;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
.hh-footer-wave:after {
	content:'';
	position:absolute;
	opacity:0;
	top:50%;
	left:50%;
	width:2px;
	height:1px;
	border:#fff 5px solid;
	border-radius:300px / 150px;
	-webkit-animation-name:ripple-2;
	animation-name:ripple-2;
	-webkit-animation-duration:3s;
	animation-duration:3s;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	transform-origin:50% 50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}
.hh-footer-wavt {
	width:300px;
	height:97px;
	font-size:0;
	text-align:center;
	position:relative;
	z-index:3
}
.hh-footer-wavt p {
	color:#fff;
	font-size:26px;
	line-height:28px;
	font-family:'HanCheng'
}
.hh-footer-wavt p:first-child {
	margin-bottom:33px
}
.hh-footer-menu {
	font-size:0;
	text-align:center;
	margin-left:320px;
	padding-right:340px;
	padding-bottom:40px;
	position:relative;
	overflow:hidden
}
.hh-footer-menu:after {
	content:'';
	display:block;
	clear:both;
	height:0
}
.hh-footer-cols {
	display:inline-block;
	vertical-align:top;
	max-width:20%;
	text-align:left;
	margin-right:5.8%
}
.hh-footer-addr {
	position:absolute;
	top:0;
	right:0;
	width:280px
}
.hh-footer-addr .hh-footer-cols {
	width:100%;
	max-width:none;
	text-align:left
}
.hh-footer-name {
	color:#fff;
	font-size:16px;
	font-weight:500;
	line-height:22px;
	padding-bottom:16px
}
.hh-footer-text {
	margin-bottom:12px
}
.hh-footer-text a {
	display:block;
	color:#fff;
	font-size:12px;
	line-height:17px;
	opacity:.9;
	-webkit-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}
.hh-footer-text p {
	color:#fff;
	font-size:12px;
	line-height:17px;
	margin-bottom:12px;
	-webkit-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
	opacity:.9
}
.hh-footer-text a:hover {
	color:#99173a
}
.hh-footer-cols:first-child {
	margin-left:0
}
.hh-footer-copy {
	color:#fff;
	font-size:12px;
	font-weight:400;
	line-height:17px;
	text-align:center
}
.hh-footer-copy a {
	color:inherit;
	-webkit-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out
}
.hh-footer-copy a:hover {
	color:#99173a
}
.hh-footer-touch {
	height:36px;
	margin-top:9px;
	margin-bottom:20px;
	padding-bottom:20px
}
.hh-footer-touch:after {
	content:'';
	display:block;
	clear:both;
	height:0
}
.hh-footer-touch li {
	float:left;
	width:88px;
	color:#fff;
	font-size:20px;
	text-align:center;
	line-height:20px;
	margin-right:20px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:0.25s ease-in-out;
	-o-transition:0.25s ease-in-out;
	transition:0.25s ease-in-out
}
.hh-footer-touch li img {
	width:100%;
	height:88px;
	-o-object-fit:cover;
	object-fit:cover
}
.hh-footer-touch span {
	display:block;
	color:#fff;
	font-size:12px;
	font-weight:400;
	line-height:17px;
	margin-top:8px
}
@-webkit-keyframes drip {
	to {
	top:80px
}
}@keyframes drip {
	to {
	top:80px
}
}@-webkit-keyframes ripple {
	from {
	opacity:1
}
to {
	width:400px;
	height:200px;
	border-width:1px;
	opacity:0
}
}@keyframes ripple {
	from {
	opacity:1
}
to {
	width:400px;
	height:200px;
	border-width:1px;
	opacity:0
}
}@-webkit-keyframes ripple-2 {
	0% {
	opacity:1
}
50% {
	opacity:0
}
100% {
	width:180px;
	height:90px;
	border-width:1px
}
}@keyframes ripple-2 {
	0% {
	opacity:1
}
50% {
	opacity:0
}
100% {
	width:180px;
	height:90px;
	border-width:1px
}
}.specify-links {
	display:none
}
.ibanner {
	position:relative;
	height:100%
}
.ibanner:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgb(0 0 0 / .8)
}
.ibanner .swiper-container {
	width:100%;
	height:100%;
	background-color:#000;
	transition:1s background-color 1.3s
}
.ibanner .swiper-wrapper {
	transition-delay:1s;
	transition-timing-function:cubic-bezier(.5,0,0,1)
}
.ibanner .swiper-slide {
	text-align:center;
	font-size:18px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center
}
.ibanner .title {
	transition-delay:1s;
	z-index:10
}
.ibanner .title h3 {
	font-weight:500;
	font-size:calc(55px + 54 * ((53vw + 53vh) - 1040px)/ 820);
	letter-spacing:8px;
	color:#fff0
}
.ibanner .img-box {
	width:100%;
	height:100%;
	position:absolute;
	transform:scale(.6,.6);
	transition-duration:1s;
	transition-property:transform;
	transition-timing-function:cubic-bezier(.5,0,0,1);
	opacity:.9;
	overflow:hidden
}
.ibanner .img-box img {
	width:100%;
	height:100%;
	object-fit:cover;
	transform:scale(1.2,1.2) translateX(50%);
	transition-timing-function:cubic-bezier(.5,0,0,1);
	transition-property:transform
}
.ibanner .button-next,.button-prev {
	transition:.5s;
	outline:0;
	position:absolute;
	width:140px;
	z-index:10;
	bottom:26vh;
	transform:translateY(-34px);
	cursor:pointer
}
.ibanner .button-prev {
	left:4vw
}
.ibanner .button-next {
	right:4vw
}
.ibanner .button.disabled {
	opacity:.2;
	cursor:default
}
.ibanner #arrow-svg-home {
	transform:translateY(353px)
}
.ibanner .button-next #arrow-svg-home {
	transform:translateY(353px) rotateY(180deg);
	transform-origin:80px 0 0
}
.cls-1 {
	transition:.5s;
	opacity:.4;
	transform-origin:-20px 40px;
	opacity:1
}
.cls-4 {
	transition:.5s;
	stroke-width:2px;
	stroke:#fff;
	fill:none;
	stroke-dasharray:1;
	stroke-dashoffset:1;
	opacity:.4;
	transform-origin:0 0 0
}
#arrow-trg {
	transition:.5s;
	fill:#fff;
	transform:rotateY(180deg) translate(-53px,39px)
}
#line {
	transition:.5s;
	stroke:#fff;
	transform:translate(50px,42px)
}
.button-prev:not(.disabled):hover svg {
	transform:translateX(-25px)
}
.button-next:not(.disabled):hover svg {
	transform:translateX(25px)
}
.button:not(.disabled):hover .cls-1 {
	transform:scale(1.1)
}
.button:not(.disabled):hover .cls-4 {
	stroke-dasharray:2px;
	stroke-dashoffset:2px;
	opacity:1
}
.button:not(.disabled):hover #arrow-trg {
	transform:rotateY(180deg) translate(-37px,39px)
}
.button:not(.disabled):hover #line {
	transform:translate(35px,42px) scaleX(.33)
}
.hh-title {
	height:50px;
	font-size:50px;
	font-weight:400;
	font-family:TiroTamil;
	color:#ECECEC;
	line-height:72px;
	text-align:center;
	line-height:50px
}
.hh-text {
	font-size:35px;
	font-weight:400;
	text-align:center;
	letter-spacing:4px;
	margin-top:-32px;
	margin-bottom:1.5em
}
.hh-textone {
	text-align:center;
	color:#666;
	font-size:18px;
	line-height:28px;
	font-weight:300
}
.qualifications-swiper {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:80px
}
.qualifications-swiper img {
	width:100%;
	height:100%
}
.qualifications-pagination {
	right:0;
	bottom:10px;
	position:absolute;
	height:20px;
	width:100%;
	display:flex;
	justify-content:center
}
.qualifications-pagination .swiper-pagination-bullet {
	background:#99173a;
	margin-right:5px;
	width:30px;
	height:4px;
	border-radius:0
}
.hh-TotalSolution {
	background-color:#fdfdfd
}
.TotalSolution-swiper {
	padding:10px 15px 60px
}
.hh-TotalSolution-list {
	display:flex;
	justify-content:space-between
}
.TotalSolution-list-item {
	display:flex;
	justify-content:center;
	flex-direction:column;
	align-items:center;
	transition:all 0.4s
}
.TotalSolution-list-item a {
	display:flex;
	justify-content:center;
	flex-direction:column;
	align-items:center;
	padding-top:30px;
	background:url(../images/bg1.png) left bottom
}
.TotalSolution-list-item img {
	height:130px;
	transition:all 1s
}
.TotalSolution-list-item .item-title {
	font-size:22px;
	font-weight:600;
	padding:20px 0 36px;
	color:#313131;
	transition:all 0.5s
}
.TotalSolution-list-item .item-text {
	font-size:14px;
	line-height:22px;
	color:#909090;
	padding:0 40px;
	text-align:justify;
	transition:all 0.5s;
	height:120px
}
.TotalSolution-list-item:hover {
	box-shadow:0 0 10px 2px #ddd
}
.TotalSolution-list-item:hover img {
	transform:scale(.8) rotate(360deg)
}
.nav-tabs {
	border:none;
	display:flex;
	justify-content:space-between
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
	border:none;
	background:url(../images/index8.png) no-repeat;
	background-size:contain;
	background-position:bottom
}
.nav>li>a {
	font-size:23px;
	font-weight:800;
	color:#909090
}
.nav-tabs>li>a:hover {
	background:none;
	color:#99173A;
	border:1px solid #fff0
}
.information-left {
	width:40%
}
.information-left img {
	width:100%
}
.information-right {
	width:56%
}
.information-left-content {
	padding:22px 30px 30px 20px;
	background:#99173A;
	color:#fff;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.information-left-content .times {
	width:20%;
	text-align:center;
	display:flex;
	justify-content:center;
	flex-direction:column;
	align-items:center
}
.information-left-content .content {
	width:76%
}
.information-left-content .times .times-date {
	font-size:50px;
	font-weight:400;
	line-height:70px
}
.information-left-content .times .times-years {
	font-size:20px;
	line-height:28px;
	font-family:黑体
}
.information-left-content .content .content-title {
	border-bottom:1px solid #a94848;
	font-size:20px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	overflow:hidden;
	line-height:45px;
	margin-bottom:10px
}
.information-left-content .content .content-text {
	font-size:13px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	line-height:20px;
	color:#d8d8d8
}
.information-list-top {
	box-shadow:0 0 4px 2px rgb(238 234 234 / .5);
	padding:24px 17px;
	display:flex;
	align-items:center
}
.information-list-top .list-top-left {
	width:80%
}
.information-list-top .list-top-left h3 {
	color:#1A1A1A;
	font-size:20px;
	line-height:55px;
	border-bottom:1px solid #909090;
	font-weight:600;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	overflow:hidden
}
.information-list-top .list-top-left p {
	margin-top:14px;
	color:#909090;
	font-size:15px;
	line-height:30px;
	font-weight:600;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden
}
.information-list-top .list-top-right {
	width:20%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column
}
.list-top-right div:nth-of-type(1) {
	line-height:70px;
	color:#575757;
	font-weight:700;
	font-size:50px
}
.list-top-right div:nth-of-type(2) {
	color:#575757;
	line-height:28px;
	font-size:20px
}
.list-top-right div:nth-of-type(3) {
	margin-top:23px;
	line-height:28px;
	color:#575757;
	font-size:20px
}
.information-list-item {
	font-size:16px;
	border-bottom:1px dotted #909090;
	padding:2% 0
}
.information-list-item a {
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:#909090
}
.information-list-item a:hover {
	color:#99173A
}
.information-list-item div:nth-of-type(1) {
	width:70%;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	overflow:hidden
}
.information-list-item div:nth-of-type(2) {
	width:20%
}
.goTop {
	position:fixed;
	right:40px;
	bottom:35px;
	z-index:99999
}
.goTop div {
	width:60px;
	height:60px;
	background:rgb(164 32 44 / .85);
	box-shadow:0 0 2px #333;
	border-radius:50%;
	text-align:center;
	line-height:60px;
	cursor:pointer
}
.goTop span {
	font-size:40px;
	color:#fff
}
@keyframes scaleToggleOne {
	0{transform:scale(1);
	-webkit-transform:scale(1)
}
50% {
	transform:scale(2);
	-webkit-transform:scale(2)
}
100% {
	transform:scale(1);
	-webkit-transform:scale(1)
}
}@keyframes scaleToggleTwo {
	0{transform:scale(1);
	-webkit-transform:scale(1)
}
20% {
	transform:scale(1);
	-webkit-transform:scale(1)
}
60% {
	transform:scale(2);
	-webkit-transform:scale(2)
}
100% {
	transform:scale(1);
	-webkit-transform:scale(1)
}
}@keyframes scaleToggleThree {
	0{transform:scale(1);
	-webkit-transform:scale(1)
}
33% {
	transform:scale(1);
	-webkit-transform:scale(1)
}
66% {
	transform:scale(2);
	-webkit-transform:scale(2)
}
100% {
	transform:scale(1);
	-webkit-transform:scale(1)
}
}.animated {
	-webkit-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.livechat-girl {
	width:60px;
	height:60px;
	border-radius:50%;
	position:fixed;
	bottom:90px;
	right:40px;
	opacity:0;
	-webkit-box-shadow:0 5px 10px 0 rgb(35 50 56 / .3);
	box-shadow:0 5px 10px 0 rgb(35 50 56 / .3);
	z-index:700;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	cursor:pointer;
	-webkit-transition:all 1s cubic-bezier(.86,0,.07,1);
	transition:all 1s cubic-bezier(.86,0,.07,1)
}
.livechat-girl:focus {
	outline:0
}
.livechat-girl.animated {
	opacity:1;
	transform:translateY(-40px);
	-webkit-transform:translateY(-40px);
	-ms-transform:translateY(-40px)
}
.livechat-girl:after {
	content:'';
	width:12px;
	height:12px;
	border-radius:50%;
	background-image:linear-gradient(to bottom,#a4202c,#a4202c);
	position:absolute;
	right:1px;
	top:1px;
	z-index:50
}
.livechat-girl a {
	width:60px;
	display:inline-block;
	height:60px;
	text-align:center;
	padding-top:2px;
	position:absolute;
	top:0;
	left:0;
	z-index:50
}
.livechat-girl span {
	font-size:40px;
	color:#fff
}
.livechat-girl .animated-circles .circle {
	background:rgb(164 32 44 / .50);
	width:60px;
	height:60px;
	border-radius:50%;
	position:absolute;
	z-index:49;
	transform:scale(1);
	-webkit-transform:scale(1)
}
.livechat-girl .animated-circles.animated .c-1 {
	animation:2s scaleToggleOne cubic-bezier(.25,.46,.45,.94) forwards
}
.livechat-girl .animated-circles.animated .c-2 {
	animation:2.5s scaleToggleTwo cubic-bezier(.25,.46,.45,.94) forwards
}
.livechat-girl .animated-circles.animated .c-3 {
	animation:3s scaleToggleThree cubic-bezier(.25,.46,.45,.94) forwards
}
.livechat-girl.animation-stopped .circle {
	opacity:0!important
}
.livechat-girl.animation-stopped .circle {
	opacity:0!important
}
.livechat-girl .livechat-hint {
	position:absolute;
	right:40px;
	top:50%;
	margin-top:-20px;
	opacity:0;
	z-index:0;
	-webkit-transition:all .3s cubic-bezier(.86,0,.07,1);
	transition:all .3s cubic-bezier(.86,0,.07,1)
}
.livechat-girl .livechat-hint.show_hint {
	-webkit-transform:translateX(-40px);
	transform:translateX(-40px);
	opacity:1
}
.livechat-girl .livechat-hint.hide_hint {
	opacity:0;
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
.livechat-girl .livechat-hint.rd-notice-tooltip {
	max-width:1296px!important
}
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content {
	width:auto;
	overflow:hidden;
	text-overflow:ellipsis
}
@media only screen and (max-width:1599px) {
	.livechat-girl .livechat-hint.rd-notice-tooltip {
	max-width:1060px!important
}
}@media only screen and (max-width:1309px) {
	.livechat-girl .livechat-hint.rd-notice-tooltip {
	max-width:984px!important
}
}@media only screen and (max-width:1124px) {
	.livechat-girl .livechat-hint.rd-notice-tooltip {
	max-width:600px!important
}
}.rd-notice-tooltip {
	-webkit-box-shadow:0 2px 2px rgb(0 0 0 / .2);
	box-shadow:0 2px 2px rgb(0 0 0 / .2);
	font-size:14px;
	border-radius:3px;
	line-height:1.25;
	position:absolute;
	z-index:65;
	max-width:350px;
	opacity:1
}
.rd-notice-tooltip:after {
	position:absolute;
	display:block;
	content:'';
	height:20px;
	width:20px;
	-webkit-box-shadow:none;
	box-shadow:none;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	z-index:50
}
.rd-notice-tooltip .rd-notice-content {
	background:0;
	border-radius:3px;
	width:100%;
	color:#fff;
	position:relative;
	z-index:60;
	padding:20px;
	font-weight:400;
	line-height:1.45
}
.rd-notice-type-success {
	background-color:#a4202c;
	-webkit-box-shadow:0 5px 10px 0 rgb(38 199 252 / .2);
	box-shadow:0 5px 10px 0 rgb(38 199 252 / .2)
}
.rd-notice-type-success .rd-notice-content {
	background-color:#a4202c
}
.rd-notice-type-success:after {
	background-color:#a4202c;
	-webkit-box-shadow:0 5px 10px 0 rgb(38 199 252 / .2);
	box-shadow:0 5px 10px 0 rgb(38 199 252 / .2)
}
.rd-notice-position-left {
	margin-left:-20px
}
.rd-notice-position-left:after {
	right:-6px;
	top:50%;
	margin-top:-10px
}
.rd-notice-tooltip.single-line .rd-notice-content {
	height:40px;
	padding:0 20px;
	line-height:40px;
	white-space:nowrap
}
.inews .latest-new {
	display:inline-block;
	margin-right:5%;
	width:40%
}
.inews .latest-new .thumb-box {
	padding:4% 5%
}
.inews .latest-new .thumb-box>div {
	display:block;
	overflow:hidden
}
.inews .latest-new .thumb-box>div>img {
	width:100%
}
.inews .latest-new .new-box,.inews .news-list>li {
	padding:4% 5%
}
.inews .news-list {
	width:50%;
	display:inline-block;
	vertical-align:top
}
.inews .news-detail-info {
	cursor:pointer
}
.inews .link-info {
	transition:all .7s
}
.inews .latest-new .new-box,.inews .news-list>li {
	padding:4% 5%
}
.inews .time {
	margin-bottom:8px;
	height:22px;
	line-height:22px
}
.inews .time>img {
	display:inline-block;
	width:14px;
	margin:3px 5px 3px 0
}
.inews .time>span {
	color:#A0A0A0;
	font-size:16px;
	vertical-align:top;
	display:inline-block
}
.inews .name {
	color:#434343;
	font-size:20px;
	font-weight:500;
	line-height:32px;
	display:block
}
.image-scale {
	transition:transform .5s
}
.image-scale:hover {
	transform:scale(1.07)!important
}
.link-info {
	transition:all .7s
}
.link-info:hover {
	box-shadow:0 5px 20px rgb(0 0 0 / .1);
	transform:translateX(-10px)
}
.link-info:hover .link {
	cursor:pointer;
	color:rgb(0 119 203)!important
}
.link-info:hover .link>span {
	cursor:pointer
}
.banner {
	width:100%;
	height:calc(100% - 80px);
	z-index:1;
	position:relative;
	overflow:hidden
}
.banner-txt {
	width:100%;
	z-index:50;
	color:#fff;
	position:absolute;
	left:0;
	top:10%;
	font-weight:300;
	text-align:left
}
.banner-title {
	position:relative;
	font-size:2.8em;
	font-weight:600;
	margin-left:12%
}
.banner-title:after {
	position:absolute;
	width:8px;
	height:55px;
	top:0;
	left:-30px;
	background:#fff;
	content:""
}
.banner img {
	width:100%
}
.numCount {
	padding-left:20%;
	padding-right:20%
}
.numCount {
	margin-top:80px
}
.numCount li {
	float:left;
	width:-webkit-calc((100% - 4px) / 3);
	width:calc((100% - 4px) / 3);
	text-align:center;
	border-left:1px solid #6d7680;
	margin:20px 0;
	box-sizing:border-box
}
.numCount li:first-child {
	border-left:0 solid rgb(255 255 255 / .5)
}
.numCount li .numU {
	line-height:1.3
}
.numCount li .numCX {
	font-size:70px;
	color:#fff
}
.numCount li .indc {
	font-size:25px
}
.numCount li .numU sup {
	vertical-align:top
}
.numCount li .numU sub {
	vertical-align:baseline
}
.about {
	background-color:#f6f6f6
}
.aboutone {
	background:#fff
}
.aboutone .fl {
	width:44%
}
.aboutone .fr {
	width:56%
}
.aboutone-container .swiper-slide img {
	width:100%
}
.aboutone {
	display:flex;
	align-items:center;
	margin-bottom:30px
}
.aboutone .fl {
	width:50%;
	padding-right:15px
}
.aboutone .fr {
	width:50%;
	padding-left:15px
}
.aboutone-container {
	border:2px solid #e0e0e0;
	border-radius:4px;
	padding:5px;
	box-sizing:border-box;
	background:#fff;
	height:100%
}
.swiper-slide img {
	width:100%;
	height:auto;
	display:block
}
.introleft {
	position:relative
}
.introleft img {
	width:100%
}
.introduce-left-title {
	position:absolute;
	color:#fff;
	z-index:999;
	top:25%;
	left:10.5%
}
.introduce-left-title div:nth-of-type(1) {
	font-size:50px;
	line-height:120px;
	font-weight:400;
	margin-bottom:6px;
	font-family:"TiroTamil"
}
.introduce-left-title div:nth-of-type(2) {
	font-size:24px;
	font-weight:400;
	line-height:49px;
	position:relative
}
.introduce-left-title div:nth-of-type(2):after {
	position:absolute;
	bottom:-10px;
	left:0;
	content:"";
	width:60px;
	height:3px;
	background-color:#fff
}
.introright {
	color:#333;
	padding:30px 80px
}
.introright h2 {
	position:relative;
	margin-bottom:30px
}
.introright h2:after {
	position:absolute;
	bottom:-15px;
	left:0;
	content:"";
	width:20px;
	height:3px;
	background-color:#a4202c
}
.introright p {
	line-height:26px;
	padding-top:20px;
	text-indent:2em;
	text-align:justify
}
.abouttwo {
	background:#fff;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:2em
}
.abouttwo h2 {
	margin-top:0;
	margin-bottom:60px;
	position:relative
}
.abouttwo h2:after {
	position:absolute;
	bottom:-15px;
	left:0;
	content:"";
	width:20px;
	height:3px;
	background-color:#a4202c
}
.abouttwo .unhonor {
	overflow:hidden
}
.cntl {
	position:relative;
	width:100%
}
.cntl-center {
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto
}
.cntl-bar {
	position:absolute;
	width:10px;
	top:0;
	bottom:0;
	background-color:#ccc;
	box-shadow:inset 0 0 7px -2px #000
}
.cntl-bar-fill {
	background-color:#a4202c;
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:0
}
.cntl-state {
	position:relative;
	width:100%;
	min-height:100px;
	margin-bottom:50px
}
.cntl-state::after {
	display:block;
	content:' ';
	clear:both
}
.cntl-icon {
	border-radius:50%;
	line-height:76px;
	font-size:20px;
	color:#fff;
	width:80px;
	height:80px;
	background-color:#222;
	border:solid 3px #a4202c;
	box-shadow:0 0 19px -9px #000;
	position:absolute;
	top:0;
	text-align:center
}
.cntl-content {
	width:40%;
	padding:2%;
	background-color:rgb(216 216 216 / .25);
	border-radius:8px;
	border-bottom:solid 3px #a4202c;
	float:left;
	opacity:0;
	position:relative;
	margin-left:-40%
}
.cntl-state:nth-child(2n+2) .cntl-content {
	float:right;
	margin-right:-40%
}
.cntl-image {
	opacity:0;
	width:40%;
	padding:2%
}
.cntl-state:nth-child(2n+1) .cntl-image {
	float:right
}
.cntl-image img {
	width:100%
}
.cntl-content h4 {
	font-size:20px;
	font-weight:400;
	margin-bottom:10px
}
.cntl-bar-fill,.cntl-content,.cntl-image {
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-ms-transition:all .5s ease;
	transition:all .5s ease
}
.cntl-state:nth-child(2n+2).cntl-animate .cntl-content {
	margin-right:0
}
.cntl-animate .cntl-content {
	opacity:1;
	margin-left:0
}
.cntl-animate .cntl-content p {
	margin-bottom:0
}
.cntl-animate .cntl-image {
	opacity:1
}
@media (max-width:600px) {
	.cntl-bar {
	left:auto;
	right:37px
}
.cntl-content {
	width:80%;
	float:none
}
.cntl-state:nth-child(2n+2) .cntl-content {
	margi-right:0;
	float:none
}
.cntl-image {
	width:80%
}
.cntl-state:nth-child(2n+1) .cntl-image {
	float:none
}
.animate .cntl-content {
	margin-left:2%
}
.cntl-icon {
	left:auto;
	right:0
}
}.demo-gallery .img-responsive {
	display:inline-block
}
.demo-gallery>ul>li a {
	display:block;
	margin-bottom:8%;
	text-align:center;
	overflow:hidden;
	position:relative
}
.demo-gallery>ul>li a>img {
	-webkit-transition:-webkit-transform .15s ease 0s;
	-moz-transition:-moz-transform .15s ease 0s;
	-o-transition:-o-transform .15s ease 0s;
	transition:transform .15s ease 0s;
	-webkit-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1)
}
.demo-gallery>ul>li a:hover>img {
	-webkit-transform:scale3d(1.1,1.1,1.1);
	transform:scale3d(1.1,1.1,1.1)
}
.demo-gallery>ul>li a:hover .demo-gallery-poster>img {
	opacity:1
}
.demo-gallery>ul>li a .demo-gallery-poster {
	background-color:rgb(0 0 0 / .03);
	bottom:0;
	left:0;
	position:absolute;
	right:0;
	top:0;
	-webkit-transition:background-color .15s ease 0s;
	-o-transition:background-color .15s ease 0s;
	transition:background-color .15s ease 0s
}
.demo-gallery>ul>li a .demo-gallery-poster>img {
	left:50%;
	margin-left:-10px;
	margin-top:-10px;
	opacity:0;
	position:absolute;
	top:50%;
	-webkit-transition:opacity .3s ease 0s;
	-o-transition:opacity .3s ease 0s;
	transition:opacity .3s ease 0s
}
.demo-gallery>ul>li a:hover .demo-gallery-poster {
	background-color:rgb(0 0 0 / .2)
}
.demo-gallery .justified-gallery>a>img {
	-webkit-transition:-webkit-transform .15s ease 0s;
	-moz-transition:-moz-transform .15s ease 0s;
	-o-transition:-o-transform .15s ease 0s;
	transition:transform .15s ease 0s;
	-webkit-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1);
	height:100%;
	width:100%
}
.demo-gallery .justified-gallery>a:hover>img {
	-webkit-transform:scale3d(1.1,1.1,1.1);
	transform:scale3d(1.1,1.1,1.1)
}
.demo-gallery .justified-gallery>a:hover .demo-gallery-poster>img {
	opacity:1
}
.demo-gallery .justified-gallery>a .demo-gallery-poster {
	background-color:rgb(0 0 0 / .1);
	bottom:0;
	left:0;
	position:absolute;
	right:0;
	top:0;
	-webkit-transition:background-color .15s ease 0s;
	-o-transition:background-color .15s ease 0s;
	transition:background-color .15s ease 0s
}
.demo-gallery .justified-gallery>a .demo-gallery-poster>img {
	left:50%;
	margin-left:-10px;
	margin-top:-10px;
	opacity:0;
	position:absolute;
	top:50%;
	-webkit-transition:opacity .3s ease 0s;
	-o-transition:opacity .3s ease 0s;
	transition:opacity .3s ease 0s
}
.demo-gallery .justified-gallery>a:hover .demo-gallery-poster {
	background-color:rgb(0 0 0 / .5)
}
.demo-gallery .video .demo-gallery-poster img {
	height:48px;
	margin-left:-24px;
	margin-top:-24px;
	opacity:.8;
	width:48px
}
.cultrue li {
	padding:0 0 60px;
	width:20%;
	float:left;
	box-sizing:border-box
}
.cultrue li:hover a {
	-moz-box-shadow:2px 2px 20px #eee;
	-webkit-box-shadow:2px 2px 20px #eee;
	box-shadow:2px 2px 20px #eee
}
.cultrue li a {
	padding:20px 48px;
	display:block;
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
	border-radius:8px;
	background:#fff
}
.cultrue li a:before {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	opacity:0;
	top:0;
	z-index:1;
	border-radius:8px;
	background:#a4202c;
	transition:all .3s;
	-webkit-transition:all .3s;
	content:""
}
.cultrue li a:after {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	border-radius:8px;
	transition:all .3s;
	-webkit-transition:all .3s;
	content:""
}
.cultrue li a:hover:before {
	opacity:1
}
.cultrue li a:hover:after {
	opacity:1;
	transform:scale(1.1);
	-webkit-transform:scale(1.1)
}
.cultrue li a .ttl span {
	color:#000
}
.cultrue li a:hover .ttl,.cultrue li a:hover .ttl span,.cultrue li a:hover .txt,.cultrue li a:hover span {
	color:#fff
}
.cultrue li a .txtBox {
	display:block;
	position:relative;
	z-index:2
}
.cultrue li a .txtBox * {
	transition:all .3s;
	-webkit-transition:all .3s
}
.cultrue li a .img {
	margin:23px auto 18px;
	display:block;
	transition:all .3s;
	-webkit-transition:all .3s;
	position:relative;
	text-align:center
}
.cultrue li a .img .s_img {
	max-width:100%
}
.cultrue li a .img .fp {
	position:absolute;
	top:0;
	left:0;
	right:0;
	opacity:0;
	transition:all .3s;
	-webkit-transition:all .3s;
	text-align:center
}
.cultrue li a .img .fp img {
	width:100%;
	transition:all .3s;
	-webkit-transition:all .3s
}
.cultrue li a:hover .img .s_img {
	opacity:0;
	transition:all .3s;
	-webkit-transition:all .3s
}
.cultrue li a:hover .img .fp {
	opacity:1;
	transition:all .3s;
	-webkit-transition:all .3s
}
.cultrue li a .ttl {
	margin-bottom:22px;
	display:block;
	color:#000;
	font-size:18px;
	text-align:center
}
.cultrue li a .ttl span {
	display:block;
	font-size:30px;
	font-weight:700
}
.cultrue li a .txt {
	display:block;
	color:#666;
	font-size:14px;
	line-height:1.7;
	height:40px
}
.tlbox {
	background-color:#a4202c;
	background-size:100%
}
.tlboxtext {
	text-align:center;
	height:340px;
	display:flex;
	justify-content:center;
	flex-direction:column
}
.tlboxtext h2 {
	color:#fff;
	font-size:40px;
	position:relative;
	display:inline-block
}
.tlboxtext h2:after {
	position:absolute;
	bottom:-20px;
	left:50%;
	margin-left:-10px;
	content:"";
	width:20px;
	height:3px;
	background-color:#fff
}
.tlboxtext h3 {
	color:#fff;
	font-size:22px;
	margin-top:30px
}
.pagenav {
	padding:0% 0 2% 20px
}
.pagenav a {
	display:inline-block;
	float:left;
	padding:0 20px;
	height:20px;
	transition:all 0.4s;
	font-size:18px;
	color:#777
}
.pagenav a:hover {
	color:#a4202c
}
.pagenav a.active {
	color:#a4202c;
	font-weight:700
}
.news-list {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:0 -15px
}
.news-list .news-item {
	display:block;
	position:relative;
	margin:15px;
	width:calc(33.333% - 30px);
	box-sizing:border-box;
	background:#fff;
	border-radius:4px;
	overflow:hidden;
	box-shadow:0 2px 8px rgb(0 0 0 / .1);
	transition:all 0.3s ease
}
.features p,.features a {
	color:#888
}
.features-blog a {
	color:#020202
}
.container-blog .tapbar {
	border-bottom:1px solid #e2e2e2;
	padding:0 0 10px;
	word-break:keep-all
}
.container-blog .tapbar a {
	padding-right:30px
}
.container-blog .tapbar a.active {
	color:#a4202c;
	font-weight:700
}
.features-blog .blog-content {
	width:100%;
	overflow:hidden;
	padding-top:35px;
	transition:all 0.4s;
	padding-bottom:35px;
	border-bottom:1px solid #e5e5e5
}
.features-blog .blog-content:hover {
	border-bottom-color:#a4202c;
	box-shadow:0 4px 30px #eee;
	position:relative
}
.features-blog .blog-content .entry-title .title {

	font-size:24px;
	font-weight:600;
	color:#2f3033
}
.features-blog .blog-content:hover .entry-title .title {
	color:#a4202c
}
.container-blog .blog-content .blog-text {
	margin:10px 0;
	color:#9b9ea0;
	max-height:40px;
	overflow:hidden;
	font-size:14px
}
.features-blog .blog-content .entry-meta {
	padding-top:.1rem
}
.features-blog .blog-content .entry-meta .entry-meta-unit {
	margin-left:2px;
	margin-right:2px
}
.container-blog .blog-content .entry-meta>.entry-meta-unit {
	margin-right:10px
}
.features-blog .blog-content img {
	max-width:100%!important;
	height:auto!important;
	transition:all 0.4s
}
.features-blog .blog-content:hover img {
	transform:scale(1.1)
}
.features-blog .blog-content .entry-meta .img {
	width:15px
}
.container-blog .blog-content .blog-imgBox {
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center
}
.sidebar {
	padding:2em 4em
}
.features-blog .searchform {
	position:relative;
	width:100%;
	background:#fff;
	border:solid 1px #e7e7e7;
	padding:0;
	margin:0;
	overflow:hidden
}
.features-blog .searchform input[type="text"] {
	width:100%;
	height:38px;
	float:left;
	padding:6px 0 6px 11px;
	margin:0;
	vertical-align:middle;
	border:0;
	color:#a1a1a1;
	box-shadow:none;
	border-radius:0
}
.features-blog .searchform button[type="button"] {
	position:absolute;
	right:-1px;
	width:36px;
	height:100%;
	background:url(../images/se.jpg) no-repeat 50% 50%;
	border:0;
	cursor:pointer;
	margin:0;
	padding:0;
	font-size:0
}
.features-blog .cat-item-first {
	padding-top:4rem;
	padding-bottom:4rem
}
.m-b-sm {
	margin-bottom:10px;
	max-width:100%
}
.features-blog .cat-item .category {
	display:inline-block;
	width:100%;
	color:#020202;
	font-size:14px;
	line-height:28px
}
.features-blog .cat-item .active {
	color:#a4202c;
	font-weight:600
}
.features-blog .blog-content a {
	color:#a1a1a1
}
.features-blog .blog-content .entry-header .entry-utility-prep {
	color:#a1a1a1
}
.pagination>.active>a {
	background-color:#a4202c;
	border-color:#a4202c
}
.pagination>li>a,.pagination>li>span {
	color:#333
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
	color:#a4202c
}
.new2 {
	border:1px solid #fff;
	position:relative;
	padding:15px;
	float:left;
	margin-bottom:20px;
	transition:all 0.4s
}
.new2 .imgthumb {
	overflow:hidden;
	position:relative
}
.new2 .imgthumb a:after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	border:4px solid #6ca984;
	visibility:hidden
}
.new2 .imgthumb img {
	max-width:100%;
	transition:all 0.4s
}
.new2 .imgtext {
	position:relative
}
.new2 .imgtext h3 {
	line-height:22px;
	height:44px;
	font-size:16px;
	margin-bottom:5px
}
.new2 .imgtext .infor {
	color:gray;
	padding:18px 0
}
.new2 .imgtext .datatime {
	font-size:14px;
	color:#999
}
.new2 .btnnew {
	position:relative
}
.new2 .btnnew span {
	display:inline-block;
	padding:4px 10px;
	color:#999;
	font-size:12px;
	border-radius:3px;
	border:1px solid #e5e5e5
}
.new2 .btnnew a {
	max-width:100%;
	float:right;
	display:block;
	position:relative;
	width:40px;
	height:26px;
	overflow:hidden
}
.new2 .btnnew a:before {
	display:inline-block;
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:30px;
	height:26px;
	transition:all .36s ease
}
.new2:hover {
	box-shadow:0 0 18px #ddd;
	border-color:#fff
}
.new2:hover .imgthumb img {
	transform:scale(1.05)
}
.new2:hover .imgthumb a:after {
	visibility:visible
}
.new2:hover .btnnew a:before {
	left:15px
}
.detailhead h1 {
	font-size:30px
}
.newsdetail .detailhead ul {
	overflow:hidden;
	border-bottom:1px solid #eee;
	padding:.8em 0 1.5em
}
.newsdetail .detailhead ul li {
	display:inline-block;
	float:left;
	padding:0 3% 0 0
}
.newsdetail .detailbox {
	background-color:#f6f6f6;
	padding:4%;
	border-radius:1px
}
.newsdetail .detailbody {
	padding:2% 0;
	line-height:24px
}
.newsdetail .detailbody img {
	max-width:100%
}
.newdetaihot h3 {
	border-bottom:1px solid #eee;
	padding-bottom:18px
}
.newdetaihot ul li a {
	display:block;
	overflow:hidden;
	color:#666;
	border-bottom:1px solid #eee;
	margin:20px 0;
	padding-bottom:8px
}
.newdetaihot ul li a span {
	display:block;
	margin-bottom:3px
}
.newdetaihot ul li a:hover {
	color:#333
}
.news-con {
	padding-top:1em
}
.news-con .con-info {
	padding:15px 0
}
.news-con .con-info font {
	padding-right:10px
}
.news-con .con-info img {
	height:18px
}
.news-con .con-text {
	border-top:1px dotted #ddd;
	padding:2em 0 0
}
.news-con .con-text img {
	max-width:100%
}
.news-con .con-text p {
	margin-bottom:10px;
	line-height:24px;
	color:#333
}
.breadcrumb {
	background:none
}
.nl-linktag {
	padding:10px 0
}
.nl-linktag a {
	display:inline-block;
	margin-right:5px;
	margin-left:5px
}
.nl-linktag a:hover {
	color:#99173a
}
@media screen and (max-width:767px) {
	.nl-linktag {
	display:flex;
	justify-content:;
	flex-wrap:wrap
}
.nl-linktag a {
	display:inline-block;
	margin-right:2px;
	margin-left:2px
}
}.caselist {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:-15px
}
.caselist .caselink {
	display:inline-block;
	position:relative;
	margin:30px 0 0;
	vertical-align:top
}
.caselist .caselink:nth-child(3n) {
	margin-right:0
}
.caselist .caselink .Img {
	position:relative;
	overflow:hidden
}
.caselist .caselink .Img i {
	position:absolute;
	background:rgb(255 255 255 / .9);
	text-align:center;
	bottom:0;
	color:#000;
	font-style:normal;
	font-size:17px;
	font-weight:700;
	width:100%;
	height:70px;
	line-height:70px;
	display:block;
	transform:translateY(100%);
	-moz-transform:translateY(100%);
	-webkit-transform:translateY(100%);
	transition:all .4s ease-out;
	-moz-transition:all .4s ease-out;
	-webkit-transition:all .4s ease-out
}
.caselist .caselink .Img i img {
	max-width:100%;
	max-height:100%
}
.caselist .caselink .Img {
	display:block;
	width:100%;
	overflow:hidden
}
.caselist .caselink .Img>img {
	display:block;
	width:100%;
	height:auto;
	transition:all 1.2s ease-in-out;
	-moz-transition:all 1.2s ease-in-out;
	-webkit-transition:all 1.2s ease-in-out
}
.caselist .caselink .Txt {
	height:70px;
	overflow:hidden;
	width:100%;
	position:relative;
	text-align:center;
	overflow:hidden;
	z-index:2
}
.caselist .caselink .Txt h5 {
	font-size:15px;
	line-height:1.5;
	padding-top:10px;
	color:#000;
	transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	font-weight:initial;
	overflow:hidden;
	height:32px
}
.caselist .caselink .Txt span {
	font-size:13px;
	color:#999;
	font-style:oblique;
	transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out
}
.caselist .caselink:hover .Txt h5 {
	color:#fff;
	margin-top:3px;
	opacity:0;
	transform:translateY(-100%);
	height:13px
}
.caselist .caselink:hover .Txt span {
	color:#fff
}
.caselist .caselink .Txt small {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
	transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
	transition:all .4s ease-in-out .2s;
	-moz-transition:all .4s ease-in-out .2s;
	-webkit-transition:all .4s ease-in-out .2s
}
.caselist .caselink:hover .Img i,.caselist .caselink:hover .Txt small {
	transform:translate(0);
	-moz-transform:translate(0);
	-webkit-transform:translate(0);
	opacity:1
}
.caselist .caselink:hover .Img>img {
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1)
}
.case-show-banner {
	display:block;
	width:100%;
	overflow:hidden;
	position:relative;
	height:900px
}
.case-show-banner img {
	display:block;
	width:100%
}
.case-show-banner .fa {
	position:absolute;
	height:40px;
	width:40px;
	color:#fff;
	border:1px solid #fff;
	line-height:40px;
	text-align:center;
	display:block;
	top:50%;
	margin-top:-31px;
	left:1%;
	z-index:2;
	transition:all 0.1s linear 0s;
	-webkit-transition:all 0.1s linear 0s;
	border-radius:50%
}
.case-show-banner .fa-long-arrow-right {
	left:auto;
	right:1%
}
.case-show-banner dd {
	position:absolute;
	left:16%;
	top:40%;
	width:80%
}
.case-show-banner dd strong {
	display:block;
	width:5%;
	height:1px;
	background:#fff;
	margin:30px 0
}
.case-show-banner dd span {
	display:block;
	color:#fff;
	letter-spacing:1px;
	font-size:20px;
	margin-bottom:20px;
	font-family:font2018
}
.case-show-banner dd font {
	display:block;
	color:#ccc;
	letter-spacing:2px;
	font-size:16px;
	font-family:font2018
}
.case-show-banner dd p {
	display:block;
	font-size:50px;
	color:#fff;
	letter-spacing:2px;
	font-weight:700;
	text-shadow:0 0 .1em #444;
	font-family:font2018
}
.case-show-banner .fa:hover {
	color:#fff;
	border:1px solid #a4202c;
	background:#a4202c
}
.case-show-banner dd a .fa {
	position:relative;
	top:0;
	margin:0;
	left:0;
	background:none;
	font-size:20px
}
.casebor {
	position:relative;
	box-shadow:0 2px 8px #ddd;
	margin-top:4em;
	margin-bottom:4em;
	background-color:#fff
}
.caseintro {
	background-color:#fff
}
.caseintro .left {
	width:100%;
	float:left;
	padding:50px 0;
	height:100%
}
.caseintro .casebox {
	padding:0 50px
}
.caseintro .casebox h2 {
	position:relative;
	margin-bottom:40px
}
.caseintro .casebox h2:after {
	position:absolute;
	bottom:-15px;
	left:0;
	content:"";
	width:20px;
	height:3px;
	background-color:#000
}
.caseintro .casebox p {
	line-height:26px;
	padding-right:10%
}
.caseintro .casebox a {
	display:inline-block;
	border-radius:18px;
	padding:6px 30px;
	color:#fff;
	transition:all 0.4s;
	background-color:#a4202c;
	margin-top:15px;
	box-shadow:0 0 10px #bbb
}
.caseintro .casebox a:hover {
	margin-left:5px;
	background-color:#000
}
.caseintro .caseser {
	padding:50px 0 50px 80px
}
.caseintro .caseser h2 {
	position:relative;
	margin-bottom:40px
}
.caseintro .caseser h2:after {
	position:absolute;
	bottom:-15px;
	left:0;
	content:"";
	width:20px;
	height:3px;
	background-color:#000
}
.caseintro .caseser p i {
	margin-right:6px;
	padding-top:6px
}
.casecontent img {
	max-width:100%
}
.solu {
	width:100%;
	height:calc(100% - 80px);
	z-index:1;
	position:relative;
	overflow:hidden
}
.solu img {
	width:100%;
	height:100%
}
.solu-txt {
	width:100%;
	z-index:50;
	text-align:center;
	color:#fff;
	position:absolute;
	left:10%;
	bottom:15%;
	text-align:left
}
.solu-txt h3 {
	color:#FFF;
	font-size:2.8em;
	position:relative;
	font-weight:500;
	line-height:40px
}
.solu-txt h3:after {
	position:absolute;
	content:"";
	width:100px;
	height:4px;
	left:-120px;
	bottom:40%;
	background:#fff
}
.solu-txt h3 em {
	font-size:80px;
	font-weight:500
}
.solu-txt p {
	font-size:24px;
	position:relative;
	line-height:26px;
	padding:20px 0
}
.p-solution-txt {
	display:block;
	background:#f8f8f8;
	overflow:hidden;
	position:relative;
	padding:120px 0
}
.p-solution-txt dl {
	position:relative;
	width:80%;
	margin:0 auto;
	overflow:hidden
}
.p-solution-txt dl h5 {
	display:block;
	float:left;
	width:20%;
	overflow:hidden;
	margin:0 0 0 0
}
.p-solution-txt dl dd {
	display:block;
	float:right;
	width:70%
}
.p-solution-txt dl h5 font {
	color:#000;
	display:inline-flex;
	width:50%;
	text-transform:uppercase;
	font-family:font2018;
	font-size:1.4em;
	letter-spacing:2px;
	float:left
}
.p-solution-txt dl h5 span {
	display:block;
	width:50%;
	height:1px;
	background:#ccc;
	float:left;
	margin:1em 0 0 0
}
.p-solution-txt dl dd h3 {
	display:block;
	color:#000;
	font-family:font2018;
	font-size:2.5em;
	line-height:1em;
	text-transform:uppercase
}
.p-solution-txt dl dd h4 {
	display:block;
	color:#000;
	font-family:font2018;
	font-size:1.4em;
	line-height:1em;
	letter-spacing:2px;
	margin:1.5em 0
}
.p-solution-txt dl dd h6 {
	color:#444;
	font-weight:400;
	font-size:16px;
	letter-spacing:2px;
	margin:2em 0 3em;
	line-height:1.8em
}
.team-news-a {
	display:block;
	height:40px;
	padding-top:1px;
	padding-right:20px;
	padding-left:20px;
	-webkit-box-flex:0;
	-ms-flex:0 auto;
	background:none;
	color:#10A56F;
	font-size:14px;
	line-height:38px;
	text-align:center;
	width:10%;
	margin:0 auto;
	border:1px solid #a4202c;
	position:relative;
	overflow:hidden
}
.team-news-a strong {
	font-size:16px;
	margin-left:10px;
	color:#a4202c;
	position:relative;
	z-index:2;
	transition:all .5s
}
.team-news-a font {
	position:relative;
	z-index:2;
	font-size:14px;
	display:inline-block;
	color:#a4202c
}
.team-news-a #a-bg {
	opacity:0;
	background:#a4202c;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:-100%;
	z-index:1;
	margin:0;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	transition:0.3s;
	display:block
}
.team-news-a:hover #a-bg {
	opacity:1;
	left:0
}
.team-news-a:hover font,.team-news-a:hover .fa {
	color:#fff
}
.p-solution-1 {
	display:block;
	overflow:hidden;
	position:relative
}
.p-solution-1 dl {
	position:relative;
	margin:0 auto;
	overflow:hidden;
	padding:100px 10%;
	background:#f8f8f8
}
.p-solution-1 dl p {
	position:absolute;
	width:66%;
	top:0;
	right:0;
	height:100%;
	background:#eee
}
.p-solution-1 dl .toa {
	display:block;
	float:left;
	width:70%;
	position:relative;
	overflow:hidden
}
.p-solution-1 dl .toa img {
	display:block;
	width:100%;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	transition:0.5s
}
.p-solution-1 dl .toa .c-l-h6 {
	transition:0.5s;
	opacity:0;
	position:absolute;
	width:100%;
	top:0;
	left:0;
	background:rgb(0 0 0 / .7);
	height:100%
}
.p-solution-1 dl .toa .c-l-h6 #dd {
	margin-top:-21px;
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:100%
}
.p-solution-1 dl .toa .c-l-h6 #dd #h4 {
	transition:0.5s;
	display:block;
	width:20%;
	height:1px;
	background:#eee;
	margin:0 auto
}
.p-solution-1 dl .toa .c-l-h6 #dd #title {
	display:block;
	color:#fff;
	text-align:center;
	font-size:14px;
	letter-spacing:2px;
	height:40px;
	line-height:40px
}
.p-solution-1 dl .toa:hover .c-l-h6 {
	opacity:1
}
.p-solution-1 dl .toa:hover .c-l-h6 #dd #h4 {
	width:5%
}
.p-solution-1 dl .toa:hover img {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	transform:scale(1.1)
}
.p-solution-1 dl .right {
	position:absolute;
	top:50%;
	right:15%;
	width:15%;
	margin-top:-140px
}
.p-solution-1 dl .right .title {
	display:block;
	font-size:1.8em;
	letter-spacing:2px;
	line-height:1em;
	margin-bottom:30px
}
.p-solution-1 dl .right .txt {
	color:#444;
	font-weight:400;
	font-size:16px;
	letter-spacing:1px;
	margin:2em 0 3em;
	line-height:1.8em
}
.p-solution-1 dl .right .en {
	text-transform:uppercase;
	font-family:font2018;
	letter-spacing:2px;
	font-size:1.2em;
	color:#999;
	margin-bottom:1em
}
.p-solution-1 dl:nth-child(2n) {
	background:none
}
.p-solution-1 dl:nth-child(2n) p {
	background:#fff
}
.p-solution-1 dl:nth-child(2n) .toa {
	float:right
}
.p-solution-1 dl:nth-child(2n) .right {
	right:0;
	left:10%;
	width:20%
}
.p-solution-2 {
	display:block;
	overflow:hidden;
	position:relative;
	padding:0 0 0
}
.p-solution-2 h5 {
	display:block;
	width:80%;
	margin:0 auto;
	overflow:hidden
}
.p-solution-2 h5 span {
	display:inline-flex;
	width:18%;
	height:1px;
	background:#ccc;
	margin:.1em 0 0 1em
}
.p-solution-2 h5 font {
	color:#000;
	display:inline-flex;
	text-transform:uppercase;
	font-family:font2018;
	font-size:14px;
	letter-spacing:2px
}
.p-solution-2 dl {
	display:block;
	overflow:hidden;
	width:100%;
	margin:60px 0;
	padding:0 1%
}
.p-solution-2 dl a {
	position:relative;
	display:block;
	overflow:hidden;
	float:left;
	width:32.666%;
	margin:0 1% 1% 0
}
.p-solution-2 dl a:nth-child(3n) {
	margin:0
}
.p-solution-2 dl a h4 {
	display:block;
	overflow:hidden;
	width:100%;
	position:relative
}
.p-solution-2 dl a h4 img {
	display:block;
	width:100%;
	transition:all .5s
}
.p-solution-2 dl a h4 p {
	position:absolute;
	width:100%;
	height:100%;
	background:rgb(0 0 0 / .6);
	top:0;
	left:0;
	transition:all .5s;
	opacity:1
}
.p-solution-2 dl a dd {
	position:absolute;
	width:80%;
	height:auto;
	bottom:10%;
	left:10%;
	z-index:2
}
.p-solution-2 dl a dd .en {
	text-transform:uppercase;
	font-family:font2018;
	letter-spacing:2px;
	font-size:1.2em;
	color:#fff;
	margin-bottom:1em
}
.p-solution-2 dl a dd .title {
	display:block;
	font-size:1.8em;
	letter-spacing:2px;
	line-height:1em;
	margin-bottom:1em;
	color:#fff
}
.p-solution-2 dl a dd .txt {
	color:#fff;
	font-weight:400;
	font-size:13px;
	letter-spacing:1px;
	margin:.5em 0 1em;
	line-height:1.8em;
	font-family:font2018;
	text-transform:uppercase
}
.p-solution-2 dl a dd .fa {
	display:block;
	width:40px;
	height:40px;
	text-align:center;
	border:1px solid #fff;
	line-height:40px;
	font-size:18px
}
.p-solution-2 dl a:hover h4 img {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	transform:scale(1.1)
}
.p-solution-2 dl a:hover dd .fa {
	border:1px solid #a4202c;
	background:#a4202c;
	color:#fff
}
.p-solution-2 dl a:hover h4 p {
	opacity:0;
	left:100%
}
.hh-more {
	display:block;
	width:200px;
	height:37px;
	padding:0 10px;
	line-height:35px;
	text-align:center;
	border:1px solid #99173a;
	margin:40px auto 0;
	position:relative
}
.hh-more em {
	position:relative;
	z-index:2;
	color:#99173a;
	font-size:14px;
	font-weight:600;
	-webkit-transition:0.35s ease-in-out;
	-o-transition:0.35s ease-in-out;
	transition:0.35s ease-in-out
}
.hh-more .hhfont {
	width:0;
	color:#fff;
	font-size:13px;
	visibility:hidden;
	display:inline-block;
	vertical-align:middle;
	-webkit-transition:0.35s ease-in-out;
	-o-transition:0.35s ease-in-out;
	transition:0.35s ease-in-out;
	position:relative;
	opacity:0;
	z-index:3
}
.hh-more::after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-transition:0.35s ease-in-out;
	-o-transition:0.35s ease-in-out;
	transition:0.35s ease-in-out;
	background-color:#99173a;
	-webkit-transform-origin:0 50%;
	-ms-transform-origin:0 50%;
	transform-origin:0 50%;
	-webkit-transform:scaleX(0);
	-ms-transform:scaleX(0);
	transform:scaleX(0)
}
.hh-more:hover em {
	color:#fff;
	padding-right:90px
}
.hh-more:hover::after {
	-webkit-transform:scaleX(1);
	-ms-transform:scaleX(1);
	transform:scaleX(1)
}
.hh-more:hover .hhfont {
	width:15px;
	opacity:1;
	visibility:visible
}
.hh-np a {
	display:block
}
.hh-np a:hover {
	color:#a4202c
}
.hh-np .hh-more {
	margin:0;
	height:auto;
	padding:0;
	width:100px
}
.hh-np .hh-more:hover em {
	padding-right:20px
}
.conbox {
	background-color:#a4202c
}
.conboximg {
	text-align:center;
	padding-top:8em
}
.conboximg img {
	max-height:300px
}
.context {
	color:#fff;
	padding-top:3em;
	font-size:15px
}
.context a {
	display:inline-block;
	padding:3px 12px 2px;
	color:#fff;
	font-size:12px;
	border:1px solid #ddd;
	margin-left:10px
}
.context a:hover {
	border-color:#fff;
	background-color:#fff;
	color:#a4202c
}
.conitemul {
	padding:3em 0 4em
}
.conitemul .item,.conitemul dl {
	padding:12px 30px 0;
	height:150px;
	background-color:#fff;
	transition:all 0.4s
}
.conitemul .item:hover,.conitemul dl:hover {
	box-shadow:0 5px 20px #eee
}
.conitemul .item .iconfont,.conitemul dl .iconfont {
	font-size:48px
}
.conitemul .item font {
	font-size:1.3vw;
	font-family:"黑体"
}
.conitemul .item p {
	margin-bottom:0
}
.conitemul dl dt {
	float:left;
	padding-right:14px
}
.conitemul dl dd {
	float:left;
	padding-top:1.1em;
	font-size:12px;
	text-align:center;
	display:inline-block;
	position:relative
}
.conitemul dl dd .wxewm {
	height:5vw;
	margin:0 3px
}
.conitemul dl dd .wxewmhover {
	position:absolute;
	top:120px;
	left:0;
	opacity:0;
	width:200px;
	height:200px;
	z-index:100
}
.conitemul dl dd .wxewm:hover+.wxewmhover {
	opacity:1
}
.globalitem {
	padding-top:.5em
}
.globalitem .item {
	margin-top:2em;
	padding:1.5em 2em;
	border:1px solid #eee;
	transition:all 0.4s;
	box-shadow:0 0 5px #eee
}
.globalitem .item h5 {
	font-size:24px;
	color:#000;
	font-weight:400;
	border-bottom:1px solid #eee;
	padding-bottom:.5em
}
.globalitem .item h5 img {
	border:1px solid #eee;
	border-radius:50%;
	margin-right:.5em;
	transition:all 0.3s
}
.globalitem .item a {
	display:inline-block;
	float:right;
	padding-top:12px;
	transition:all 0.4s
}
.globalitem .item a span {
	font-size:20px
}
.globalitem .item div {
	padding-top:.5em
}
.globalitem .item div p {
	height:40px;
	color:#888
}
.globalitem .item:hover {
	box-shadow:0 5px 15px #bbb;
	border-color:#a4202c;
	background-color:#a4202c
}
.globalitem .item:hover h5,.globalitem .item:hover p,.globalitem .item:hover a span {
	color:#fff
}
.globalitem .item:hover h5 {
	border-color:#c17178
}
.globalitem .item:hover a {
	padding-top:20px
}
.globalitem .item:hover h5 img {
	margin-right:.8em
}
.hhmap {
	text-align:center
}
.hhmap img {
	display:inline-block;
	max-width:800px
}
@media screen and (max-width:767px) {
	body {
	padding-bottom:0;
	overflow-x:hidden
}
.container {
	min-height:unset
}
.development-ul {
	margin-bottom:0
}
.ptb5 {
	padding-bottom:0!important
}
.wapconbox {
	margin-bottom:0
}
.hhmap {
	display:none
}
.cntl,.swiper-button-next,.swiper-button-prev {
	display:none
}
.ptb4 {
	padding-top:2em;
	padding-bottom:2em
}
.mbt4 {
	margin-top:2em
}
.ptb5 {
	padding-top:2em;
	padding-bottom:2em
}
.container {
	min-width:100%
}
.hh-footer .container {
	width:100%;
	height:100%
}
.container {
	width:auto
}
.header {
	padding:8px 10px;
	top:0;
	background:rgb(0 0 0 / .9)
}
.headerlogn img {
	height:32px
}
.nav-button {
	float:right;
	width:8vw;
	cursor:pointer
}
.nav-button span {
	font-size:23px;
	color:#fff
}
.wapnav {
	width:100vw;
	height:100vh;
	background-color:rgb(0 0 0 / .5);
	position:fixed;
	right:0;
	top:0;
	z-index:600;
	transform:translateX(100vw);
	opacity:0;
	transition:all 0.5s
}
.wapnav.show {
	transform:translateX(0vw);
	opacity:1
}
.wapnav .nav-t {
	height:13vw;
	line-height:13vw;
	padding:0 5vw;
	font-size:4vw;
	color:#fff;
	width:40vw;
	margin-left:60vw;
	box-sizing:border-box;
	text-align:center;
	background:#99173a
}
.wapnav .nav-t i {
	float:right;
	font-size:5vw
}
.wapnav ul {
	width:40vw;
	height:calc(100vh - 13vw);
	overflow-x:hidden;
	overflow-y:auto;
	display:block;
	background-color:#fff;
	margin-left:60vw
}
.wapnav ul li {
	line-height:12vw;
	padding:0 8vw;
	font-size:4vw;
	text-align:left
}
.wapnav ul li i {
	float:right;
	font-size:4vw;
	height:12vw;
	line-height:12vw;
	transition:all 0.5s
}
.wapnav ul li i.show {
	transform:rotate(-180deg)
}
.wapnav ul li a {
	display:inline-block;
	height:12vw;
	line-height:12vw
}
.tlbox {
	padding:5.2rem 0
}
.tlboxtext h2 {
	font-size:2.5rem;
	margin-top:0
}
.tlboxtext h3 {
	font-size:1.4rem
}
.ibanner {
	height:50%
}
.ibanner .button-next,.button-prev {
	width:75px;
	bottom:20vh
}
.in-banner-txt {
	width:100%;
	padding:10%
}
.in-banner-txt dl h3 {
	font-size:16px;
	margin:0 0 15px 0
}
.hh-title {
	font-size:30px
}
.hh-text {
	font-size:22px
}
.inews .latest-new {
	margin-right:0;
	width:100%
}
.inews .news-list {
	width:100%
}
.ftel,.fnav3,.fnav2,.fnav4 {
	width:48%
}
.fnav5 {
	width:100%
}
.fnav4 dd a {
	display:block;
	width:100%
}
.fnav:nth-child(2n+2) {
	margin-left:4%
}
.ftel dd h3 {
	font-size:18px
}
.p-solution-txt dl h5 {
	width:100%
}
.p-solution-txt dl dd {
	width:100%
}
.p-solution-txt dl dd a {
	width:40%;
	margin:0 auto
}
.p-solution-txt dl dd h3 {
	font-size:18px
}
.p-solution-txt dl dd h4 {
	font-size:16px;
	line-height:1.5em
}
.p-solution-txt dl dd h6 {
	font-size:14px;
	text-align:justify
}
.p-solution-txt {
	padding:40px 0
}
.p-solution-1 dl {
	padding:30px 15px;
	background:none
}
.p-solution-1 dl p {
	width:100%;
	background:none
}
.p-solution-1 dl .toa,.p-solution-1 dl:nth-child(2n) .toa {
	width:100%;
	float:none
}
.p-solution-1 dl .right {
	position:relative;
	top:0;
	right:0;
	width:100%;
	margin-top:0
}
.p-solution-1 dl .right .title {
	font-size:17px;
	letter-spacing:0;
	margin-bottom:20px
}
.p-solution-1 dl .right .txt {
	font-size:14px;
	margin:15px 0;
	letter-spacing:0;
	line-height:20px;
	text-align:justify
}
.p-solution-1 dl:nth-child(2n) .right {
	width:100%
}
.p-solution-1 dl:nth-child(2n) .right {
	left:0
}
.p-solution-1 dl .right a {
	margin:0
}
.bgray {
	padding:26px 15px 22px 15px;
	height:auto
}
.gx_ywbnp {
	font-size:24px
}
.grayfl h2 {
	font-size:20px;
	margin-bottom:14px
}
.bgray .grayfl {
	width:100%
}
.gx_jcen {
	margin-bottom:0
}
.area-left {
	width:100%
}
.area-right {
	width:100%
}
.pdtrdl2,.pdtrdl {
	padding:26px 25px 22px 15px;
	height:auto
}
.Business-title {
	font-size:24px;
	margin-bottom:10px
}
.Business-text {
	font-size:20px;
	margin-bottom:14px
}
.Applets .Business-box,.LOT .Business-box {
	width:100%
}
.Business-box {
	font-size:14px
}
.other-left,.other-center {
	width:100%;
	float:none
}
.lotother,.other {
	display:block
}
.lotother .other-left .Business-text,.other .other-left .Business-text {
	margin-bottom:14px
}
.webul li {
	font-size:14px
}
.features-blog .blog-content .entry-title .title {
	font-size:18px
}
.features-blog .blog-content .entry-meta {
	margin-bottom:10px
}
.container-blog .blog-content .entry-meta>.entry-meta-unit {
	margin-right:2px;
	margin-left:0
}
.tlbox {
	background-size:cover!important
}
.banner img {
	height:160px;
	object-fit:cover
}
.banner-txt {
	top:15%
}
.numCount {
	margin-top:0;
	padding-left:5%;
	padding-right:5%
}
.numCount li .numCX {
	font-size:24px;
	font-weight:700
}
.numCount li .indc {
	font-size:12px
}
.numCount li {
	margin:0
}
.list-unstyled li {
	padding:5px 5px 0
}
.hh-more {
	margin:10px auto 25px
}
.abouttwo {
	padding-bottom:0
}
.aboutone .fl,.aboutone .fr {
	width:100%
}
.honor-img {
	height:204px
}
.Environmental-img {
	height:110px
}
.introright {
	padding:30px 15px
}
.abouttwo {
	padding-left:15px;
	padding-right:15px
}
.cultrue li {
	width:50%;
	padding:0 0
}
.cultrue li a {
	padding:0
}
.cultrue li a .img {
	margin:0 auto 10px;
	text-align:center
}
.cultrue li a .txtBox {
	padding:0 10px
}
.cultrue li a .txt {
	height:80px;
	text-align:center
}
.cultrue li a .ttl {
	margin-bottom:0
}
.cultrue li a .ttl span {
	font-size:24px
}
.conitemul dl dt {
	width:100%
}
.conboximg {
	padding-top:4em
}
.conboximg img {
	max-height:100px
}
.hhmap img {
	max-width:100%
}
.conitemul {
	padding:3em 0 1.5em
}
.conitemul .item,.conitemul dl {
	height:auto;
	padding:12px 15px;
	margin-bottom:20px;
	overflow:hidden
}
.conitemul .item font {
	font-size:18px
}
.conitemul dl dd img {
	height:70px
}
.conitemul .item .iconfont,.conitemul dl .iconfont {
	font-size:30px
}
.tlbox img {
	width:100%
}
.advantagesBox-nav li {
	width:100%
}
.advantagesBox-nav li img {
	bottom:15px;
	right:15px
}
.wapproblemsBox li {
	display:flex;
	justify-content:space-between;
	margin-top:20px
}
.wapproblemsBox li .wapproblemsBox-img {
	width:30%;
	background:#99173A;
	padding:20px;
	display:flex;
	justify-content:center;
	align-items:center
}
.wapproblemsBox li .wapproblemsBox-img img {
	width:100%;
	object-fit:contain
}
.wapproblemsBox li dl {
	width:70%;
	padding-left:20px;
	margin-bottom:0;
	margin-top:10px
}
.wapproblemsBox li dl dt {
	font-size:16px;
	color:#000
}
.wapproblemsBox li dl dd {
	font-size:14px;
	color:#666
}
.corenav li {
	width:100%;
	display:block;
	margin:30px 0
}
.corenav li .first-img {
	width:100%
}
.corenav li>.coreBox-nav_content {
	width:100%
}
.coreBox-nav_imgs {
	width:100%
}
.coreBox-nav_imgs img {
	width:30%
}
.corenav li>.coreBox-nav_imgs img:nth-child(2) {
	margin:0 2%
}
.corenav li>.coreBox-nav_content h5 {
	font-size:20px
}
.corenav li>.coreBox-nav_content p {
	font-size:14px
}
.caseintro .left,.caseintro .right {
	width:100%;
	padding:30px 0
}
.caseintro {
	height:auto
}
.caseintro .casebox,.caseintro .caseser {
	padding:0 15px
}
.news-con .con-title h1 {
	font-size:25px
}
.tlboxtext {
	height:auto
}
.xcxlist .col-xs-12 {
	width:50%
}
.xcxlist .item {
	margin:10px 0 10px 0
}
.xcxlist .item .f-mask {
	opacity:.5
}
.xcxlist .item .qrWrap {
	opacity:1
}
.xcxlist .item img {
	height:290px
}
.hh-footer-cols {
	width:50%;
	margin-right:0
}
.hh-footer {
	padding-bottom:60px
}
.hh-footer-wavt {
	width:100%
}
.hh-footer-logo {
	width:100%;
	float:none;
	padding-top:30px;
	padding-bottom:30px
}
.container-blog .tapbar a {
	padding-right:0
}
.pagenav a {
	padding:10px 10px;
	height:auto
}
.wap-hh-footer-menu {
	display:flex;
	justify-content:space-between
}
.wap-hh-footer-menu li a {
	color:#fff
}
.hh-footer-copy {
	margin-top:24px
}
.hh-footer-copy a {
	display:block
}
.container-blog .blog-content .blog-imgBox {
	height:190px
}
.sidebar {
	padding:0em 0 0
}
.features-blog .cat-item-first {
	padding:1.4rem 0 0
}
.list-blog {
	display:none
}
.hh-np {
	padding-bottom:3rem;
	text-align:center
}
.hh-np .fl {
	float:none;
	width:100%;
	text-align:left;
	margin-bottom:10px
}
.hh-np .fl a {
	display:block;
	padding:4px 0
}
.hh-np .hh-more {
	display:inline-block;
	float:none
}
.globalitem .item {
	margin-top:1em;
	padding:1.2em 1.5em
}
.globalitem .item h5 {
	font-size:22px
}
.globalitem .item h5 img {
	width:40px
}
.globalitem .item a {
	padding-top:6px
}
.globalitem .item:hover a {
	padding-top:10px
}
.featuresBox-con {
	display:block;
	margin-top:30px
}
.featuresBox-con_item .featuresBox-con_box li .featuresBox-con_til h3 {
	font-size:20px
}
.featuresBox-con_item .featuresBox-con_box li .featuresBox-con_til span {
	height:50%
}
.featuresBox-con_item .featuresBox-con_box li p {
	margin-top:0;
	text-align:justify
}
.featuresBox-con .featuresBox-con_item {
	width:100%
}
.featuresBox-con_item .featuresBox-con_box li {
	width:33%;
	padding:10px;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-direction:column
}
.featuresBox-con_item .featuresBox-con_box li .featuresBox-con_til {
	width:auto
}
.featuresBox-con_item .featuresBox-con_box {
	display:flex;
	justify-content:space-between
}
.featuresBox-con .featuresBox-con_center {
	width:100%
}
.featuresBox-con .featuresBox-con_center img {
	width:100%
}
.management .man-small_til span {
	padding:0;
	width:100%
}
.managementBox .mb-nav li {
	width:50%;
	padding:0 15px
}
.managementBox .mb-nav li img {
	width:100%;
	height:auto
}
.managementBox .mb-nav li span {
	font-size:14px
}
.universityBox {
	width:100%;
	margin-top:30px
}
.universityBox .universityBox-nav li {
	width:50%;
	margin:10px 0;
	padding:10px
}
.universityBox .universityBox-nav li img {
	height:auto;
	width:100%
}
.presentBox .presentBox-nav {
	display:flex;
	justify-content:space-between;
	align-items:center
}
.presentBox .presentBox-nav li {
	margin-bottom:10px;
	width:30%
}
.presentBox .presentBox-nav li img {
	width:100%
}
.presentBox .presentBox-nav li span {
	margin-top:10px;
	font-size:14px
}
.presentBox {
	margin-top:30px
}
.problems {
	padding-left:15px;
	padding-right:15px
}
.advantagesBox2 {
	width:100%
}
.advantagesBox2 .advantagesBox-navs li .advantagesBox-navs_content {
	width:100%;
	padding:20px;
	margin-bottom:20px
}
.advantagesBox2 .advantagesBox-navs li {
	display:block;
	height:auto
}
.advantagesBox2 .advantagesBox-navs li .advantagesBox-navs_img {
	width:100%
}
.advantagesBox2 .advantagesBox-navs li .advantagesBox-navs_img img {
	width:100%
}
.container-blog .tapbar {
	display:flex;
	justify-content:space-around;

	padding:0
}
.container-blog .tapbar a.active {
	border-bottom:3px solid;
	padding-bottom:10px
}
.waphh-news__list {
	padding-top:20px
}
.waphh-news__item {
	width:100%;
	margin-bottom:20px
}
.waphh-media {
	width:100%
}
.waphh-media {
	height:110px;
	display:block;
	background-color:#fff;
	border:1px solid rgb(0 0 0 / .1)
}
.waphh-media__image {
	float:left;
	height:100%;
	overflow:hidden;
	position:relative;
	z-index:2;
	width:100px;
	background-color:#fff;
	padding-left:10px
}
.waphh-media__image img {
	width:100%;
	height:100%;
	object-fit:contain
}
.waphh-media__text {
	height:100%;
	box-sizing:border-box;
	margin-left:100px;
	padding:12px 10px
}
.waphh-media__title {
	font-size:16px;
	font-weight:600;
	color:#333;
	line-height:22px;
	text-align:justify;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.waphh-media__brief {
	height:3em;
	font-size:12px;
	color:#3d3d3d;
	line-height:1.5;
	text-align:justify;
	margin-top:8px;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	display:-webkit-box;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	word-wrap:break-word;
	white-space:normal;
	overflow:hidden
}
.waphh-media__infos {
	height:20%
}
.waphh-media__infos span {
	color:#999;
	font-size:14px;
	line-height:20px
}
.waphh-media__infos .hhfont {
	color:#ccc;
	font-size:13px;
	margin-left:2px;
	margin-right:14px
}
.development {
	margin-top:12px;
	padding:20px 28px 24px 29px;
	border-radius:10px;
	overflow:hidden
}
.development-ul {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden
}
.development-ul:after {
	position:absolute;
	content:"";
	width:1px;
	height:100%;
	background:rgb(153 23 58 / .1);
	top:0;
	left:40%;
	margin-left:-1px;
	margin-top:32px;
	margin-bottom:32px
}
.development-li {
	display:flex;
	position:relative;
	justify-content:space-between
}
.development-img-box {
	width:72px;
	height:72px;
	overflow:hidden;
	position:relative;
	overflow:visible;
	z-index:9
}
.development-img-box:after {
	position:absolute;
	content:"";
	width:60%;
	height:1px;
	background:rgb(153 23 58 / .1);
	top:50%;
	left:100%;
	z-index:-1
}
.development-img {
	width:100%;
	height:100%;
	z-index:9;
	border-radius:50%
}
.development-round {
	width:8px;
	height:8px;
	border-radius:50%;
	background:#99173A;
	position:absolute;
	left:40%;
	margin-left:-4px;
	top:0;
	margin-top:32px
}
.development-content {
	width:50%;
	margin-top:25px
}
.development-times {
	font-size:14px;
	font-weight:700;
	line-height:20px;
	color:#333;
	margin-bottom:6px
}
.development-text {
	font-size:12px;
	font-weight:600;
	line-height:17px;
	color:#666
}
.wapservicebox {
	padding-left:15px;
	padding-right:15px
}
.wapservicebox .wapservicebox-list {
	padding:20px 12px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:12px
}
.wapservicebox .wapservicebox-list .wapservicebox-img {
	width:50%;
	display:flex;
	justify-content:center;
	align-items:center
}
.wapservicebox .wapservicebox-list .wapservicebox-content {
	width:50%;
	text-align:left;
	padding-left:20px
}
.wapservicebox .wapservicebox-list:nth-of-type(1) {
	background:#E4E4E4
}
.wapservicebox .wapservicebox-list .wapservicebox-content .wapservicebox-content-title {
	font-size:18px;
	font-weight:600;
	line-height:25px
}
.wapservicebox .wapservicebox-list .wapservicebox-content .wapservicebox-content-text {
	font-size:12px;
	line-height:17px
}
.wapservicebox .wapservicebox-list .wapservicebox-content .wapservicebox-content-box {
	margin-top:12px
}
.wapservicebox .wapservicebox-list .wapservicebox-content .wapservicebox-content-box li {
	line-height:20px;
	font-weight:400;
	margin-bottom:8px;
	padding-left:14px;
	position:relative
}
.wapservicebox .wapservicebox-list .wapservicebox-content .wapservicebox-content-box li:after {
	position:absolute;
	content:"";
	width:6px;
	height:2px;
	border-radius:1px;
	top:50%;
	left:0
}
.wapservicebox .wapservicebox-list:nth-of-type(2) {
	background:#99173A
}
.wapservicebox .wapservicebox-list:nth-of-type(3) {
	background:#FFC24A
}
.wapservicebox .wapservicebox-list:nth-of-type(4) {
	background:#1A1A1A
}
.wapservicebox .wapservicebox-list:nth-of-type(5) {
	background:#CED3F9
}
.wapservicebox .wapservicebox-list:nth-of-type(6) {
	background:#EDE8DC
}
.wapservicebox-bcolor {
	color:#000
}
.wapservicebox-wcolor {
	color:#fff
}
.wapservicebox .wapservicebox-list:nth-of-type(1) .wapservicebox-content .wapservicebox-content-box li:after {
	background:#99173A
}
.wapservicebox .wapservicebox-list:nth-of-type(2) .wapservicebox-content .wapservicebox-content-box li:after {
	background:#fff
}
.wapservicebox .wapservicebox-list:nth-of-type(3) .wapservicebox-content .wapservicebox-content-box li:after {
	background:#000
}
.wapservicebox .wapservicebox-list:nth-of-type(4) .wapservicebox-content .wapservicebox-content-box li:after {
	background:#fff
}
.wapservicebox .wapservicebox-list:nth-of-type(5) .wapservicebox-content .wapservicebox-content-box li:after {
	background:#000
}
.wapservicebox .wapservicebox-list:nth-of-type(6) .wapservicebox-content .wapservicebox-content-box li:after {
	background:#000
}
.pagenav {
	padding:0
}
.wapconbox {
	width:100%;
	height:280px;
	background:#99173A;
	color:#fff
}
.wapconbox .wapconboximg {
	padding-top:36px;
	text-align:center
}
.wapconbox .wapcontext {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	margin-top:16px
}
.wapconbox .wapcontext p {
	line-height:24px;
	font-size:16px
}
.wapconbox .wapcontext a {
	color:#fff;
	border:1px solid #fff;
	margin-top:16px;
	width:200px;
	height:35px;
	text-align:center;
	line-height:35px
}
.wapconitemul {
	display:flex;
	justify-content:space-between
}
.wapconitemul li {
	width:calc((100% - 15px) / 2);
	height:176px;
	border:1px solid rgb(0 0 0 / .1);
	display:flex;
	justify-content:space-around;
	align-items:center;
	flex-direction:column;
	margin-top:12px;
	padding:0 15px;
	text-align:center
}
.wapconitemul li p {
	font-size:16px;
	font-weight:600;
	color:#333;
	line-height:22px
}
.wapconitemul li font,.wapconitemul li font a {
	line-height:20px;
	color:#3D3D3D;
	display:block
}
.wapwxerm {
	margin-top:12px;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	padding:0 18px;
	height:240px;
	border:1px solid rgb(0 0 0 / .1);
	text-align:center
}
.wapwxerm p {
	font-size:16px;
	font-weight:600;
	color:#333;
	line-height:22px;
	margin-top:18px
}
.wapwxerm ul {
	margin-top:20px;
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.wapwxerm ul li {
	width:calc((100% - 40px) / 3);
	display:flex;
	justify-content:center;
	flex-direction:column;
	text-align:center
}
.wapwxerm ul li img {
	width:100%;
	height:100%;
	object-fit:cover
}
.wapwxerm ul li span {
	margin-top:6px;
	color:#3D3D3D;
	line-height:20px
}
.managementBox .mb-nav li:nth-child(1),.managementBox .mb-nav li:nth-child(2),.managementBox .mb-nav li:nth-child(3),.managementBox .mb-nav li:nth-child(4) {
	margin-bottom:10px
}
.advantagesBox2 .advantagesBox-navs li .advantagesBox-navs_content h4 {
	font-size:24px;
	padding:0 0 10px 0
}
.advantagesBox2 .advantagesBox-navs li .advantagesBox-navs_content p {
	font-size:14px
}
.goTop {
	right:10px;
	bottom:70px
}
.goTop div {
	width:50px;
	height:50px;
	display:flex;
	justify-content:center;
	align-items:center
}
.goTop span {
	font-size:30px
}
.aboutone {
	flex-direction:column
}
.aboutone .fl,.aboutone .fr {
	width:100%;
	padding:0
}
.aboutone-container {
	margin-bottom:15px
}
}.livechat-girl {
	display:block!important
}
@media screen and (max-width:768px) {
	.livechat-girl {
	display:none!important
}
}.goTop {
	display:block
}
@media (max-width:768px) {
	.goTop {
	display:none!important
}
}