.header {
	height: 80px;
	min-height: 80px;
	box-sizing: border-box;
	background-color: #FFFFFF !important;
	transition: all .3s;
	box-shadow: 0px 1px 0px rgb(0 0 0 / 8%);
}

.header .logo,
.logo-text,
.nav-list {
	height: 80px;
}

.header .logo .img {
	width: auto;
	height: 56px;
}

.logo-text {
	font-size: 22px;
	color: #e83928;
	padding-left: 0.3rem;
	position: relative;
	margin-left: 1.5rem;
	padding-left: 1.5rem;
}

.logo-text::before {
	display: block;
	content: "";
	width: 1px;
	height: 80%;
	position: absolute;
	left: 0.15rem;
	top: 10%;
	background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0) 100%);
}

.logo-text .icon {
	font-size: 2.75rem;
	padding-right: 0.5rem;
}

.navList {
	font-size: 16px;
}

.header .navbar-toggle {
	border: none !important;
}

.header .navbar-toggle .icon-bar {
	background-color: #4f4f4f !important;
}

.header .navbar-nav>li>a {
	padding: 0 1.5rem; /* 原为3rem*/
	line-height: 80px;
	box-sizing: border-box;
	color: #000 !important;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.navbar-nav>li:hover,
.navbar-nav>li.active,
.navbar-nav>li:hover .subTit {
	background-color: #226ede !important;
	color: #fff !important;
}

.navbar-default .navbar-nav>.active>a.subTit {
	background-color: #fff;
}

.header.navbar-default .navbar-nav>li>a:hover,
.header .navbar-nav>li:active>a,
.header .navbar-nav>li:hover>a{
	color: #fff !important;
}

.header.navbar-default .navbar-nav>li>a:focus{
	/* color: #000 !important; */
}

.nav-dropdown {
	width: 100%;
	height: 0;
	overflow: hidden;
	position: fixed;
	left: 0;
	top: auto;
	background-color: #fbfcfd;
	box-shadow: 0px 15px 10px -15px rgb(0 0 0 / 20%);
	-webkit-box-shadow: 0px 15px 10px -15px rgb(0, 0, 0, 0.2);
	/* border-bottom: 1px solid #dcdcdc; */
	z-index: 999;
}

.nav-box {
	/* max-width: 1440px;
	min-height: 200px;
	margin: 0 -1rem;
	box-sizing: content-box; */
}

.nav-mask {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: auto;
	background: rgba(0, 0, 0, 0.4);
	z-index: 2;
	display: none;
}

.nav-dropdown .item-group {
	width: 20%;
}

.nav-dropdown .item-group .item-con {
	width: 100%;
	text-align: left;
}

.nav-dropdown .item-group .item-con li {
	width: 100%;
	float: left;
}

.nav-dropdown .item-group .item-con a {
	color: #333;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-right: 1rem;
}

.nav-dropdown .item-group .item-con a:hover {
	cursor: pointer;
	color: #226ede;
}

.nav-dropdown .item-group .item-con .tit {
	font-size: 16px;
	color: #226ede;
	font-weight: bold;
}

.nav-dropdown .item-group dt {
	margin-bottom: 0.75rem;
	font-size: 13px;
	font-weight: normal;
}

#zhslDiv.nav-dropdown .nav-box {
	max-width: 1600px;
	min-height: 240px;
	margin: 0 auto;
	padding: 2rem 0;
}

#zhslDiv.nav-dropdown .item-group {
	width: 15%;
}

/* #zhslDiv.nav-dropdown .item-group:nth-child(2),
#zhslDiv.nav-dropdown .item-group:nth-child(3) {
	width: 9%;
} */


#zhslDiv.nav-dropdown .item-group:nth-child(1) {
	width: 21%;
	padding-left: 8.5rem;
}
 
#zhslDiv.nav-dropdown .item-group:nth-child(3) {
	/* width: 11%; */
}

#zhslDiv.nav-dropdown .item-group:nth-child(4) {
	/* width: 11%; */
}

#zhslDiv.nav-dropdown .item-group:nth-child(5) {
	/* width: 13%; */
}

.nav-dropdown .item-list {
	text-align: center;
	padding: 1rem 0;
	font-size: 14px;
}

.nav-dropdown .item-list li {
	padding: 0.5rem 1rem;
	color: #333;
}

.nav-dropdown .item-list li a {
	color: #333;
}

.nav-dropdown .item-list li a:hover {
	background: transparent !important;
	color: #226ede !important;
}

.navbar-nav>li:hover .nav-dropdown {
	min-height: 110px;
	height: auto;
	transition: all 0.3s;
}

.navbar-nav>li:hover .nav-mask {
	/* display: block; */
}


.projectCenterLi .nav-dropdown{
	position: absolute;
 	width: 418px;
	text-align: left;
}

.projectCenterLi .nav-dropdown .item-list{
	text-align: left;
    padding: 1rem;
    box-sizing: border-box;
}

.softWareLi .nav-dropdown{
	position: absolute;
 	width: 320px;
	text-align: left;
}

.softWareLi .nav-dropdown .item-list{
	text-align: left;
    padding: 1rem;
    box-sizing: border-box;
}

.banner {
	width: 100%;
	position: relative;
	z-index: 0;
}

.navbar{
	margin-bottom: 0 !important;
}

