.fl { float: left;}
.foot{ background:#222;  min-width:1200px;}
.foot ul{ float:left; padding:0 76px;}
.foot ul li{ line-height:30px;}
.foot .dl{ padding-left:30px; width:150px; text-align:center; float:left;}
.foot .dl dd{ height:30px; line-height:30px;}
.banquan{width:1173px;  color:#919191; padding:50px 0 20px 0;  margin: 0px auto;}

.foot_enter{ text-align:center; padding-top:30px; background:url(../images/foot_bg.png) no-repeat left center; height:120px;}
.foot_enter_top{ height:104px; padding-top:0; line-height:104px; min-width:1200px;}
.foot_enter p{ font-size:24px; color:#fff;}
.foot_enter a{ width:160px; text-align:center; display:inline-block; height:36px; line-height:36px;  font-size:18px; border:1px solid #fff; color:#fff; margin:20px auto;}
.foot_enter a:hover{ color:#323232; border:none; background:#fff;}
.foot_list{ padding-bottom:20px; margin-bottom:20px;}
.foot_list .list_div{ font-size:20px;width: 278px;height: 78px;line-height: 78px;border: 1px solid #333;text-indent: 68px;color: #aaaaaa;}
.foot_list .list_div1{background:url(../images/foot_list1.png) no-repeat left 12px center;}
.foot_list .list_div2{background:url(../images/foot_list3.png) no-repeat left 12px center;}
.foot_list .list_div3{background:url(../images/foot_list4.png) no-repeat left 12px center;}
.foot_list .list_div4{background:url(../images/foot_list2.png) no-repeat left 12px center;}

.mg_20{ margin-right:20px; }
.firm_details{ padding-left:20px; width:78%; margin-top:14px;}
.firm_details dl{ margin-top:16px;}
.firm_details dl dt{ float:left; width:26%}
.firm_details dl dd{ float:left;  width:72%;}
.firm_details dl dd.dd1{ font-size:16px;}
.firm_details dl dd.dd2{ font-size:20px; color:#fff;}
.firm_details p{ line-height:26px;}
.firm_details p.p1{ font-size:12px; margin-bottom:12px;}
.firm_details p.p1 label{ padding:0 6px;cursor:pointer;}

.firm_details p.p1 span{ cursor:pointer;}
.firm_details p.p1 span:hover{ color:#28a5d8;}
.firm_details_p{ margin-left:8%;}
.f16{ line-height: 30px;font-size: 16px!important; }
.firm_code{ padding-right:50px; text-align:center;}
.firm_code dd{ line-height:30px;}
.firm_code img{ width:100px; height:100px;}

.swiper1 {
	position: relative;
	z-index: 0;
	overflow: hidden
}

.swiper1 .swiper-wrapper .swiper-slide>img {
	width: 100%
}

.swiper-pic {
	position: absolute;
	top: 10%;
	left: 45%
}

.swiper-slide img {
	width: 100%;
}
.swiper-container {
	margin-top: 70px;
}
.swiper1 .text-video {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)!important;
	margin-left: 0!important
}

.swiper1 .text-video h1 {
	text-align: center!important
}

.swiper1 .swiper1-text {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin-left: 165px;
	text-align: center;
	background: none
}

.swiper1 .swiper2-text {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	margin-right: 165px;
	text-align: right;
	background: none
}

.swiper1 .swiper1-text h1,
.swiper1 .swiper2-text h1 {
	font-size: 42px
}

.swiper1 .swiper2-text h1 {
	border-bottom: 1px solid #fff;
	margin: 0;
	padding-bottom: 20px
}

.swiper1 .swiper1-text p,
.swiper1 .swiper2-text p {
	margin: 30px 0 45px;
	font-size: 22px
}

.swiper1 .swiper1-text p a,
.swiper1 .swiper2-text p a {
	padding: 10px 40px;
	border: 1px solid white;
	color: white;
	font-size: 18px;
	display: inline-block;
	text-shadow: none
}

.swiper1 .swiper1-text p a:hover,
.swiper1 .swiper2-text p a:hover {
	background-color: #21e464;
	color: #fff;
	border: 1px solid #21e464
}

.swiper-pagination1 {
	bottom: 30px !important
}

@media only screen and (max-width: 768px).swiper1 .swiper1-text {
	width: 100%;
	margin-left: 0;
	text-align: center!important
}

.swiper1 .swiper2-text {
	width: 100%;
	margin-right: 0;
	text-align: center
}

.swiper1 .swiper1-text p:nth-of-type(2),
.swiper1 .swiper2-text p:nth-of-type(2) {
	display: none
}

.swiper1 .swiper1-text h2,
.swiper1 .swiper2-text h2 {
	margin-top: 0;
	font-size: 20px
}

.swiper1 .swiper1-text p,
.swiper1 .swiper2-text p {
	font-size: 12px
}

h2 {
	font-size: 22px!important
}


}
.carousel-indicators {
	z-index: 1
}
.quick-action .img {
	width: 63px
}
.quick-action img {
	width: 80%;
	position: relative;
	top: 10px
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
	.quick-action {
		margin: 10px 0
	}
	
	.quick-action .col-sm-3 a {
		width: 100%;
		margin: 0 0 -7px
	}
	
	.quick-action img {
		width: 50%;
		position: relative;
		top: 10px
	}
}
@media only screen and (max-width: 320px) {
	.quick-action {
		display: none
	}
}
.products {
	padding: 40px 0;
	background-color: #F6F6F6
}
.products .container>p {
	font-size: 16px
}
@media only screen and (max-width: 640px) {
	.products .container>h2 {
		font-size: 20px
	}
	
	.products .container>p {
		font-size: 12px
	}
}
.product {
	margin-top: 60px
}
.products .product .product-item ul {
	list-style: none;
	background-color: white;
	line-height: 3.6em;
	height: 254px;
	text-shadow: 1px 1px 1px darkgrey
}
.products .product .product-item ul li a {
	line-height: 2em;
	color: #88C4FF;
	display: none;
	padding: 0 15px;
	border: 1px solid #88C4FF
}
.products .product .product-item h3 {
	font-size: 18px;
	margin-bottom: 30px
}
.products .product .product-item p {
	display: none
}
.products .product .product-item {
	float: left;
	margin-left: -1px;
	width: 24%;
	height: 400px;
	background-color: #F8F8F8;
	border: 1px solid #EBEBEB;
	text-align: center
}
.products .product-item hr {
	display: none
}
.products .product-item img {
	margin-top: 20px;
	height: 55px;
	display: inline
}
.products .product .product-item.active {
	width: 24%;
	height: 400px;
	padding: 10px
}
.products .product .product-item.active h3 {
	text-align: center;
	font-size: 18px;
	color: white;
	margin-bottom: 10px
}
.products .product .product-item.active {
	position: relative;
	top: -15px;
	background-color: #69c98a
}
.products .product-item.active>p {
	color: #fff;
	font-size: 14px;
	padding: 10px 10px 0
}
.products .product-item.active hr {
	display: block;
	margin-bottom: 0;
	opacity: 0.4;
	border-color: #88C4FF;
	width: 107%;
	position: relative;
	left: -10px
}
.products .product-item.active ul.ufirst {
	display: none
}
.products .product-item ul.utwo {
	display: none
}
.products .product-item.active ul {
	margin-left: -10px;
	width: 100%;
	text-align: center;
	background-color: #69c98a
}
.products .product-item.active ul li {
	padding: 0 20px;
	color: white
}
.products .product-item.active ul li a {
	line-height: 2em;
	color: #88C4FF;
	display: inline-block;
	margin-left: 117px;
	padding: 0 15px;
	border: 1px solid #88C4FF
}
.products .product-item.active img {
	display: none
}
.products .product .product-item.active p {
	display: block;
	text-align: left
}
.small-show ul a li {
	padding: 20px 0;
	border-bottom: 1px solid #EBEBEB;
	text-align: center
}
.small-show ul a li img {
	padding: 0 10px;
	height: 32px
}
.small-show ul {
	border: 1px solid #EBEBEB;
	background-color: white
}
.solution .hidden-xs .wrapper {
	position: relative;
	height: 425px;
	overflow: hidden
}
.solution .hidden-xs .wrapper ul {
	width: 100%;
	height: 425px;
	position: relative;
	transition: all 0.5s
}
.solution .hidden-xs .wrapper ul li {
	width: 25%;
	height: 425px;
	float: left
}
/*.solution .hidden-xs .wrapper ul li:nth-last-of-type(3) {
	background: url("../img/yiwuyima_hui_img.png") center center no-repeat;
	background-size: cover
}
.solution .hidden-xs .wrapper ul li:nth-last-of-type(4) {
	background: url("../img/zhinengfuma_hui_img.png") center center no-repeat;
	background-size: cover
}
.solution .hidden-xs .wrapper ul li:nth-last-of-type(5) {
	background: url("../img/quanchengzhuisu_hui_img.png") center center no-repeat;
	background-size: cover
}
.solution .hidden-xs .wrapper ul li:nth-last-of-type(6) {
	background: url("../img/tixijianshe_hui_img.png") center center no-repeat;
	background-size: cover
}*/
/*.solution .hidden-xs .wrapper ul li:nth-last-of-type(5) {
	background: url("../img/case-bg5.png") center center no-repeat;
	background-size: cover
}
.solution .hidden-xs .wrapper ul li:nth-last-of-type(6) {
	background: url("../img/case-bg6.png") center center no-repeat;
	background-size: cover
}*/
.solution .hidden-xs .wrapper .fa {
	position: absolute;
	color: white
}
.solution .hidden-xs .wrapper .fa-angle-left {
	left: 10px;
	top: 50%;
	transform: translateY(-50%)
}
.solution .hidden-xs .wrapper .fa-angle-right {
	right: 10px;
	top: 50%;
	transform: translateY(-50%)
}
.solution .hidden-xs .wrapper ul li>div {
	text-align: center;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	color: white;
	transition: all 1s
}
.solution .hidden-xs .wrapper ul li>div>img {
	width: 25%;
	display: inline-block;
	margin-top: 138px;
	transition: all 0.5s
}
.solution .hidden-xs .wrapper ul li>div>h4 {
	margin: 30px 0
}
.solution .hidden-xs .wrapper ul li>div>.hover-show {
	display: none
}
.swiper-slide>div {
	text-align: center;
	padding: 50px 20px 38px;
	color: white;
	background-color: rgba(130, 134, 159, 0.7)
}
.solution .hidden-xs .wrapper ul li>div>.hover-show p {
	text-align: justify;
	margin: 0 auto;
	width: 80%;
	font-size: 14px
}
.solution .hidden-xs .wrapper ul li>div>.hover-show a {
	display: inline-block;
	margin-top: 20px;
	padding: 5px 25px;
	color: white;
	border: 1px solid white
}
.solution .hidden-xs .wrapper ul li>div:hover {
	background-color: rgba(19, 64, 152, .7)
}
.solution .hidden-xs .wrapper ul li>div:hover .hover-show {
	display: block
}
.solution .hidden-xs .wrapper ul li>div:hover>img {
	margin-top: 102px
}
.swiper-slide {
	background-size: cover
}
.swiper-slide>div {
	text-align: center;
	padding: 50px 20px 38px;
	color: white
}
.swiper-slide>div>h4 {
	margin-top: 0
}
.swiper-slide>div>div p {
	text-align: left;
	color: #E8E5E6;
	margin-top: 20px
}
.swiper-slide>div>div a {
	display: inline-block;
	color: white;
	padding: 8px 35px;
	border: 1px solid white;
	margin-top: 30px
}
.swiper-slide>div>div a:hover {
	background-color: white;
	color: #3879D9
}
.news {
	background-color: #F6F6F6;
	padding-top: 40px;
	padding-bottom: 80px
}
.news .container>p {
	margin: 20px 0
}
.news .container .col-sm-4 img {
	height: 120px
}
.news .container .col-sm-4>div {
	position: relative;
	margin: 30px 0
}
.news .container .col-sm-4>div>span {
	display: inline-block;
	background-color: rgba(25, 122, 216, 0.9);
	position: absolute;
	left: 0;
	top: -10px;
	width: 110px;
	height: 140px;
	text-align: center;
	color: white;
	font-size: 18px;
	line-height: 140px;
	white-space: pre-wrap
}
.news .container .col-sm-4 a {
	color: rgba(0, 0, 0, 0.8)
}
.news .container .col-sm-4 a:hover {
	text-decoration: underline;
	color: black
}
.news .container .col-sm-4 p {
	padding-right: 2em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.touzi h3 {
	font-size: 30px;
	margin-bottom: 0
}
.touzi p {
	margin-bottom: 30px
}
.touzi {
	text-align: center;
	line-height: 55px;
	padding-top: 40px;
	padding-bottom: 80px
}
.touzi img {
	width: 100%;
	display: inline
}
.point {
	text-align: center;
	padding: 30px 0;
	background: url("../img/point-bg.png") center center no-repeat;
	background-size: cover;
	color: white
}
.case {
	padding-top: 30px;
	padding-bottom: 80px
}
.case h3 {
	text-align: center;
	font-size: 30px
}
.case img {
	width: 100%
}
.case .col-sm-2 {
	margin-top: 20px
}
.line h3 {
	margin-top: 0;
	margin-bottom: 40px
}
.line {
	padding: 50px 0;
	text-align: center;
	background: url("../img/line-bg.png") center center no-repeat;
	background-size: cover;
	color: white
}
.line a {
	color: white;
	padding: 10px 35px;
	border: 1px solid white
}
.line a:hover {
	background-color: white;
	color: blue
}
px;
border:1px solid white
}
.line a:hover {
	background-color:white;
	color:blue
}
.provider-title span {
	position: relative;
	top: -5px;	
	font-size: 24px;
}
.provider-text p span {
	position: relative;
	top: -5px;
	font-size: 10px;
}
.img .btn-primarys {
	background: #f72f00!important;	
}
.swiper-pagination-bullet {
	opacity: 1;
	background: #fff!important;
}
.navbar .container-fluid {
	width: 1200px;
}
.news-list {
	/*margin-top: 35px;*/
}
.news-item {
	width: 31.4%;
	border-radius: 10px;
	box-shadow: 0 10px 20px #e5e5e5;
	display: inline-block;
	margin: 0 8px 50px;
}
.img-box {
	width: 100%;
	overflow: hidden;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.img-box img {
	width: 100%;
	transition: all 0.4s;
	cursor: pointer;
}
.img-box img:hover {
	transform: scale(1.05);
}
.news-item-content {
	padding: 20px 15px;
}
.news-item-content>p {
	font-size: 18px;
	color: #333333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 15px;
	font-weight: 550;
}
.news-item-content>p>span {
	color: #ff0000;
}
.news-item-details {
	padding-top: 10px;
	border-top: 1px solid #E6E6E6;
}
.news-item-details p:first-child {
	margin-bottom: 20px;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
	color: #333;
}
.news-item-details p span:first-child {
	color: #999999;
	font-size: 14px;
}
.news-item-details p span:first-child {
	color: #999999;
	font-size: 14px;
}
.news-item-details p span:last-child {
	display: inline-block;
	color: #0076f9;
	font-size: 14px;
	border-radius: 24px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #0076f9;
	padding: 0 10px;
	cursor: pointer;
	float: right;
	display: none;
}
.news-item-details p span img {
	width: 14px;
	margin-left: 5px;
}
.details-content p:first-child {
	text-align: center;
	margin: 60px 0 40px;
	font-size: 30px;
	color: #333333;
}
.details-content p:first-child span {
	color: rgba(238,90,55);
}
.title-details span {
	font-size: 16px;
	color: #999;
}
.title-details span:nth-child(2) {
	margin-left: 15px;
}
.title-details span:nth-child(3) {
	margin-left: 20px;
}
.title-details span:last-child {
	float: right;
	color: #0076f9;
	cursor: pointer;
}
.title-details span img {
	margin-left: 5px;
	width: 14px;
}
.details-content hr {
	margin-top: 10px;
}
.details-content>img {
	width: 100%;
}
.news-active {
	color: #134098!important;
	border-bottom: 2px solid #EE5A37;
}
.solution-main>p {
	font-size: 40px;
	font-weight: 600;
	color: #134098;
	text-align: center;
}
.solution-blcok {
	width: 44px;
	height: 5px;
	background: #EE5A37;
	margin: 30px auto;
}
.box-item {
	border: 1px solid #E6E6E6;
	padding: 40px 40px 0;
	display: inline-block;
	width: 48%;
	color: #333333;
	height: 240px;
	margin-bottom: 20px;
}
.box-item img {
	float: left;
	width: 180px;
	margin-right: 50px;
}
.box-item>div>p {
	font-size: 20px;
	font-weight: 550;
}
.box-item ul li {
	margin: 15px 0;
	font-size: 14px;
}
.box-item:nth-child(even) {
	float: right;
}
.box-item ul li span {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #EE5A37;
	margin-right: 10px;
}
.fr {
	float: right;
}
.solution-main {
	margin-bottom: 80px;
}
.solution-main>img {
	width: 100%;
}
.box-head {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}
.box-head-item {
	width: 23.75%;
	height: 380px;
	border: 1px solid #E6E6E6;
	text-align: center;
	padding: 60px 30px 40px;
}
.box-head-item img {
	width: 130px;
}
.box-head-item p:nth-child(2) {
	font-size: 20px;
	margin: 40px 0 15px;
	font-weight: 550;
	
}
.box-head-item p:last-child {
	font-size: 14px;
}


.artcle>p {
	text-indent: 2em;
	line-height: 170%;
	margin-bottom: 30px;
}
.article-flex {
	display: -webkit-flex;
	display: flex;
	justify-content: space-around;
}
.article-item {
	width: 150px;
	text-align: center;
}
.article-item img {
	width: 120px;
}
.article-item p {
	color: #666666;
	font-size: 14px;
	margin: 20px 0 35px;
}
.main>img {
	margin-bottom: 70px;
}
.solution-nav ul li.active {
	color: #134098;
}