/*---标题---*/

.navtle{text-align:center; position: relative; overflow: hidden; display: block; padding:0px 0 10px; margin-top:10px;}
.navtle ul{text-align:center;}
.navtle ul li{display:inline-block;padding:0 10px 25px; position:relative;}
.navtle ul li:first-child{background:none;}
.navtle ul li a{display:block;padding:0 20px; height:44px; line-height:44px;color:#707173; overflow:hidden; background:#eeeeee;font-size:18px; }
.navtle ul li a.cur,.navtle ul li a:hover{color:#fff; background: #a1090b }

/*---标题---*/



.productweb{position: relative;display: block;  overflow: hidden;width: 100%; margin-bottom: 40px;}
.productweb ul{zoom: 1;}
.productweb ul li {position: relative;display: block;overflow: hidden;margin-right:35px; width: 340px; float: left; margin-bottom: 30px;}
.productweb ul li:nth-child(3n) { margin-right: 0;}
.productweb ul li dd { position: relative;display: block;font-size: 24px;color:#a1090b ; height: 50px; line-height: 50px; font-weight: bold; }
.productweb ul li .ddivt{width: 340px;position: relative;display: block;overflow: hidden; height: 280px;}
.productweb ul li .ddivt img{max-width: 100%;height: 280px;}
.productweb ul li .ttoindds { position: relative; position: absolute;left: 0;right: 0;top:0; bottom: 0; padding: 20px; z-index: 2;background: rgba(0,0,0,.6);}
.productweb ul li .rtbntt{font-size: 26px;color: #fff;padding: 20px 0 15px;}
.productweb ul li .rttwbnt{font-size: 15px;line-height: 25px;position: relative;overflow: hidden;color: #fff;}
.productweb ul li .rttwbnt:after{content:'';display: block;width: 45px;height: 3px;background: #fff;position: absolute;top:3px;}
.productweb ul li .rttwbnt:before{content:'';display: block;width: 100%;height: 1px;background: #d8e0e5;margin-bottom: 20px;margin-top: 4px;}





/*111*/
.bteto{width: 100%;overflow: hidden; display: block; position: relative;height: 100px;} 
.bteto .btbg{width: 100%;height: 2px;background-color: #333;position: absolute;top: 65px;left:0;}
.bteto .btbt{font-size: 25px;color: #a1090b;font-weight: bold;position: absolute;left: 0;top:50px;height: 30px;background-color: #fff;padding-right: 20px;z-index: 10;line-height: 30px;}
.bteto .btbt em{display: block;width: 10px;height: 30px;background-color: #a1090b;float: left;margin-right: 20px;}

.mmoraa{overflow: hidden; margin: 10px 0 30px; display: block; position: relative; width: 100%;}
.mmoraa ul{border: 1px solid #dee2e6; overflow: hidden;position: relative;display: block; }
.mmoraa ul li{width: 493px; display: block;border-bottom: 1px solid #dee2e6;padding: 25px; position: relative; overflow: hidden;border-right: 1px solid #dee2e6; float: left;}
.mmoraa ul li:nth-child(2n){margin-right: 0;border-right: 0px solid #dee2e6;}
.mmoraa ul li .pic{ height: 70px; width: 70px; float: left; margin-right: 20px;}
.mmoraa ul li .pic img{max-width: 100%;}
.mmoraa ul li .xxtent{width: calc(100% - 90px); float: left;display: block; position: relative;overflow: hidden;}
.mmoraa ul li .xxtent .tit{font-size: 20px; color: #000; margin-bottom: 10px;} 
.mmoraa ul li .xxtent .text {width: 100%;overflow: hidden;display: block;position: relative;height: 48px;}
.mmoraa ul li .xxtent .text p{line-height: 24px; font-style: 15px;}

/*111*/

/*222*/
.asmmaa{overflow: hidden; x display: block; position: relative; width: 100%;margin: 10px 0 30px;}
.asmmaa ul{ overflow: hidden; position: relative;display: block; margin-bottom: 20px;}
.asmmaa ul li{display: block; width:283px ; margin: 10px; float: left; padding: 30px;  position: relative; overflow: hidden;box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);height: 260px;}
.asmmaa ul li:nth-child{3n}{margin-right: 0;}
.asmmaa ul li .pic{ height: 70px; width: 70px; margin: auto; display: block; margin-bottom: 15px;}
.asmmaa ul li .pic img{max-width: 100%;}
.asmmaa ul li .xxtent{width: 100% ; display: block; position: relative;overflow: hidden;}
.asmmaa ul li .xxtent .tit{font-size: 20px; color: #000; margin-bottom: 10px; text-align: center;} 
.asmmaa ul li .xxtent .text {width: 100%;overflow: hidden;display: block;position: relative;}
.asmmaa ul li .xxtent .text p{line-height: 24px; font-style: 15px;}

/*222*/


/*33*/

.wabngd{overflow: hidden;  display: block; position: relative; width: 100%;}  
.wabngd ul{zoom: 1;background-color: #f1f1f1;box-shadow: 0 3px 16px rgba(18,26,42,.08);border-radius: 10px; position: relative;display: block; margin-bottom: 40px; padding: 50px 0 60px;overflow: hidden;}
.wabngd ul li { display: inline;float: left; width: 323px;height: 320px;padding: 0 20px;border-left: 1px solid #fff;margin-left: -1px;text-align: center;position: relative;transition: all ease .3s; }
.wabngd ul li:first-child {border-left: none}
.wabngd ul li:hover {margin-top: -10px}
.wabngd ul li .pica4 {display: block;background-repeat: no-repeat;background-position: 0 0;width: 58px;height: 56px;margin: 0 auto}
.wabngd ul li .pica4 img{max-width: 100%;}
.wabngd ul li .tit {font-size: 20px;color: #000;margin-top: 30px;}
.wabngd ul li .text {color: #898989;font-size: 14px;line-height: 2;margin-top: 15px}
.wabngd ul li .ttind {width: 100%;text-align: center;font-size: 15px;line-height: 1;color: #ccc;position: absolute;left: 0;bottom: 15px}
.wabngd ul li .dot {display: block;width: 10px;height: 10px;background-color: #999;border-radius: 50%;position: absolute;left: 50%;bottom: -10px;margin-left: -5px}

/*33*/



.home-solutions .solutions-container {max-width: 1440px;margin: 0 auto}
.home-solutions .solutions-wrapper {position: relative}
.home-solutions .solutions-wrapper .por-carousel {margin-left: -8px;margin-right: -8px}


@media (max-width:1580px) {
	.home-solutions .solutions-container {padding-left: 118px;padding-right: 118px;max-width: 1516px}
}

.home-solutions .solutions-list {display: -webkit-box;display: -ms-flexbox;display: flex}
.home-solutions .solutions-list>li {width: 20%;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;padding-left: 8px;padding-right: 8px;-webkit-transition: .65s;transition: .65s}

@media (min-width:1024px) {
	.home-solutions .solutions-list>li:hover {width: 40%!important}
}

.home-solutions .solutions-list+.solutions-list {margin-top: 16px}
.home-solutions .solutions-card {
	display: block;
	position: relative;
	height: 316px;
	padding: 32px;
	background-size: cover;
	background-position: 0;
	overflow: hidden;
	color: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-drag: none
}
.home-solutions .solutions-card-cover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .5)));
	background-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .5));
	-webkit-transition: .65s;
	transition: .65s
}
.home-solutions .solutions-card-text {position: absolute;top: 0;left: 32px;right: 32px;height: 164px;-webkit-transition: .65s;transition: .65s;margin-top: 196px}
.home-solutions .solutions-card-text i {display: block;width: 48px;height: 48px;background-size: cover;margin-bottom: 16px;font-size: 48px;color: inherit}
.home-solutions .solutions-card-text p {font-size: 14px;line-height: 22px;opacity: 0;-webkit-transition: .2s;transition: .2s}
.home-solutions .solutions-card-title {position: relative;font-size: 16px;line-height: 20px;margin-bottom: 34px}
.home-solutions .solutions-card-text p{width: 435px;}
.home-solutions .solutions-card-title:after {content: "";position: absolute;left: 0;top: 100%;width: 34px;border-top: 2px solid;margin-top: 16px;opacity: 0;-webkit-transition: .2s;transition: .2s}
::-webkit-scrollbar {width: 10px;height: 10px;background-color: #fff;}

@media (min-width:1024px) {
	.home-solutions .solutions-list li:hover .solutions-card-cover {
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .5)));
		background-image: linear-gradient(180deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5))
	}
	.home-solutions .solutions-list li:hover .solutions-card-text {margin-top: 76px}
	.home-solutions .solutions-list li:hover .solutions-card-text p {opacity: 1;-webkit-transition: .65s .1s;transition: .65s .1s}
	.home-solutions .solutions-list li:hover .solutions-card-title:after {opacity: 1;-webkit-transition: .65s;transition: .65s}
}

@media (max-width:1023px) {
	.home-solutions .solutions-container {padding-left: 15px;padding-right: 15px}
	.home-solutions .solutions-content {padding-bottom: 16px}
	.home-solutions .por-carousel-pagination {bottom: -6px}
	.home-solutions .por-carousel-bullet {height: 2px;margin: 0 2px}
	.home-solutions .por-carousel-bullet.active {background-color: #252b3a}
	.home-solutions .solutions-wrapper {overflow: hidden}
	.home-solutions .solutions-wrapper .por-carousel {margin-left: -2px;margin-right: -2px}
	.home-solutions .solutions-list {-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: 0;margin-right: 0}
	.home-solutions .solutions-list>li {width: 50%;padding-left: 2px;padding-right: 2px;padding-bottom: 4px}
	.home-solutions .solutions-list+.solutions-list {margin-top: 0}
	.home-solutions .solutions-card {height: auto;padding: 64.70588235% 0 0
	.home-solutions .solutions-card-cover {background-image: none;background: rgba(0, 0, 0, .5)}
	.home-solutions .solutions-card-text {top: 50%;left: 0;right: 0;height: auto;margin-top: 0;text-align: center;-webkit-transform: translateY(-50%);transform: translateY(-50%)}
	.home-solutions .solutions-card-text i {width: 34px;height: 34px;font-size: 32px;margin: 0 auto 8px}
	.home-solutions .solutions-card-text p {display: none}
	.home-solutions .solutions-card-title {font-size: 12px;line-height: 18px;margin-bottom: 0}
	.home-solutions .solutions-card-title:after {display: none}
}