.banner .swiper-pagination-bullet {
	width: 6rem;
	height: 5px;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 1px;
	margin-right: 0.1rem;
	transition: all .3s;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {
	bottom: 5%;
}


/*移动端nav*/
.menu-wrap {
	cursor: pointer;
	background: #226ede;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	display: none;
}

.navbar-menu {
	z-index: 9980;
	width: auto;
	min-height: 26px;
	line-height: 22px;
	position: relative;
	padding-left: 30px;
	color: #fff;
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.navbar-menu span {
	width: 30px;
	top: 50%;
	transform: translateY(-50%);
	transform-origin: 50% 50%
}

.navbar-menu span,
.navbar-menu span::before,
.navbar-menu span::after {
	display: block;
	position: absolute;
	left: 0;
	height: 2px;
	background: #fff;
	transition: all .25s ease
}

.navbar-menu span::before,
.navbar-menu span::after {
	content: '';
	width: 100%
}

.navbar-menu span::before {
	top: -11px
}

.navbar-menu span::after {
	bottom: -11px
}

.navbar-menu.toggle-open span {
	background: rgba(0, 0, 0, 0);
	transform: rotate(45deg)
}

.navbar-menu.toggle-open span::before {
	transform: translate3d(0, 11px, 0)
}

.navbar-menu.toggle-open span::after {
	transform: rotate(-90deg) translate3d(11px, 0, 0)
}

.menu-wrap:hover .navbar-menu {
	color: #fff !important;
}

.navbar-menu:hover span,
.navbar-menu:hover span::before,
.navbar-menu:hover span::after {
	background: #226ede
}

.navbar-menu i {
	font-size: 10px;
	display: block;
	line-height: 10px;
	opacity: .7
}

.mNav {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateX(100%);
	transition: all .5s;
}

.mNavBg {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	display: none;
}

.mNav .btn-close {
	width: 3rem;
	height: 100%;
	margin-left: 5%;
}

.mNav .btn-close .iconfont {
	color: #fff;
	font-size: 4rem;
	opacity: 0.7;
}

.mNavList {
	position: absolute;
	right: 0;
	top: 0;
	width: 84%;
	height: 100%;
	background-color: #336ca6;
	display: none;
}

.mNavList .nav-position {
	height: 45px;
	padding: 0 15px;
	color: #fff;
	font-size: 16px;
}

.mNavList .panel {
	color: #fff;
	border-bottom: 1px solid #2c5d8f;
	background: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.mNavList .panel:last-child {
	border-bottom: 0;
}

.mNavList .panel-body {
	padding: 0 4rem;
}

.mNavList .panel-body .FirLevelCon li:last-child a {
	border: 0;
}

.mNavList a,
.mNavList a:hover,
.mNavList a:focus {
	color: #fff;
}

.mNavList .panel-heading {
	font-size: 16px;
	line-height: 25px;
	border-bottom: 1px solid #2c5d8f;
}

.mNavList .panel-heading a {
	width: 100%;
	position: relative;
	display: block;
}

.mNavList .panel-heading a::after {
	display: block;
	content: "\e6e7";
	position: absolute;
	right: 0;
	top: 0;
	font-family: 'iconfont';
	text-align: center;
	transition: all .3s;
	font-size: 1.25rem;
}

.mNavList .panel-heading.on a::after {
	transform: rotate(180deg);
}

.mNavList .panel-heading.empty-hd a::after {
	display: none;
}  

.mNavList .panel-heading.removeArrow a::after{
	display: none !important;
}

.mNavList .panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top: 1px solid #2c5d8f;
}

.mNavList .panel-group .panel+.panel {
	margin: 0;
}

.mNav ul li a.thirdTit {
	padding: 0;
}

.mNavList .panel-group {
	margin: 0;
}

.mNavList .panel-group .list-group-item {
	background: transparent;
	padding: 0;
	border: 0;
}

.mNavList .panel-group .panel-heading+.panel-collapse>.list-group {
	border-top: 1px solid #2c5d8f;
}

.mNavList .panel-group .panel-footer {
	background: transparent;
	border: none;
}

.nestingPanel .panel-collapse {
	padding: 0 4rem;
}

.nestingPanel .panel-heading {
	font-size: 14px;
	padding: 0;
	line-height: 36px;
}

.nav-position .tit {
	line-height: 45px;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
}

.nav-position .icon {
	line-height: 45px;
}

.mNav ul li ul {
	margin-top: 1px;
}

.mNav ul li a {
	position: relative;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #fff;
	line-height: 36px;
	border-bottom: 1px solid #2c5d8f;
	transition: background .1s ease;
}

.mNav .mNavList {
	height: 100%;
	overflow-y: auto;
}

.m-dropdown>a::after {
	display: block;
	width: 50px;
	content: "\e61c";
	position: absolute;
	right: 0;
	top: 0;
	font-family: 'iconfont';
	text-align: center;
	transition: all .3s;
}

.m-open>a::after {
	transform: rotate(180deg);
}

.m-dropdown a.m-single::after {
	display: none;
}

.mNav .mNavList>li {
	margin-bottom: 1px;
}

.mNav .mNavList>li:hover {
	background: #31679e;
}

.mNav .mNavList>li>a {
	font-size: 16px;
	line-height: 45px;
	padding-left: 15px;
}

.mNav .mNavList>li>ul>li>a {
	font-size: 15px;
	padding-left: 40px;
}

.mNav .mNavList>li>ul>li>ul>li>a {
	font-size: 14px;
	padding-left: 65px;
}

.mNav .mNavList>li>ul>li>ul>li>ul>li>a {
	font-size: 13px;
	padding-left: 70px;
}

.mNav .mNavList>li>ul>li>ul>li>ul>li>ul>li>a {
	font-size: 12px;
	padding-left: 85px;
}

.mNav .mNavList>li ul {
	display: none;
}

.mNav.show-on-mobile {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

.mNav.show-on-mobile .mNavBg,
.mNav.show-on-mobile .mNavList {
	display: block;
	text-align: left;
}

.m-dropdown ul {
	display: none;
}

.m-dropdown.m-open ul.FirLevelCon {
	display: block !important;
}

.m-dropdown.m-open .btn-firlevel {
	background: #2e6296;
	border-top: 1px solid #2c5d8f;
	border-bottom: 1px solid #295887;
}


.mNav .m-dropdown.active {
	border-top: 1px solid #2c5d8f;
	border-bottom: 1px solid #2c5d8f;
}

.mainBody {
	position: relative;
	min-height: 34vh;
	overflow: hidden;
	font-size: 14px;
	color: #000000;
	line-height: 30px;
	background-color: #FFFFFF;
	z-index: 1;
}

.digitalizeArea {
	position: relative;
	padding: 3rem 0;
	z-index: 1;
}

.digitalizeArea .topNum {
	font-size: 42px;
	color: #05ae05;
}

.digitalizeArea .topNum span {
	font-size: 44px;
	font-family: Roboto;
	line-height: 1.2;
	font-weight: bold;
}

.digitalizeArea .topNum sup {
	font-size: 30px;
	line-height: 24px;
	margin-left: 5px;
}

.digitalizeArea .topList li:first-child sup {
	font-size: 16px;
	position: relative;
	top: -5px;
}

.digitalizeArea .topDes {
	font-size: 16px;
	line-height: 1.2;
	color: #333;
}

.digitalizeArea ul li {
	width: 25%;
	padding-right: 1rem;
}

.digitalizeArea ul li .wrap {
	width: 100%;
	height: 100%;
	background: #f5f5f5;
	padding: 1rem;
}

.digitalizeArea .icon {
	font-size: 4rem;
	color: #666;
}

.digitalizeArea .item-con {
	padding: 0 1rem;
}

.h1-title {
	margin: 3.5rem 0;
}

.titCn {
	position: relative;
	font-size: 34px;
	font-weight: bold;
	color: #000000;
	line-height: 46px;
	margin: 0;
}

.titCn::before {
	display: block;
	content: "";
	width: 0.06rem;
	height: 100%;
	max-height: 0.32rem;
	background-color: #0A3D8D;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-55%);
}

.titCn span {
	font-size: 14px;
	font-family: Arial;
	font-weight: lighter;
	color: #737373;
	vertical-align: middle;
	text-transform: uppercase;
	margin: 0 2rem;
}

.titBar {
	width: 100%;
	height: 1rem;
	background: #f5f5f5;
	position: relative;
}

.titBar span {
	position: absolute;
	left: 0;
	top: 0;
	width: 1rem;
	height: 100%;
	background: #05ae05;
}

.h1-Box {
	width: 100%;
	height: 100%;
	margin-bottom: 2rem;
}

.productArea .itemLeft {
	position: relative;
	width: 20%;
	height: 100%;
	background: #1575d6;
	background: linear-gradient(#0f5aa4, #1987f8);
	background: -moz-linear-gradient(to bottom, #0f5aa4, #1987f8);
	background: -webkit-linear-gradient(to bottom, #0f5aa4, #1987f8);
	background: -o-linear-gradient(to bottom, #0f5aa4, #1987f8);
	background: -ms-linear-gradient(to bottom, #0f5aa4, #1987f8);
	background: linear-gradient(to bottom, #0f5aa4 0%, #1987f8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f5aa4', endColorstr='#1987f8', GradientType=0);
	background-image: url(../img/panel_bg.png) top right;
	color: #FFFFFF;
	z-index: 2;
	text-align: left;
}

.productArea .itemLeft .inner {
	width: 100%;
	height: 100%;
	padding: 4rem 0;
	background: url(../img/panel_bg.png) center right;
	box-sizing: border-box;
}


.productArea .itemLeft li {
	width: 100%;
}

.productArea .itemLeft li a {
	position: relative;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	color: #fff;
	line-height: 45px;
	margin: 0 2.5rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.productArea .itemLeft li:hover,
.productArea .itemLeft li:focus,
.productArea .itemLeft li:active,
.productArea .itemLeft li.active {
	background: #05AE05;
}

.btnArea {
	text-align: center;
	margin: 0 auto;
	padding-top: 4.5rem;
}

.btnArea .btn-more {
	padding: 8px 30px;
	width: 100%;
	background: #fff;
	border-radius: 30px;
	color: #2469ba;
	border: 1px solid transparent;
	box-sizing: border-box;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.btnArea .btn-more:hover,
.introductArea .btnArea .btn-more:hover {
	cursor: pointer;
	background: #05AE05;
	border-color: transparent;
	color: #fff;
	margin-left: 10px;
}

.productArea .itemRight {
	width: 80%;
	height: 100%;
}

.productArea .itemRight li {
	width: 25%;
	float: left;
	padding: 0 1rem;
	margin-bottom: 14px;
}

.productArea .itemRight li a {
	width: 100%;
	display: block;
	min-height: 231px;
	text-align: center;
	border: 1px solid rgba(201,142,107,.2);
	box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.07);
	-webkit-box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.07);
	transition: all .3s;
	-webkit-transition: all .3s;
	position: relative;
}

.productArea .imgBg {
	width: 77%;
	padding: 2rem;
	box-sizing: border-box;
	margin: 0 auto;
	overflow: hidden;
}

.productArea .imgBg img {
	width: 100%;
	max-height: 154px;
    overflow: hidden;
}

.productArea .itemRight .proName {
	font-size: 16px;
	color: #000000;
	line-height: 24px;
	margin: 1rem;
	margin-top: 0;
}

.productArea .itemRight li a:hover {
	transform: translateY(-1rem);
	border-color: #05ae05;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.18);
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.18);
}

.productArea .itemRight li a:hover .proName {
	color: #05ae05;
}

.productArea .itemRight li a:hover::before {
	left: 0;
	width: 100%;
}

.soluteArea .picList {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	overflow: hidden;
}

.soluteArea ul {
	width: 100%;
}

.soluteArea ul li {
	width: 25%;
	height: 230px;
	float: left;
	margin-bottom: 14px;
	position: relative;
	padding: 0 0.5rem;
	overflow: hidden;
}

.soluteArea .picList:hover .info {
	background-color: rgba(5, 80, 169, 0.64);
}

.soluteArea .picList:hover .more {}

.soluteArea .imgBg {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 4px;
}

.soluteArea .info {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .45);
	border-radius: 4px;
	z-index: 0;
	transition: all .8s ease-in-out;
}

.soluteArea .info .iconfont {
	font-size: 5.6rem;
	color: #cdcdc9;
}

.soluteArea .title {
	font-size: 16px;
	color: #fff;
	margin: 1rem 2rem;
	opacity: 0.8;
	line-height: 1.8;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.soluteArea .more {
	position: absolute;
	right: 0;
	bottom: 0;
	background: transparent;
	margin: 2rem;
}

.soluteArea .more .iconfont {
	font-size: 2.5rem;
	color: #cdcdc9;
}

.soluteArea .mask {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 0;
	bottom: 0;
}

.introductArea .h1-Box {
	width: 100%;
	/* height: 380px; */
}

.video-ppg {
	width: 50%;
	height: 380px;
	position: relative;
}

.video-ppg .play-icon {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.video-element {
	float: left;
	object-fit: fill;
}

.desc-ppg {
	width: 50%;
	background: #0f5ba6 url(../img/ppgTxt-bg.png) top right repeat;
	padding: 5.5rem 5rem;
	text-align: left;
	float: left;
}

.desc-ppg .bar-top {
	width: 70px;
	height: 4px;
	background: #fff;
	margin: 1rem 0;
}

.desc-ppg p {
	line-height: 34px;
	color: #fff;
	margin: 2rem 0;
	max-height: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.introductArea .btnArea {
	float: left;
}

.introductArea .btnArea .btn-more {
	background: transparent;
	border-color: #fff;
	color: #fff;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.strengthArea{
	position: relative;
}

.strengthArea .h1-Box ul li:nth-child(2) {
	clear: both;
	padding-top: 3rem;
	border-top: 1px solid #d9d9d9;
}

.strength-tit .img {
	padding-right: 1rem;
}

.strength-tit .prominent {
	font-size: 24px;
	padding-left: 1rem;
	color: #000;
}

.strength-words,
.strength-picture {
 	font-size: 15px;
	padding: 0 0 3rem 0;
	box-sizing: border-box;
	text-align: left;
}

.strength-picture img {
	float: right;
}

.strength-desc {
	clear: both;
	color: #666666;
	padding: 2rem 0 3rem 0;
}

.strength-picture .img {
	width: 90%;
	padding: 0 1rem;
}

/*悬浮框*/
.fixed-box {
	position: fixed;
	right: 0;
	bottom: 20%;
	transform: translateY(-50%);
	z-index: 99;
}

.fixed-box .contact-us {
	position: relative;
	width: 80px;
	height: 80px;
	box-sizing: border-box;
	padding: 1rem;
	margin-top: 12px;
	background-color: #0d55e8;
	box-shadow: 0px 2px 8px 0px rgba(34, 34, 34, 0.08);
	cursor: pointer;
}

.fixed-box .contact-us .icon {
	text-align: center;
	color: #fff;
}

.fixed-box .contact-us .iconfont {
	font-size: 2.5rem;
}

.fixed-box .contact-us:hover {
	background-color: #1f7eee;
	box-shadow: 0px 2px 8px 0px rgba(34, 34, 34, 0.24);
}

.fixed-box .contact-us:hover .contact-us-title {
	color: #fff;
}

.fixed-box .contact-us:hover .contact-us-spread-container {
	display: block;
}

.fixed-box .contact-us-title {
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 22px;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #fff;
}

.fixed-box .contact-us-spread-container {
	display: none;
	width: 310px;
	min-height: 245px;
	position: absolute;
	bottom: 0;
	right: 70px;
	opacity: 1;
	animation: spread 0.3s ease-out;
}

.fixed-box .contact-us-spread-container .contact-us-spread {
	min-height: 245px;
	background-color: #fff;
	box-shadow: 0px 2px 8px 0px rgba(34, 34, 34, 0.08);
	margin-right: 20px;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	padding: 2.5rem 3rem;
	margin-bottom: 0;
}

.fixed-box .contact-us-spread-container .contact-us-spread li {
	opacity: 0;
	/* position: absolute;
	left: 32px; */
}

.fixed-box .contact-us-spread-container .contact-us-spread li:first-child{
	margin-bottom: 1.5rem;
}

.fixed-box .contact-us-spread-container .contact-us-spread li.contact-us-tel {
	opacity: 1;
	top: 0;
	animation: spreadLineOpacity 0.3s ease-out forwards, spreadLine1 0.3s ease-out 0.02s forwards;
}

.fixed-box .contact-us-spread-container .contact-us-spread li.contact-us-tel .contact-us-icon {
	background-position: -100px 0;
}

.fixed-box .contact-us-spread-container .contact-us-spread li.contact-us-tel p.contact-us-con {
	color: #2468F2;
}

.fixed-box .contact-us-spread-container .contact-us-spread li.contact-us-service {
	top: 242px;
	animation: spreadLineOpacity 0.3s ease-out forwards, spreadLine2 0.3s ease-out 0.08s forwards;
}

.fixed-box .contact-us-spread-container .contact-us-spread li.contact-us-service .contact-us-icon {
	background-position: -25px 0;
}

.fixed-box .contact-us-spread-container .contact-us-spread li:hover .contact-us-tit {
	color: #2468F2;
}

.fixed-box .contact-us-spread-container .contact-us-spread li:hover a {
	text-decoration: none;
}

.fixed-box .contact-us-spread-container .contact-us-spread li:hover.contact-us-tel .contact-us-icon {
	background-position: -125px 0;
}


.fixed-box .contact-us-spread-container .contact-us-spread li:hover.contact-us-service .contact-us-icon {
	background-position: 0 0;
}

.fixed-box .contact-us-spread-container .contact-us-spread .contact-us-icon {
	float: left;
	margin-top: 2px;
	width: 20px;
	height: 20px;
	background: url(https://bce.bdstatic.com/p3m/common-service/uploads/contact_us_bg_b7bbe26.png) no-repeat;
	background-size: 245px 20px;
}

.fixed-box .contact-us-spread-container .contact-us-spread p {
	margin: 0 0 0 32px;
	line-height: 26px;
}

.fixed-box .contact-us-spread-container .contact-us-spread p.contact-us-tit {
	font-family: PingFangSC-Medium;
	font-size: 14px;
	color: #222222;
	line-height: 24px;
	font-weight: 500;
	text-align: left;
}

.fixed-box .contact-us-spread-container .contact-us-spread p.contact-us-con {
	font-family: PingFangSC-Regular;
	color: rgba(34, 34, 34, 0.7);
	line-height: 20px;
	font-weight: 400;
	margin-top: 4px;
}

.fixed-box .contact-us-spread-container .contact-us-spread p.contact-us-con.red {
	color: #e83928;
}

.cart-entry-wrapper {
	bottom: 100px !important;
}

@keyframes spread {
	0% {
		bottom: -10px;
		opacity: 0;
	}

	100% {
		bottom: 0;
		opacity: 1;
	}
}

@keyframes spreadLine1 {
	0% {
		top: 38px;
	}

	100% {
		top: 28px;
	}
}

@keyframes spreadLine2 {
	0% {
		top: 180px;
	}

	100% {
		top: 170px;
	}
}

@keyframes spreadLineOpacity {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/*返回顶部*/
.toTop {
	/* display: none; */
	text-align: center;
	border-radius: 0.2rem;
	transition: ease all 0.3s;
	display: block;
	height: 100%;
}

.icon-top {
	color: #fff;
	font-size: 3.5rem;
}


.footer {
	background: #192539;
	color: #9ea1a8;
}

.footer a {
	color: #9ea1a8;
}

.footer a:hover {
	color: #2f8efe;
}

.foterList {
	padding: 6rem 0 4rem 0;
}

.foterle-con {
	width: 100%;
}

.foterle-li {
	width: 18%;
	box-sizing: border-box;
	padding-left: 2rem;
}

.foterle-li .iconfont {
	font-size: 4.5rem;
	color: #2f8efe;
	padding-right: 1rem;
}

.foterle-li .tel {
	font-size: 30px;
	color: #2f8efe;
}

.foterle-li .tit {
	font-size: 14px;
	color: #fff;
	margin: 0 0 0.5rem 0;
}

.foterle-li:nth-child(3) {
	width: 34%;
	padding-left: 5rem;
	border-left: 1px solid #2d4361;
	text-align: left;
}

.foterle-li:nth-child(4) {
	width: 30%;
	float: right;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.t_fotnav a,
.t_fotnav,
.foterle-li .telNum {
	font-size: 14px;
	line-height: 1.5;
	transition: all 0.36s;
	margin-bottom: 1.5rem;
}

.foterle-li .telNum {
	line-height: 30px;
}

.t_fotnav:first-of-type a,
.t_fotnav:first-of-type {
	color: #fff;
	font-size: 18px;
	line-height: 1.5;
}

.foterBeian {
	border-top: 1px solid #2d4361;
	padding: 3rem 0 2rem 0;
	text-align: center;
}


.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.main {
	padding-top: 80px;
}

.banLevel {
	position: relative;
	/* height: 240px; */
	overflow: hidden;
	background: #0A357B;
	margin-top: 0.5rem;
}

.banLevel .banImg {
	width: 100%;
	height: 100%;
}

.banLevel .banner-text {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.banLevel .banner-text .inner-text {
	color: #FFFFFF;
	text-align: left;
}

.banLevel .banner-text .inner-text h4 {
	font-size: 33px;
	font-weight: bold;
	color: #fff;
}

.banLevel .banner-text .inner-text p {
	font-size: 22px;
	opacity: 0.78;
	word-spacing: 1rem;
	letter-spacing: 1px;
}

.breadcrumbs {
	padding: 2rem 0;
	background-color: #f3f8fa;
	min-height: 4rem;
	color: #666;
	font-size: 14px;
	text-align: left;
}

.breadcrumbs a {
	color: #666;
}

.breadcrumbs a:hover,
.breadcrumbs a:focus,
.breadcrumbs a:active,
.breadcrumbs .iconfont {
	color: #226ede;
}

.breadcrumbs span {
	color: #666;
}

.mian-box {
	padding: 4rem 0;
}

.subLv-box {
	padding: 8rem 0;
}

.subLv-tit {
	margin-bottom: 8rem;
	text-align: center;
	color: #333333;
}

.subLv-tit.white {
	color: #fff;
}

.subLv-tit{
	text-align: center;
}

.subLv-tit h2 {
	font-size: 36px;
	font-weight: bold;
	color: #000;
	text-align: center;
}

.subLv-tit .en {
	font-size: 18px;
	opacity: 0.13;
	text-transform: uppercase;
	font-weight: bold;
	word-spacing: 1rem;
	text-align: center;
}

.subLv-tit h2::after {
	content: "";
	display: block;
	width: 9rem;
	height: 2px;
	background: #05ae05;
	margin: 2rem auto;
}

.subLv-box .mb {
	margin-bottom: 4rem;
	overflow: hidden;
}

.sl-about .about-detail {
	font-size: 16px;
	color: #333;
	line-height: 2.2;
	text-align: left;
}

.about-detail p:nth-child(1) {
	padding-bottom: 1rem;
}

.about-detail .extrude,
.about-detail p:nth-child(2),
.about-detail .extrude:nth-child(3) {
	padding-top: 2rem;
}

.sl-telligence .honor-l,
.sl-telligence .honor-r {
	width: 50%;
	box-sizing: border-box;
}

.sl-telligence .honor-r{
	position: relative;
}

.sl-telligence .honor-r a{
	text-align: left;
}

.sl-telligence .honor-r li a{
	display: inline-block;
	white-space: nowrap; 
	width: 100%; 
	overflow: hidden;
	text-overflow:ellipsis;
}

.sl-telligence .honor-l {
	padding-right: 2rem;
}

.sl-telligence .listImg {
	width: 100%;
	height: 400px;
	overflow: hidden;
	transition: all 1s ease;
	cursor: pointer;
	margin-bottom: -1rem;
}

.sl-telligence .listImg img {
	height: 100%;
}

.sl-telligence .listImg-footer {
	width: 100%;
	position: relative;
}

.sl-telligence .honor-r ul {
	width: 100%;
	padding-top: 3rem;
	box-sizing: border-box;
}

.sl-telligence .honor-r ul li {
	width: 50%;
	text-align: center;
	padding: 0 1rem;
	float: left;
}

.sl-telligence .honor-r ul li a {
	width: 100%;
	padding: 1.45rem;
	background: #fff;
	border: 1px solid #dcdcdc;
	display: block;
	margin-bottom: 1.5rem;
	color: #333;
	font-size: 16px;
	box-sizing: border-box;
}

.sl-telligence .honor-r ul li a:hover {
	color: #fff;
	font-weight: bold;
	background: #226ede;
	border: 1px solid #226ede;
}

.sl-telligence .honor-r .swiper-container {
	padding-bottom: 5rem;
	min-height: 500px;
}

.sl-telligence .swiper-pagination-bullet {
	width: 6rem;
	height: 6px;
	background-color: #226ede;
	border-radius: 0;
	margin-right: 0.1rem;
	transition: all .3s;
}

.sl-telligence .d-swiper-pagination {
    width: 6rem;
	height: 6px;
    display: inline-block;
    border-radius: 0;
    background: #226ede;
    opacity: 0.2;
	cursor: pointer;
	margin: 0 0.5rem;
	z-index: 2;
}

.sl-telligence .d-swiper-pagination.active,
.sl-telligence .d-swiper-pagination:hover {
	transition: all .3s;
	opacity: 1;
}

.history-detail {
	height: 540px;
	border: 2rem solid #f5f5f5;
	box-shadow: 0 0 1.5rem rgba(9, 41, 77, .12);
	-webkit-box-shadow: 0 0 2rem rgba(9, 41, 77, .12);
	box-sizing: border-box;
	overflow: hidden;
}

.history-detail .timeline {
	height: 100%;
}

.history-detail .inner {
	height: 100%;
	padding: 2rem 0;
	box-sizing: border-box;
}

.history-detail .timelineCon {
	width: 100%;
	height: 100%;
	overflow: hidden;
	/* padding: 0 4rem; */
}


/*history*/
.history {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	background: url(../img/sub/timeLine_bg.png) 125px 0 repeat-y;
	margin-top: -2rem;
}

.history-date {
	width: 100%;
	padding-bottom: 2rem;
	position: relative;
	clear: both;
}

.history-date .firstH1 .iconfont{
	color: #226ede;
	font-size: 3rem;
    padding-left: 1rem;
	background: #fff;
}

.history-date .firstH1 {
	font-size: 25px;
	font-weight: normal; 
	margin-bottom: 3rem;
	padding-left: 4.5rem;
	padding-top: 1.25rem;
}

.history-date .firstH1 a,
.history-date .firstH1 .year {
	color: #226ede;
    line-height: 38px !important;
    font-style: italic !important;
    font-weight: bold !important;
	font-size: 25px !important;
	display: inline-block;
	zoom: 1;
}

.history-date .firstH1 a:hover,
.history-date .firstH1 .year:hover {
	text-decoration: none;
}

.history-date .firstH1 img {
	vertical-align: -5px;
}

.history-date ul li,
.history-date .conBox{
	width: 100%;
	background: url('../img/sub/biggerdot.png') no-repeat 117px 0;
	padding-bottom: 50px;
	zoom: 1;
	height: auto !important;
	z-index: 0;
}

.history-date ul li.last,
.history-date .conBox.last{
	padding-bottom:0;
}

.history-date ul li:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
 
.history-date .conBox .history-timeDot{
	/* float: left;
	width: 8.5%; */
	text-align: right;
	color:#226ede;
	font:normal 18px/16px Arial;
	margin-bottom: 0 !important;
	box-sizing: border-box;
	overflow: hidden;
	display: block;
}

.history-date ul li .firstH1 span,
.history-date .conBox .history-timeDot span{
	display: block;
	color:#d0d0d0;
	font-size: 12px;
}

.history-date ul .arrow,
.history-date .arrow{
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 100%;
	background: #226ede;
	border: 4px solid #92b8ef;
	margin-left: 1.4rem;
	position: absolute;
	left: 10rem;
}

.history-date .history-text {
	width: 88%;
	min-height: 60px;
	display: block;
	float: right;
    text-align: left;
	font-size: 16px;
	color:#333;
    line-height: 28px;
	font-weight: normal;
	box-sizing: border-box;
	padding-right: 2rem;
	 
}

.history-date .history-text dt span {
	display: block;
	color:#787878;
}

.history-date .history-text .txt{
	 
}

.history-date .firstH1 .more-history {
	background: transparent;
	margin-left: 30px;
}

.history-date .firstH1 .more-history:hover {
	text-decoration: underline;
}
 
.history-date .img{
	width: 25%;
    float: left;
	padding-left: 2rem;
    box-sizing: border-box;
}

.history-text dl{
	width: 70%;
	height: auto;
	float: left;
	white-space: normal;
	word-break:break-all;
	padding-right: 2rem;
    box-sizing: border-box; 
}


.history-detail .timelineArea {
	width: 100%;
	height: 540px;
	overflow: hidden;
	position: relative;
	background: url(../img/sub/timeLine_bg.png) 125px 0 repeat-y;
}

.timeline-theme-1 .timeline-list {
	width: 100% !important;
	height: 500px;
}

.timeline-theme-1.timeline-container {
	width: 85%;
	height: 100%;
	margin: 0 0 0 auto;
}

.timeline-theme-1 .box-item {
	float: left;
	width: 100%;
	height: 500px;
	color: #fff;
	text-align: center;
}

.timeline-theme-1 .timeline-vertical .timeline-dots button {
	padding-left: 5px;
}

.timeline-theme-1 .timeline-dots li.slide-active button {
	font-size: 38px;
}

.timeline-theme-1 .timeline-vertical .timeline-dots-wrap {
	width: 15%;
}

.timeline-theme-1 .timeline-dots-wrap.left {
	left: -15%;
}

.timeline-theme-1 .timeline-dots li:after {
	content: '';
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	display: block;
	background: #226ede;
	position: absolute;
	right: 4.9rem;
	top: 1.5rem;
	display: none;
	cursor: pointer;
}

.timeline-theme-1 .timeline-dots li {
	position: relative;
	margin: 3rem 0;
	background-image: url(../img/sub/biggerdot.png);
	background-repeat: no-repeat;
	background-position: 112px center;
}

.timeline-theme-1 .timeline-dots li.slide-active:after {
	display: block;
}

.timeline-theme-1 .timeline-dots button {
	padding-left: 0;
	line-height: 38px;
	font-style: italic;
	font-weight: bold;
	font-size: 24px;
}

.history-detail .dates {
	width: 200px;
	height: 100%;
	overflow: hidden;
	float: left;
}

.history-detail .dates li {
	list-style: none;
	width: 100%;
	height: 100px;
	line-height: 100px;
	font-size: 24px;
	padding-left: 10px;
	background: url('../img/sub/biggerdot.png') no-repeat 117px center;
	position: relative;
}

.history-detail .dates a {
	color: #333;
	line-height: 38px;
	padding-bottom: 10px;
	font-style: italic;
	font-weight: bold;
}

.history-detail .dates a:hover,
.history-detail .dates a:focus,
.history-detail .dates a:active {
	color: #226ede;
}

.history-detail .dates a:after {
	content: '';
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	display: block;
	background: #226ede;
	position: absolute;
	right: 69px;
	top: 44%;
	display: none;
}

.history-detail .dates .selected {
	font-size: 38px;
	color: #226ede;
}

.history-detail .dates .selected:after {
	display: block;
}


.timelineCon .timeImg {
	width: 40%;
	height: 100%;
}

.timelineCon .desc {
	width: 60%;
	height: 100%;
	padding: 0 5rem;
	color: #666;
	box-sizing: border-box;
}

.timelineCon li img {
	width: 100%;
}

.timelineCon .title {
	font-size: 24px;
	line-height: 36px;
	font-family: 'TencentSansw7';
	padding-bottom: 1rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid #D8D9DC;
	color: #2A2E2E;
	text-align: left;
}

.timelineCon .li {
	width: 100%;
	line-height: 26px;
	margin-bottom: 2rem;
	font-size: 16px;
	text-align: left;
}

.timelineCon .li .left {
	width: 8.5%;
	min-width: 50px;
	float: left;
	padding-right: 1.25rem;
	text-align: right;
}

.timelineCon .li .right {
	float: left;
	width: 91.5%;
}


.timelineCon li p {
	font-size: 16px;
	margin: 3rem 0;
	line-height: 27px;
}

.timeline .grad_top,
.timeline .grad_bottom {
	width: 100%;
	height: 8rem;
	position: absolute;
}

.timeline .grad_top {
	top: 0;
	/* background: #fff url('../img/grad_top.png') repeat-x; */
}

.timeline .grad_bottom {
	bottom: 0;
	/* background: #fff url('../img/grad_bottom.png') repeat-x; */
}

.timeline .next,
.timeline .prev {
	position: absolute;
	left: 48.5%;
	overflow: hidden;
	color: #027BFF;
	opacity: 0.5;
}

.timeline .next .iconfont,
.timeline .prev .iconfont {
	display: block;
	font-size: 4rem;
}

.timeline .next:hover,
.timeline .prev:hover {
	opacity: 1;
	color: #027BFF;
}

.timeline .next {
	bottom: 0;
}

.timeline .prev {
	top: 0;
}

.timeline .next.disabled,
.timeline .prev.disabled {
	opacity: 0.2;
}

.telligence-list {
	background: #f8f9fb;
	padding: 7rem 0;
	margin: 3rem 0;
	position: relative;
}

.telligence-list .te-shape {
	width: 0;
	height: 0;
	border: 4rem solid transparent;
	border-top: 4rem solid #fff;
	position: absolute;
	left: 48%;
	top: 0;
}

.telligence-list .tab-content {
	width: 100%;
	height: 55px;
	border-bottom: 1px solid #ececec;
}

.telligence-list .tab-content li {
	width: auto;
	float: left;
	margin-right: 10rem;
}

.telligence-list .tab-content a {
	display: block;
	padding-bottom: 2rem;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #666;
	cursor: pointer;
}

.telligence-list .tab-content a:hover,
.telligence-list .tab-content li.active a {
	color: #062c80;
	border-bottom: 2px solid #062c80;
}

.telligence-swiper {
	padding-top: 4rem;
}

.telligence-swiper .inner {
	padding: 0 1rem;
	box-sizing: border-box;
	text-align: center;
}

.telligence-swiper .inner p {
	padding-top: 2rem;
}

.telligence-swiper .cerImg {
	width: 100%;
	margin: 0 auto;
}

.telligence-swiper .cerImg img {
	width: 100%;
}

.telligence-swiper .swiper-button-prev,
.telligence-swiper .swiper-button-next {
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	background-color: #fff;
	background-size: 21%;
	box-shadow: 0 0 1.5rem rgba(9, 41, 77, .12);
	-webkit-box-shadow: 0 0 1.5rem rgba(9, 41, 77, .12);
	margin-top: 0;
	top: 55%;
}

.telligence-swiper .swiper-button-prev {
	left: 7%;
}

.telligence-swiper .swiper-button-next {
	right: 7%;
}

.telligence-swiper .button div:hover {
	background-color: #226ede;
	color: #fff;
	box-shadow: 0 0 1.5rem rgba(9, 41, 77, .12);
	-webkit-box-shadow: 0 0 1.5rem rgba(34, 110, 222, .65);
}

.telligence-swiper .swiper-button-prev:hover {
	background-image: url(../img/svg/arrow_left.svg);
	background-size: 35%;
}

.telligence-swiper .swiper-button-next:hover {
	background-image: url(../img/svg/arrow_right.svg);
	background-size: 35%;
}
 
.adverComplay-swiper {
	padding-top: 4rem;
}

.adverComplay-swiper .inner {
	padding: 0 1rem;
	box-sizing: border-box;
	text-align: center;
}

.adverComplay-swiper .inner p {
	padding-top: 2rem;
}

.adverComplay-swiper .cerImg {
	width: 100%;
	margin: 0 auto;
}

.adverComplay-swiper .cerImg img {
	width: 100%;
}

.adverComplay-swiper .swiper-button-prev,
.adverComplay-swiper .swiper-button-next {
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	background-color: #fff;
	background-size: 21%;
	box-shadow: 0 0 1.5rem rgba(9, 41, 77, .12);
	-webkit-box-shadow: 0 0 1.5rem rgba(9, 41, 77, .12);
	margin-top: 0;
	top: 55%;
}

.adverComplay-swiper .swiper-button-prev {
	left: -3%;
}

.adverComplay-swiper .swiper-button-next {
	right: -3%;
}

.adverComplay-swiper .button div:hover {
	background-color: #226ede;
	color: #fff;
	box-shadow: 0 0 1.5rem rgba(9, 41, 77, .12);
	-webkit-box-shadow: 0 0 1.5rem rgba(34, 110, 222, .65);
}

.adverComplay-swiper .swiper-button-prev:hover {
	background-image: url(../img/svg/arrow_left.svg);
	background-size: 35%;
}

.adverComplay-swiper .swiper-button-next:hover {
	background-image: url(../img/svg/arrow_right.svg);
	background-size: 35%;
}

.sl-perspective {
	background: url('../../static/img/sub/bg_building.png') center bottom no-repeat;
	padding-bottom: 18rem;
}

.sl-perspective .imgBg {
	text-align: center;
	margin: 0 auto;
	padding: 3rem 0;
}

.sl-perspective .imgBg img {
	height: auto;
}

.sl-perspective .desc {
	text-align: center;
	padding: 8rem 0 6rem 0;
	font-size: 18px;
	line-height: 30px;
}

.ul-news,
.ul-projects {
	margin-bottom: 9rem;
}

.ul-projects .inner,
.ul-news .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.ul-news li {
	padding: 2rem 0;
	margin: 1rem 0;
	border-bottom: 1px solid #e4e4e4;
}

.ul-projects li {
	margin: 2rem 0;
	padding: 2rem 0;
	background: #f3f8fa;
	border: 1px solid #f3f8fa;
}

.ul-news li:first-child {
	border-top: 1px solid #e4e4e4;
}

.ul-projects li:hover{
	border-color:  #e6f0f5; 
	box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}

.ul-projects li:hover .pic img,
.ul-news li:hover .pic img,
.productList .cate-item:hover .pic img{
	transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.ul-projects li:hover a{
	color: #226ede;
}

.ul-news .pic {
	width: 30%;
	float: left;
	padding: 2.5rem 5rem 2.5rem 0;
	box-sizing: border-box;
}

.ul-projects .pic {
	width: 40%;
	padding-right: 2rem;
	float: left;
	box-sizing: border-box;
}

.ul-news .pic .img {
	position: relative;
	overflow: hidden;
	display: block;
}

.ul-projects .pic .img {
	position: relative;
	overflow: hidden;
	display: block;
	background: #fff;
}

.ul-news .pic img,
.ul-projects .pic img {
	width: 100%;
	height: auto;
	display: block;
}

.ul-news .txt {
	width: 70%;
	overflow: hidden;
	float: left;
	box-sizing: border-box;
}

.ul-projects .txt {
	width: 60%;
	float: left;
	padding: 0 2rem;
	overflow: hidden;
	box-sizing: border-box;
}

.ul-news .tit a,
.ul-projects .tit a {
	color: #000;
}

.ul-news .txt a.more,
.ul-projects .txt a.more {
	font-size: 16px;
	color: #07a307;
}

.ul-news .txt a:hover,
.ul-news .txt a:focus,
.ul-news .txt a:active,
.ul-projects .txt a:hover,
.ul-projects .txt a:focus,
.ul-projects .txt a:active 
{
	color: #05ae05;
}

.ul-news .txt a.more:hover,
.ul-news .txt a.more:active,
.ul-projects .txt a.more:hover,
.ul-projects .txt a.more:active {
	color: #05ae05;
}


.ul-news .tit,
.ul-projects .tit {
	font-size: 24px;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.ul-news .tit {
	margin-top: 0;
	margin-bottom: 2.5rem;
}

.ul-projects .tit {
	margin-bottom: 2.5rem;
}

.ul-news .tit:hover a,
.ul-news .tit:active a,
.ul-projects .tit:hover a,
.ul-projects .tit:active a {
	color: #226ede;
	text-decoration: underline !important;
}

.ul-news li:hover a{
	color: #226ede;
}

.ul-news .desc {
	height: 3.8em;
	line-height: 1.8;
	font-size: 16px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	color: #666;
}

.ul-projects .desc {
	height: 7em;
	line-height: 1.8;
	font-size: 16px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	color: #666;
	margin-bottom: 2rem;
}

.ul-projects.consultateDesign li {
	background: transparent;
	border: 1px dashed #d2e2e8;
}

.ul-projects.consultateDesign li:hover{
	border: 1px solid #3c83ed;
	box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.07);
	-webkit-box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.07);
}


.ul-projects.consultateDesign .pic{
	float: right !important;
	padding: 0 !important;
}

.ul-projects.consultateDesign .pic .img{
	max-width: 25rem; 
}

.ul-news .bottom {
	font-size: 16px;
	color: #999;
	padding: 1rem 0;
}

.ul-news .bottom .date {
	padding-right: 11.5rem;
	float: left;
}

.ul-news .bottom .more {
	float: right;
}

.ul-news .tip .iconfont {
	color: #59aaff;
	font-size: 2.2rem;
	padding-right: 0.5rem;
}

.fix:after,
.fix:before {
	display: block;
	content: "clear";
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden
}

.pages .pagination>li>a {
	margin: 0 0.5rem;
	border-radius: 3px;

}

.pages .pagination>.active>a,
.pages .pagination>.active>span,
.pages .pagination>.active>a:hover,
.pages .pagination>.active>span:hover,
.pages .pagination>.active>a:focus,
.pages .pagination>.active>span:focus {
	background-color: #226ede;
	border-color: #226ede;
}

.pages .pagination>li>a:hover,
.pages .pagination>li>span:hover,
.pages .pagination>li>a:focus,
.pages .pagination>li>span:focus {
	color: #fff;
	background-color: #226ede;
	border-color: #226ede;
}

.sl-newsDetail h1,
.side-right h1 {
	margin-bottom: 3rem;
	font-size: 24px;
	color: #000;
	font-weight: 400;
	text-align: center;
}

.sl-newsDetail .info,
.side-right .info {
	margin-bottom: 5rem;
	font-size: 14px;
	color: #666;
	text-align: center;
}

.sl-newsDetail .info .seeNum,
.side-right .info .seeNum {
	padding-left: 3.5rem;
}

.sl-newsDetail .tip,
.side-right .tip {
	padding-left: 3.5rem;
}

.sl-newsDetail .tip .iconfont,
.side-right .tip .iconfont {
	color: #59aaff;
	font-size: 2rem;
	padding-right: 0.5rem;
}

/* 分享-新闻页*/
.footerShare {
	padding: 2rem 0;
	margin-top: 4rem;
	border-bottom: 1px solid #e3e1e1;
}

.social-share .social-share-icon {
	position: relative;
	display: inline-block;
	width: 2.6em;
	height: 2.6em;
	border-radius: 50%;
	line-height: 2.6em;
	border: 1px solid #666;
	color: #666;
	text-align: center;
	vertical-align: middle;
	transition: background 0.6s ease-out 0s;
	box-sizing: border-box;
	margin-right: 0.5rem;
}

.social-share .iconfont {
	font-size: 2.25rem;
}

.social-share .social-share-icon:hover {
	background: #666;
	color: #fff
}

.social-share .icon-weibo {
	color: #ff763b;
	border-color: #ff763b
}

.social-share .icon-weibo:hover {
	background: #ff763b
}

.social-share .icon-tencent {
	color: #56b6e7;
	border-color: #56b6e7
}

.social-share .icon-tencent:hover {
	background: #56b6e7
}

.social-share .icon-QQ {
	color: #56b6e7;
	border-color: #56b6e7
}

.social-share .icon-QQ:hover {
	background: #56b6e7
}

.social-share .icon-qzone {
	color: #FDBE3D;
	border-color: #FDBE3D
}

.social-share .icon-qzone:hover {
	background: #FDBE3D
}

.social-share .icon-linkedin {
	color: #0077B5;
	border-color: #0077B5
}

.social-share .icon-linkedin:hover {
	background: #0077B5
}

.social-share .icon-facebook {
	color: #44619D;
	border-color: #44619D
}

.social-share .icon-facebook:hover {
	background: #44619D
}

.social-share .icon-google {
	color: #db4437;
	border-color: #db4437
}

.social-share .icon-google:hover {
	background: #db4437
}

.social-share .icon-twitter {
	color: #55acee;
	border-color: #55acee
}

.social-share .icon-twitter:hover {
	background: #55acee
}

.social-share .icon-diandian {
	color: #307DCA;
	border-color: #307DCA
}

.social-share .icon-diandian:hover {
	background: #307DCA
}

.social-share .icon-wechat {
	position: relative;
	color: #7bc549;
	border-color: #7bc549
}

.social-share .icon-wechat:hover {
	background: #7bc549
}

.social-share .icon-wechat .wechat-qrcode {
	display: none;
	border: 1px solid #eee;
	position: absolute;
	z-index: 9;
	top: -205px;
	left: -84px;
	width: 200px;
	height: 192px;
	color: #666;
	font-size: 12px;
	text-align: center;
	background-color: #fff;
	box-shadow: 0 2px 10px #aaa;
	transition: all 200ms;
	-webkit-tansition: all 350ms;
	-moz-transition: all 350ms
}

.social-share .icon-wechat .wechat-qrcode.bottom {
	top: 40px;
	left: -84px
}

.social-share .icon-wechat .wechat-qrcode.bottom:after {
	display: none
}

.social-share .icon-wechat .wechat-qrcode h4 {
	font-weight: normal;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	background-color: #f3f3f3;
	margin: 0;
	padding: 0;
	color: #777
}

.social-share .icon-wechat .wechat-qrcode .qrcode {
	width: 105px;
	margin: 1.5rem auto
}

.social-share .icon-wechat .wechat-qrcode .qrcode table {
	margin: 0 !important
}

.social-share .icon-wechat .wechat-qrcode .help p {
	font-weight: normal;
	line-height: 16px;
	padding: 0;
	margin: 0
}

.social-share .icon-wechat .wechat-qrcode:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -6px;
	bottom: -13px;
	width: 0;
	height: 0;
	border-width: 8px 6px 6px 6px;
	border-style: solid;
	border-color: #fff transparent transparent transparent
}

.social-share .icon-wechat:hover .wechat-qrcode {
	display: block
}


.sl-newsDetail .footPage,
.sl-project .footPage {
	padding: 2rem 0;
	box-sizing: border-box;
}

.sl-newsDetail .footPage .newsNext a,
.sl-newsDetail .footPage .newsPre a,
.sl-project .footPage .newsNext a,
.sl-project .footPage .newsPre a {
	color: #333;
}

.sl-newsDetail .footPage a:hover,
.sl-project .footPage a:hover {
	color: #226ede;
	text-decoration: underline !important;
}

.sl-newsDetail .footPage .newsPre,
.sl-newsDetail .footPage .newsNext {
	width: 50%;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}

.sl-project .footPage .newsPre,
.sl-project .footPage .newsNext {
	width: 100%;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	margin: 0.5rem 0;
}

.footPage .list {
	width: 50%;
	float: left;
	text-align: left;
}

.footPage .list:last-child {
	float: right;
	text-align: right;
}

.btn-back {
	min-width: 150px;
	padding: 1.25rem 4rem;
	color: #07a307;
	border: 1px solid #07a307;
	border-radius: 3px;
	text-align: center;
	display: inline-block;
}

.btn-back:hover {
	background: #6fc138;
	color: #fff;
	text-decoration: none !important;
}

.backBox .btn-back .iconfont {
	font-size: 2rem;
}

.backBox .btn-back {
	padding: 0.75rem 4rem;
}

.sl-project .footPage a.btn-back:hover {
	color: #fff;
	text-decoration: none !important;
}

.sl-newsDetail .article,
.side-right .article {
	font-size: 16px;
	line-height: 2.2;
}

.sl-newsDetail .article img,
.side-right .article img {
	max-width: 100%;
	height: auto
}

.sl-newsDetail .side-left {
	width: 30%;
	float: left;
	margin-right: 2%;
	padding: 2.75rem 4rem;
	background: #f6fbfe;
	border: 1px solid #f6f8fe;
	box-sizing: border-box;
}

.side-right {
	padding: 1rem;
	box-sizing: border-box;
	text-align: left;
}

.sl-newsDetail .side-right {
	width: 68%;
	float: right;
	text-align: left;
}

.sl-newsDetail .listTit {
	width: 100%;
	height: 6rem;
	text-align: left;
	border-bottom: 1px solid #e3e1e1;
}

.sl-newsDetail .side-left .tit {
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	color: #333333;
	padding-bottom: 1.8rem;
	border-bottom: 2px solid #062c80;
	position: relative;
}

.sl-newsDetail .side-left>ul>img {
	display: block;
	margin-top: 20px;
}

.sl-newsDetail .essay-listM {
	width: 100%;
	overflow: hidden;
	padding-bottom: 20px;
}

.sl-newsDetail .essay-listM li {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 2rem 0;
	border-bottom: 1px dashed #e5e6e6;
}

.sl-newsDetail .essay-listM li div {
	float: left;
	text-align: left;
}

.sl-newsDetail .listM-left {
	width: 36%;
	height: 80px;
	object-fit: cover;
	overflow: hidden;
}

.sl-newsDetail .listM-left img {
	width: 100%;
	height: 100%;
}

.sl-newsDetail .listM-right {
	width: 60%;
	height: auto;
}

.sl-newsDetail .listM-right h4 {
	font-size: 14px;
	color: #666;
	margin-left: 20px;
	height: auto;
	line-height: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical
}

.sl-newsDetail .listM-right h4:hover {
	color: #226ede;
}

.sl-newsDetail .listM-right p {
	font-size: 12px;
	color: #777777;
	opacity: 0.8;
	margin-left: 20px;
}

.contactGrid {
	width: 100%;
	padding: 2rem 1rem;
	box-sizing: border-box;
}

.contactList {
	width: 100%;
	margin: 0;
}

.contactList li {
	width: 33%;
	float: left;
	padding: 1rem;
	box-sizing: border-box;
}
 
.contactList li .wrap {
	width: 100%;
	height: 100%;
	padding: 2rem 4rem;
	border-top: 1px solid #226ede;
	background: linear-gradient(13deg,#edf1f9,#f9f8fe);
	-webkit-background: linear-gradient(13deg,#edf1f9,#f9f8fe);
}

.contactList li .item-con {
	padding: 0 1rem;
}

.contactList li .item-con .icon {
	font-size: 4rem;
	color: #062c80;
}

.contactList li .tit {
	font-size: 22px;
	color: #062c80;
	margin: 1rem 0;
	text-align: left;
}

.contactList li .tit span {
	font-size: 44px;
	font-family: Roboto;
	line-height: 1.2;
	font-weight: bold;
}

.contactList li .desc {
	font-size: 16px;
	line-height: 1.2;
	color: #333;
	padding: 0.5rem 0;
	min-height: 5rem;
}

.otherContact {
	width: 35%;
	text-align: left;
}

.otherContact h1 {
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 1rem;
}

.otherContact p {
	line-height: 2.3;
}

.otherContact .link li {
	padding: 0.5rem 0;
}

.mapBox {
	width: 64%;
	height: 360px;
	border: 1px solid #eee;
	margin: 2rem 0;
}

.mapBox .allmap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 !important;
}

.leaveMessage {
	width: 100%;
	margin: 4rem 0;
	padding: 1rem;
	text-align: left;
	box-sizing: border-box;
}

.message-tit {
	height: 40px;
}

.message-tit span {
	background: #226ede;
	color: #fff;
	min-width: 80px;
	padding: 1.5rem 4rem;
	box-sizing: border-box;
	position: relative;
	font-size: 16px;
}

.message-tit span:after {
	content: '';
	width: 0;
	height: 0;
	border: 1rem solid transparent;
	border-top: 1rem solid #226ede;
	position: absolute;
	left: 43%;
	bottom: -2rem;
}

.message-con {
	background: #f1f4fb;
	padding: 6rem;
	margin-top: 3rem;
}

.message-form {
	width: 60%;
	display: inline-block;
	padding-left: 10rem;
	box-sizing: border-box;
}

.message-pic {
	width: 40%;
	float: left;
}

.form-group label {
	width: 10%;
	max-width: 10%;
	font-size: 15px;
	box-sizing: border-box;
}

.form-group em {
	color: #ee1414;
}

.form-group .input-style {
	width: 100%;
	height: 45px;
	line-height: 45px;
	background: #fff;
	padding: 0 2rem;
	font-size: 16px;
	border: 1px solid #e5e2e2;
	box-sizing: border-box;
}

.form-group .item-input {
	width: 90%;
}

.form-group .error {
	color: red;
	margin: 0;
	padding-left: 10%;
	padding-top: 1rem;
	font-size: 13px;
}

.form-group .li-width {
	width: 50%;
	float: left;
}

.form-group .li-width label {
	width: 12%;
}

.form-group .li-input {
	width: 86%;
}

.form-group textarea {
	width: 100%;
	padding: 2rem;
	font-size: 16px;
	box-sizing: border-box;
	resize: vertical;
	border: 1px solid #e5e2e2;
}

.form-group .li-width:last-child {
	float: right;
}

.form-group .li-width:last-child label {
	width: 20%;
	text-align: right;
}

.form-group .li-width:last-child .li-input {
	width: 78%;
}

.form-group .btn-submit {
	min-width: 80px;
	background: #07a307;
	padding: 1rem 5rem;
	font-size: 16px;
	color: #fff;
	box-sizing: border-box;
	border: 0;
	outline: none;
}

.form-group .btn-submit:hover,
.form-group .btn-submit:active,
.form-group .btn-submit:focus {
	background: #05ae05;
}

.sl-WaterCsv .side-left {
	width: 25%;
	float: left;
	margin-right: 2%;
	padding: 2.75rem 4rem;
	background: #f6fbfe;
	border: 1px solid #f6f8fe;
	box-sizing: border-box;
	box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.07);
	-webkit-box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.07);
}

.sl-WaterCsv .side-left .prolist{
	text-align: left;
}

.sl-WaterCsv .side-left .tit {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 1.8rem;
	text-align: left;
	color: #000;
}

.sl-WaterCsv .side-left li {
	width: 100%;
	margin: 1.5rem 0;
	background: #fff;
	border-left: 4px solid #fff;
	transition: 0.3s;
}

.sl-WaterCsv .side-left a {
	position: relative;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 17px;
	color: #333;
	font-weight: bold;
	padding: 0.85rem 2rem;
	box-sizing: border-box;
}

.sl-WaterCsv .side-left li:hover,
.sl-WaterCsv .side-left li:active,
.sl-WaterCsv .side-left li:focus,
.sl-WaterCsv .side-left li.active {
	background: #e4e9f7;
	color: #226ede;
	border-color: #05ae05;
}

.sl-WaterCsv .side-left li:hover a,
.sl-WaterCsv .side-left li:active a,
.sl-WaterCsv .side-left li:focus a,
.sl-WaterCsv .side-left li.active a {
	color: #226ede;
}

.sl-WaterCsv .side-left li .iconfont {
	color: #226ede;
	font-size: 2rem;
	padding-right: 1rem;
}

.sl-WaterCsv .side-right {
	width: 72.5%;
	float: right;
}

.searchBox {
	margin-bottom: 3rem;
}

.searchBox form {
	background: #fff;
	border: 1px solid #e6e2e2;
	position: relative;
}

.searchBox .inp-search {
	border: 0;
	padding: 1rem 2rem;
	width: calc(100% - 12rem);
	height: 50px;
	font-size: 16px;
}

.searchBox .active {
	border-color: #07a307;
}

.searchBox button,
.searchBox .input-search {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border: 0;
	background: none;
	font-size: 16px;
	padding: 0 3rem;
	margin: -1px;
	background: #07a307;
	color: #fff;
	transition: 0.3s;
}

.searchBox button:hover,
.searchBox .input-search:hover {
	background: #05ae05;
}

.searchBox button .iconfont,
.searchBox .input-search .iconfont {
	font-size: 2rem;
	padding-right: 1rem;
}

.searchBox .tag {
	margin: 2rem 0;
	box-sizing: border-box;
	overflow: hidden;
}

.searchBox .m-tag {
	width: 100%;
	height: 10rem;
	color: #226ede;
	box-sizing: border-box;
	margin: 2rem 0;
	display: none;
	position: relative;
}

.searchBox .m-tag .swiper-container {
	cursor: pointer;
}

.searchBox .m-tag .inner {
	width: 100%;
	height: 100%;
	padding: 2rem 0;
	margin: 0;
}

.searchBox .m-tag .inner li {
	display: block;
	white-space: nowrap;
	padding: 0.5rem 1rem;
	box-sizing: border-box;
}

.searchBox .m-tag .iconfont {
	font-size: 2rem;
	padding-right: 1rem;
}

.searchBox .m-tag .cate-li {
	display: block;
	overflow: hidden;
	text-align: center;
}

.searchBox .m-tag .cate-li span {
	display: block;
	margin: 0 auto 3px;
	width: 56px;
	height: 56px;
	overflow: hidden;
	background: #fff;
	border: 0.15rem solid #eaeaea;
	border-radius: 50%;
}

.searchBox .m-tag .cate-li img {
	width: 100%;
	padding: 0.25rem;
	box-sizing: border-box;
}

.searchBox .m-tag .cate-li em {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: #333;
	display: block;
	height: 20px;
	line-height: 20px;
}

.searchBox .m-tag .cate-li.active span {
	border-color: #6599e7;
}

.searchBox .m-tag .cate-li.active em {
	color: #226ede;
}

.searchBox .m-tag li {
	float: left;
}

.no-data-box {
	text-align: center;
	margin-top: 24px;
	color: rgba(0, 0, 0, 0.5);
	line-height: 24px;
	min-height: 40rem;
}


.popular-list li {
	float: left;
	padding: 0 1rem;
}

.popular-list li a {
	color: #333;
}

.popular-list li a:hover,
.popular-list li a:active,
.popular-list li a.active {
	color: #226ede;
	font-weight: bold;
}

/****/
.productList .cate-item {
	min-height: 40rem;
	padding: 5rem 3rem;
	background: #fff;
	border: 1px solid #eeeeee;
	position: relative;
	margin-bottom: 3rem;
	overflow: hidden;
}

.productList .cate-item:hover,
.productList .cate-item:active,
.productList .cate-item:focus {
	border-color: #3c83ed;
	box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.07);
	-webkit-box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.07);
}

.productList .cate-item:hover a{
	color: #226ede;
}

.productList .cate-item:hover::after,
.productList .cate-item:active::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: #027BFF;
}

.productList .cate-item .pic {
	width: 45%;
	height: 28rem;
	text-align: center;
	overflow: hidden;
}

.productList .cate-item .pic a {
	display: block;
	width: 100%;
	height: 100%;
}

.soluteArea .imgBg,
.productArea .imgBg img,
.sl-newsDetail .listM-left img,
.productList .cate-item .pic img,
.ul-news .pic img,
.ul-projects .pic img {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.productList .cate-item .pic img {
	height: 100%;
}

.productList .cate-item .itemCon {
	width: 55%;
	height: 100%;
	box-sizing: border-box;
	padding-left: 3rem;
	text-align: left;
}

.soluteArea .picList:hover .imgBg,
.productArea .itemRight li a:hover img,
.sl-newsDetail .listM-left img:hover,
.productList .cate-item .pic:hover .img,
.ul-news .pic img:hover,
.ul-projects .pic img:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}

.soluteArea .picList:hover .title {
	opacity: 1;
}

.soluteArea .picList:hover .iconfont {
	color: #fff;
}

.productList .c-hd {
	font-size: 28px;
	margin-bottom: 2rem;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.productList .c-hd a {
	color: #000;
}

.productList .c-hd a:hover {
	color: #226ede;
}

.productList .desc {
	margin: 2rem 0;
	font-size: 16px;
	line-height: 1.6;
	padding-top: 2rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	height: 145px;
	white-space: pre-wrap; 
	color: #666 !important;
}

.productList .desc * {
	font-size: 16px !important;
}

.productList .itemCon .btn-more {
	display: inline-block;
	min-height: 40px;
	padding: 1rem 4.5rem;
	font-size: 18px;
	text-align: center;
	color: #226ede;
	border: 1px solid #226ede;
	box-sizing: border-box;
	transition: 0.3s;
	margin-top: 0.5rem;
}

.productList .itemCon .btn-more:hover,
.productList .itemCon .btn-more:active,
.productList .itemCon .btn-more.active {
	background: #226ede;
	color: #fff;
}

/*产品详情*/
.pro-top {
	display: flex;
	justify-content: space-between;
}

.pro-top .pro-pic {
	width: 46%;
	position: relative;
	max-width: 613px;
	max-height: 530px;
	height: 530px;
	overflow: hidden;
}

.pro-detail .share-box {
	position: absolute;
	background: #fff;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 20px rgb(18 18 18 / 10%);
	box-shadow: 0 5px 20px rgb(18 18 18 / 10%);
	z-index: 203;
	top: 40px;
	width: 125px;
	left: -40px;
	padding: 15px;
}

.pro-detail .share-list {
	list-style: none;
	text-align: left;
}

.pro-detail .share-en {
	display: none;
}

.pro-detail .en .share-cn {
	display: none;
}

.pro-detail .en .share-en {
	display: block;
}

.pro-detail .share-list li {
	display: block;
	background: none;
	padding: 0;
	margin-top: 0;
	margin-bottom: 10px;
}

.pro-detail .share-list li:last-child {
	margin-bottom: 0;
}

.pro-detail .share-list li a {
	display: block;
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}

.pro-detail .share-list li a i {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 2px;
	margin-top: -4px;
	font-size: 18px;
}

.pro-detail .share-list a:hover i {
	color: #59aaff !important;
}

.pro-detail .share_qzone i {
	background-image: url(../img/share_qzone.gif);
}

.pro-detail .share_weibo i {
	background-image: url(../img/share_weibo.gif);
}

.pro-detail .share_weixin i {
	background-image: url(../img/share_weixin.gif);
}

.pro-detail .qrcode canvas {
	display: block;
	width: 93px !important;
	height: 93px !important;
}

.pro-detail .share_fb i {
	color: #3B5998;
}

.pro-detail .share_lin i {
	color: #1DA1F2;
}

.pro-detail .share_tw i {
	color: #0077B5;
}

.pro-detail .share-box .item {
	margin-bottom: 15px;
}

.pro-detail .share-box .bshare-custom a {
	padding-left: 25px;
	font-size: 14px;
}

.pro-detail .share-box .arrow {
	width: 32px;
	height: 16px;
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
	position: absolute;
	overflow: hidden;
	pointer-events: none;
	left: 50%;
	top: 0px;
	margin-left: -4px;
}

.pro-detail .share-box .arrow::after {
	content: "";
	position: absolute;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	margin: -12px;
	border: 1px solid #ebebeb;
	background: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	pointer-events: auto;
	left: 50%;
	bottom: -8px;
}

/*缩略图*/
.pro-top .swiper-container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.pro-top .swiper-slide {
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.pro-top .gallery-top {
	width: 100%;
	border: 1px solid #226ede;
	padding: 1rem;
}

.pro-top .gallery-thumbsBox {
	width: 100%;
	height: 10rem;
	position: relative;
	margin: 1rem 0;
}

.pro-top .gallery-thumbs {
	width: 80%;
	margin: 0 auto;
	height: 100%;
	box-sizing: border-box;
}

.pro-top .gallery-thumbs .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.4;
	border: 1px solid #cccccc;
	cursor: pointer;
}

.pro-top .gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
	border-color: #226ede;
}

.pro-top .swiper-button-next,
.pro-top .swiper-button-prev {
	width: 3rem;
	height: 100%;
	background-size: 18px 44px;
	background-color: rgba(25, 37, 57, 0.5);
}

.pro-top .swiper-button-next {
	right: 0;
}

.pro-top .swiper-button-prev {
	left: 0;
}

.pro-top .gallery-thumbsBox .btnBox {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	position: absolute;
	top: 0;
}

.pro-top .pro-text {
	width: 50%;
	text-align: left;
	color: #333 !important;
	
}

.pro-top .pro-text .tit {
	display: flex;
	color: #000;
}

.pro-top .pro-text .tit h4 {
	font-size: 30px;
	font-weight: 400;
	line-height: 36px;
	max-width: 100%;
}

.pro-top .pro-text .share {
	width: 90px;
	position: relative;
}

.pro-top .pro-text .shareIcon {
	display: inline-block;
	background: url(../img/sub/icon_share.png) center center no-repeat;
	width: 32px;
	height: 32px;
	cursor: pointer;
}

.pro-top .other {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 2rem;
	border-bottom: 1px dashed rgba(0, 0, 0, .3);
	padding-bottom: 3rem;
}

.pro-top .other .date-item {
	font-size: 14px;
	color: #666;
}

.pro-top .other .op {
	margin: 0 3rem;
}

.pro-top .other .op a {
	display: inline-block;
	font-size: 14px;
	color: #666;
	transition: all .5s;
	padding-left: 5px;
}

.pro-top .other .op a:hover {
	color: #0A3D8E;
}

.pro-top .other .op .share {
	background: url(../img/product/pro-share.png) left center no-repeat;
}

.pro-top .other .op .share:hover {
	background: url(../img/product/pro-share-hover.png) left center no-repeat;
}

.pro-top .depict {
	font-size: 16px;
	margin: 3rem 0;
	font-weight: 400;
	/* display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	overflow: hidden; */
	line-height: 1.7;
}


.pro-top .depict *,
.pro-top .depict p {
	font-size: 16px !important;
}

.pro-top .depict li {
	/* padding: 0.25rem 0; */
	white-space: pre-wrap; 
	color: #666 !important;
}

.pro-top .tags .iconfont {
	color: #59aaff;
	font-size: 2rem;
	padding-right: 0.5rem;
}

.pro-btm {
	margin-top: 6rem;
}

.pro-btm .tab-nav-box {
	height: 50px;
	line-height: 50px;
}

.pro-btm .tab-nav {
	height: 50px;
	line-height: 50px;
	background: #F4F4F4;
	text-align: left;
}

.pro-btm .tab-nav .item {
	font-size: 20px;
	color: #333;
	width: 20%;
	transition: all .5s;
	text-align: center;
	cursor: pointer;
	display: inline-block;
}

.pro-btm .tab-nav .item:hover,
.pro-btm .tab-nav .item.active {
	background: #226ede;
	color: #FFFFFF;
}

.pro-btm .tab-content {
	margin-top: 5rem;
	padding-bottom: 1rem;
	text-align: left;
}

.pro-btm .tab-content.current {
	display: block;
}

.pro-btm .tab-content h4,
.pro-btm h4 {
	font-size: 26px;
	color: #333333;
	margin-bottom: .3rem;
}

.pro-btm .tab-content .description {
	padding: 0 5rem;
}

.pro-btm .tab-content .description * {
	font-size: 16px !important;
	color: #333 !important;
}

.pro-btm .tab-content .description .tit,
.pro-btm .tab-content .description h1,
.pro-btm .tab-content .description h2,
.pro-btm .tab-content .description h3,
.pro-btm .tab-content .description h4 {
	color: #2055ad;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 3rem;
}

.pro-btm .tab-content p {
	font-size: 16px;
	line-height: 32px;
	margin: 0;
	color: #333 !important;
	/* padding-bottom: 3rem; */
}


.pro-btm .tab-content blockquote{
    padding: 0 !important;  
    margin: 0 !important;    
    border-left: none !important;  
}

.pro-btm .tab-content .caseList li {
	padding: 0.75rem;
	width: 50%;
	float: left;
	overflow: hidden;
}

.pro-btm .tab-content .caseList .wrap {
	padding: 1rem;
	width: 100%;
	background: #F2F8F9;
	border: 1px solid #F1F1F3;
	box-sizing: border-box;
	border-radius: 0 0 25px 0;
}

.pro-btm .tab-content .caseList .textInfo {
	font-size: 14px;
	padding-top: 2rem;
	text-align: center;
}

.pro-btm .tab-content .caseList .item {
	width: 100%;
	height: 0;
	border-radius: 0 0 25px 0;

	padding-bottom: 46%;
	position: relative;
	box-sizing: border-box;
}

.pro-btm .tab-content .caseList img {
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 0 0 25px 0;
}

.pro-btm .tab-content .course-name {
	width: 100%;
	color: #000;
	font-weight: 600;
	position: absolute;
	bottom: 0;
	text-align: center;
	padding: 0;
}

.tab-content .pic-shade {
	opacity: 0;
	/* transform: scale(.95); */
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	background: rgba(0, 0, 0, .5);
	border-radius: 0 0 25px 0;
	padding: 4rem 3rem;
	transition: all .2s ease;
	z-index: 10;

}

.tab-content .pic-shade h4 {
	font-size: 15px !important;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-height: 1.7;
	height: 100%;
	margin: 0;
}

.tab-content .pic-shade p {
	font-size: 14px;
	width: 74%;
	margin: 2rem 13%;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-height: 1.5;
}

.tab-content .caseList li:hover {
	cursor: pointer;
}

.tab-content .caseList li:hover .pic-shade {
	opacity: 1;
	/* animation: 0.5s wordsUp ease-in-out both; */
}

.tab-content .caseList li:hover .pic-shade h4 {
	/* animation: 0.5s wordsUp2 ease-in-out both; */
}

@keyframes wordsUp {
	0% {
		height: 66px;
	}

	100% {
		height: 100%;
	}
}

@keyframes wordsUp2 {
	0% {
		margin-top: 2rem;
	}

	100% {
		margin-top: 4rem;
	}
}

.pro-btm table {
	width: 100% !important;
	border: 1px solid #CCCCCC;
}

.pro-btm table tr,
.pro-btm table td {
	background: #fff;
	border: 1px solid #e5e5e5;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: #333333;
	padding: 0 .45rem;
}

.pro-btm table td span{
	font-size: 16px !important;
}

.pro-btm table .tdHit,
.pro-btm table tr:first-child *{
	font-weight: bold;
	/* background: #fbfafa;
	color: #666 !important; */
}

.pro-btm table .tdHit td {
	font-size: 16px;
}

.pro-btm .buy-way .buy-pic {
	width: 34.03%;
	max-width: 490px;
	max-height: 326px;
	overflow: hidden;
}

.pro-btm .buy-way .buy-pic img {
	width: 100%;
}

.pro-btm .buy-way .buy-cont {
	width: 60.56%;
}

.pro-btm .buy-way .buy-cont .buy-item {
	position: relative;
	margin-bottom: .4rem;
}

.pro-btm .buy-way .buy-cont .buy-item span,
.pro-btm .buy-way .buy-cont .buy-item .buy-link {
	display: inline-block;
	font-size: 20px;
	color: #666666;
	padding-left: 66px;
	line-height: 40px;
}

.pro-btm .buy-way .buy-cont .buy-item .tel {
	background: url(../img/product/headset-one.png) left center no-repeat;
}

.pro-btm .buy-way .buy-cont .buy-item .email {
	background: url(../img/product/email.png) left center no-repeat;
	margin-left: .6rem;
}

.pro-btm .buy-way .buy-cont .buy-item .wx {
	background: url(../img/product/wechat.png) left center no-repeat;
	cursor: pointer;
}

.pro-btm .buy-way .buy-cont .buy-item .qq {
	background: url(../img/product/qq.png) left center no-repeat;
	margin-left: .6rem;
}

.pro-btm .buy-way .buy-cont .buy-item .qq a {
	color: #666666;
}

.pro-btm .buy-way .buy-cont .buy-item .buy-link {
	background: url(../img/product/links.png) left center no-repeat;
}

.pro-btm .buy-way .apply-btn {
	display: block;
	width: 180px;
	height: 60px;
	background: #0A3D8E;
	text-align: center;
	line-height: 60px;
	font-size: 20px;
	color: #FFFFFF;
	margin-top: .75rem;
	transition: all .5s;
}

.pro-btm .buy-way .apply-btn:hover {
	background: #092653;
}

.backBox {
	padding-top: 2rem;
}

.modal-dialog {
	height: 100%;
	box-sizing: border-box;
}

.modal-dialog {
	color: #000;
	height: 100%;
	box-sizing: border-box;
	padding-top: 13rem !important;
}

.modal-dialog-centered {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.modal-content {
	width: 100%;
	box-shadow: none !important;
	border: 1px solid rgba(0, 0, 0, .2) !important;
}

.modal-body {
	font-size: 15px;
}

.modal-dialog .btn-primary {
	background-color: #0d6efd;
	border-color: #0d6efd;
}

.modal-dialog .btn-primary:hover,
.modal-dialog .btn-primary:active,
.modal-dialog .btn-primary:focus,
.modal-dialog .btn-primary.active {
	background-color: #0B5ED7;
	border-color: #0B5ED7;
}

.modal-dialog .close {
	opacity: 0.5;
	margin-top: 0 !important;
}

.modal-dialog .close .iconfont {
	font-size: 2.25rem;
}

.modal-dialog .close:hover {
	opacity: 1;
}

.modal-open .modal {
	height: 100%;
	box-sizing: border-box;
	overflow-y: hidden !important;
}

/* 招聘 */
.job-list {
	margin: 0 auto;
	margin-top: 2rem;
	text-align: left;
}

.job-list .item {
	background: #fff;
	margin-bottom: 20px;
	font-size: 16px;
}

.job-list .item .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2rem 4rem;
	background: #D9ECFF; /* C6E2FF # D9ECFF*/
    border-left: 1px solid #062c80;
}

.job-list .item .tit{
	font-weight: bold;
	font-size: 18px;
	color: #062c80;
}

.job-list .item .b .ico {
	margin-right: 0.5rem;
}

.job-list .item .rights .zk {
	width: 150px;
	height: 45px;
	background: transparent;
	color: #226ede;
    border: 1px solid #226ede;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	line-height: 45px;
	text-align: center;
	cursor: pointer;
}

.job-list .item .rights .sq {
	display: none;
	width: 150px;
	height: 45px;
	background: #f3f4ff;
	align-items: center;
	justify-content: center;
	color: #333;
	border-radius: 4px;
	line-height: 45px;
	text-align: center;
	cursor: pointer;
}

.job-list .item .rights .sq:hover,
.job-list .item .rights .zk:hover{
	background: #226ede;
	color: #fff;
}

.job-list .item .con {
	border: 1px solid #e5e5e5;
	padding: 4rem 4rem 6rem;
	text-align: left;
	display: none 
}

.job-list .item .con.active{
	display: block;
}

.job-list .item .con .xq {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

.job-list .item .con .block {
	margin-bottom: 25px;
}

.job-list .item .con .block .firTit {
	color: #333;
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
}

.job-list .item .con .tag{
	padding-bottom: 2rem;
}

.job-list .item .con .li-left{
	font-weight: bold;
	font-size: 18px;
	color: #05ae05;
}

.job-list .item .con .li-right{
	text-align: right;
	font-size: 14px;
	color: #666;
}

.job-list .item .welfare{
	color: #666;
	font-size: 15px;
}

.job-list .li-right .iconfont{
	font-size: 18px;
	padding-right: 0.25rem;
}

.job-list .item .con .block p,
.job-list .item .con .block p * {
	color: #333;
	font-size: 15px;
	line-height: 1.8;
}

.job-list .item .con .anniu {
	display: flex;
	align-items: center;
	margin-top: 30px;
	font-weight: bold;
    color: #ef7900;
}

.job-list .item .con .anniu .btn {
	width: 140px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 16px;
	border-radius: 4px;
	margin-right: 40px;
	background: #07a307;
}

.job-list .item .con .anniu .btn:hover{
	background: #05ae05;
}

.job-list .item .con .anniu .sc .ico {
	margin-right: 10px;
}

.job-list .item.on .zk {
	background: #00ad45;
	color: #fff
}

.job-list .item .con .anniu .sc {
	width: 140px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #01b461;
	font-size: 16px;
	border-radius: 4px;
	margin-right: 40px;
	border: 1px solid #01b461
}
 

.job-list .item .ico2 {
	display: none;
}

.job-list .item.on .ico2 {
	display: block;
	margin-right: 10px;
}

.job-list .item.on .sq {
	display: flex;
	background: #00ad45;
	color: #fff
}

.job-list .item.on .zk {
	display: none
}

.job-list .more {
	display: block;
	width: 170px;
	height: 55px;
	background: #d21010;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 16px;
	margin: 0 auto;
	border-radius: 4px;
}


.nav-box ul.nav-second {
	width: 20%;
    padding: 0 2rem;
    background-color: #F5F5F6;
    position: relative;
    list-style: none;
    max-height: 60vh;
    overflow: hidden;
    overflow-y: auto;
	text-align: left;
}

.nav-second li{
    line-height: 40px;
}
.nav-second li a{
    position: relative;
    font-size: 14px;
    color: #000000;
    line-height: 24px;
    padding-bottom: 6px;
    transition: all .3s;
}
.nav-second li a::after{
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 0;
    height: 2px;
    background-color: #0048B9;
    transition: all .3s;
}
.nav-second li:hover a,
.nav-second li.active a{
    color: #0048B9;
}
.nav-second li:hover a:after,
.nav-second li.active a::after{
    left: 0;
    width: 100%;
}
.nav-right{
    display: flex;
    width: 80%;
}
.nav-third{
    width: 20%;
    padding: .3rem 0;
    background-color: #F5F5F6;
}
.nav-third li{
    padding: 0 .3rem 0 .5rem;
    line-height: 40px;
}
.nav-third li a{
    font-size: 14px;
    color: #000000;
    line-height: 24px;
    padding-bottom: 6px;
}
.nav-third li:hover,
.nav-third li.active{
    background-color: #FFFFFF;
}
.nav-third li:hover a,
.nav-third li.active a{
    color: #0048B9;
}
.nav-fourth{
    font-size: 0;
    width: 80%;
    padding: 1rem 0 1rem 3rem;
    background-color: #FFFFFF;
}
.nav-fourth li{
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    padding: 0 10px;
    margin-bottom: .15rem;
	text-align: left;
}
.nav-fourth li a{
    display: block;
    font-size: 14px;
    color: #000000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.nav-fourth li a:hover{
    color: #0048B9;
}

.nav-fourth li p{
	width: 50%;
	float: left;
}
.nav-fourth-tit{
    font-size: 14px;
    color: #0048B9;
    line-height: 20px;
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}