/*背景色*/
body{
	word-wrap: break-word;
}
p{
	margin: 0
	
}
a{
	cursor: pointer;
}
a:hover{
	color: #023894;
	border-color: #023894 !important;
	text-decoration: none !important;
}
a:focus{
	color: #023894;
	border-color: #023894 !important;
	text-decoration: none !important;
}
.min-height{
	min-height:160px ;
}
.bagc-01{
	background-color: #564a3c;
}
.bagc-02{
	background-color: #ffa16d;
}
.bagc-03{
	background-color: #24c2cb;
}
.bagc-04{
	background-color: #ef525b;
}
.bagc-05{
	background-color: #092e41;
}
.bagc-06{
	background-color: #eee;
}
.bagc-07{
	background-color: #000;
}
.bagc-08{
	background-color: #4ac2cc;
}
.bagc-09{
	background-color: #65adda;
}
.bagc-10{
	background-color:#023894;
}
.bagc-11{
	background-color:#e3af38;
}
.bagc-12{
	background-color:#f8a068;
}
.bagc-13{
	background-color:#e65058;
}
.bagc-14{
	background-color: #18ac87;
}
.bagc-15{
	background-color: #fff;
}
/*字体颜色*/
.col-01{
	color: #fff;
}
.col-02{
	color: #666;
}
.col-03{
	color: #023894;
}
.col-04{
	color: #333;
}
.col-05{
	color: #888;
}
.col-06{
	color: #4e4e4e;
}
.col-07{
	color: #000;
}
/*字体大小*/
.font-12{
	font-size: 12px;
}
.font-14{
	font-size: 14px;
}
.font-16{
	font-size: 16px;
}
.line-h24{
	line-height: 24px;
}
.line-h30{
	line-height: 30px;
}
.line-h45{
	line-height: 45px;
}
.line-h60{
	line-height: 60px;
}
/*字体宽度*/
.font-w6{
	font-weight: 600;
}
.font-w7{
	font-weight: 700;
}
/*背景图*/
.bgi-01{
	background-image: url(../images/backgroundimg/bgi-01.jpg);
    background-size:100% 100%;
}
.bgi-02{
	background-image: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../images/backgroundimg/bgi-02.jpg);
    background-size:cover;
}
.bgc-01{
	background-color: #ececec;
}
/*padding边距*/
.pad0{
	padding: 0 !important;
}
.pad05{
	padding:5px;
}
.pad12{
	padding: 12px;
}
.pad-t10{
	padding-top: 10px;
}
.pad-t20{
	padding-top: 20px;
}
.pad-t30{
	padding-top: 30px;
}
.pad-t45{
	padding-top: 45px;
}
.pad-t60{
	padding-top: 60px
}
.pad-t100{
	padding-top: 100px;
}
.pad-b10{
	padding-bottom: 10px;
}
.pad-b20{
	padding-bottom: 20px;
}
.pad-b30{
	padding-bottom: 30px;
}
.pad-b45{
	padding-bottom: 45px;
}
.pad-b60{
	padding-bottom: 60px
}
.pad-l05{
	padding-left: 5px;
}
.pad-l20{
	padding-left: 20px;
}
.pad-l30{
	padding-left: 30px;
}
.pad-r20{
	padding-right: 20px;
}
.pad-r05{
	padding-right: 5px;
}
/*margin*/
.mag0{
	margin: 0;
}
.mag-t10{
	margin-top: 10px
}
.mag-t15{
	margin-top: 15px
}
.mag-t20{
	margin-top: 20px
}
.mag-t35{
	margin-top: 35px;
}
.mag-b10{
	margin-bottom: 10px;
}
.mag-l20{
	margin-left: 20px;
}
.mag-r05{
	margin-right: 5px;
}
.mag-r20{
	margin-right: 20px;
}
.mag-auto{
	margin: 0 auto;
}
/*边框*/
.border-f{
	border:1px solid #fff;
}
.boder-fb{
	border-bottom: 1px solid #fff;
}
.boder-b{
	border-bottom: 1px solid #ababab;
}
.border-dashed{
	border-bottom: 1px dashed #eaeaea;
}
.border-ea{
	border: 1px solid #eaeaea;
}
.boder-bb{
	border:solid 1px #bbbbbb;
}
.border-ra6{
	border-radius: 6px;
}

.flex-align-center{
	display: flex;
    align-items: center;
}

.col-md-6.pad-r0{
	padding-right: 0px;
}
.container-box .div-1{
	display: flex;	
}
.img-div{
	width: 50%;
	overflow: hidden;
}
.img-div img{
	width: 100%;
	height: 100%;
}

.title-div{
	width: 50%;
	position: relative;
}
@media (max-width: 768px){
	.col-xs-12.container-box:nth-of-type(2n+1),
	.col-xs-12.container-box:nth-of-type(2n+2),
	.col-xs-12.container-box-1:nth-of-type(2n+1),
	.col-xs-12.container-box-1:nth-of-type(2n+2){
	padding-right: 15px !important;
	padding-left: 15px !important;
}
}
@media (min-width: 828px){
	.w-h{
		    width: 124px;
    		height: 100px;
	}
}
.col-md-6.container-box:nth-of-type(2n+1),
.col-sm-6.container-box:nth-of-type(2n+1),
.col-md-6.container-box-1:nth-of-type(2n+1),
.col-sm-6.container-box-1:nth-of-type(2n+1){
	padding-right: 0px;
}
.col-md-6.container-box:nth-of-type(2n+2),
.col-sm-6.container-box:nth-of-type(2n+2),
.col-md-6.container-box-1:nth-of-type(2n+2),
.col-sm-6.container-box-1:nth-of-type(2n+2){
	padding-left: 0px;
}
.container-box:nth-of-type(4n+1) .div-1 .title-div{
	background-color: #ffa16d;

}
.container-box:nth-of-type(4n+2) .div-1 .title-div{
	background-color: #24c2cb;

}
.container-box:nth-of-type(4n+3) .div-1 .title-div{
	background-color: #ef525b;

}
.container-box:nth-of-type(4n) .div-1 .title-div{
	background-color: #092e41;

}
.container-box:nth-of-type(4n+1) .div-1 .title-div:after,
.container-box:nth-of-type(4n+2) .div-1 .title-div:after{
	content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent; /*调整小三角形的大小*/
    position: absolute;
    left: -20px;/*调整小三角形的位置*/
    bottom: 70%;/*调整小三角形的位置*/
}
.container-box:nth-of-type(4n+3) .div-1 .title-div:after,
.container-box:nth-of-type(4n) .div-1 .title-div:after{
	content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent; /*调整小三角形的大小*/
    position: absolute;
    right: -20px;/*调整小三角形的位置*/
    bottom: 70%;/*调整小三角形的位置*/
}
.nr-p{
	font-size: 12px;
    line-height: 21px;
    margin-top: 9px;
	 
}
.container-box:nth-of-type(4n+1) .div-1 .title-div:after{
	border-right-color: #ffa16d;
}
.container-box:nth-of-type(4n+2) .div-1 .title-div:after{
	border-right-color: #24c2cb;
}
.container-box:nth-of-type(4n+3) .div-1 .title-div:after{
	border-left-color: #ef525b;
}
.container-box:nth-of-type(4n) .div-1 .title-div:after{
	border-left-color: #092e41;
}
.h2-1{
	height: 100%;
	background-image: linear-gradient(to right, rgba(2,56,148,1), rgba(2,56,148,0));

}
.nr-p-1{
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	line-height: 24px;
	padding: 12px 0px 0px 5px
}
.img-box{
	position: relative;
	margin: 0 auto
}
.img-mbox{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	z-index: 1
}
.img-new{
	position: absolute;
	top: 0;
	right: 0;
}
.col-xs-4{
	overflow: hidden;
}
.row-div{
	display: flex;
	justify-content: space-between;
}
.col-md-1-7{
	width: calc(100% / 7);
}

.li-link0{
	width: 35px;
	height: 23px;
    background: url(../images/icon-bg01.png) no-repeat;
}
.li-link0:hover {
    background: url(../images/icon-bg02.png) 0 0 no-repeat;
}
.li-link1{
	width: 54px;
	height: 23px;
    background: url(../images/icon-bg01.png) -25px 0 no-repeat;
}
.li-link1:hover {
    background: url(../images/icon-bg02.png) -25px 0 no-repeat;
}
.li-link2{
	width: 66px;
	height: 23px;
    background: url(../images/icon-bg01.png) -82px 0 no-repeat;
}
.li-link2:hover {
    background:url(../images/icon-bg02.png) -82px 0 no-repeat;
}
/*.li-link3{
	width: 35px;
	height: 23px;
    background: url(../images/icon-bg01.png) -127px 0 no-repeat;
}
.li-link3:hover{
    background: url(../images/icon-bg02.png) -127px 0 no-repeat;
}*/
.pos-re{
	position: relative;
}
.address:after,
.email:after,
.phone-number:after,
.chat:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 24px;	
	background-repeat:no-repeat;
	background-position:left center;
}
.address:after{
	background-image: url(../images/home-bg.png);
}
.email:after{
	background-image: url(../images/email-bg.png);
}
.phone-number:after{
	background-image: url(../images/phone-bg.png);
}
.chat:after{
	background-image: url(../images/duihua.png);
}
.foot{
	height: 60px;
	background-color: #fff;
}
.foot-img{
	height: 35px;
}
.foot-p{
	line-height: 20px;
}
.foot .active .col-05{
	color: #023894 !important;
}
/*pro*/
.container-box-1 div{
	display: flex;
}
.container-box-1:nth-of-type(4n+3) div .title-div:after,
.container-box-1:nth-of-type(4n) div .title-div:after{
	content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent; /*调整小三角形的大小*/
    position: absolute;
    left: -20px;/*调整小三角形的位置*/
    bottom: 70%;/*调整小三角形的位置*/
}
.container-box-1:nth-of-type(4n+1) div .title-div:after,
.container-box-1:nth-of-type(4n+2) div .title-div:after{
	content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent; /*调整小三角形的大小*/
    position: absolute;
    right: -20px;/*调整小三角形的位置*/
    bottom: 70%;/*调整小三角形的位置*/
}
.container-box-1:nth-of-type(1) div .title-div:after{
	border-left-color: #ef525b;
}
.container-box-1:nth-of-type(1) div .title-div{
	background-color: #ef525b;
}
.container-box-1:nth-of-type(2) div .title-div:after{
	border-left-color: #24c2cb;
}
.container-box-1:nth-of-type(2) div .title-div{
	background-color: #24c2cb;
}
.container-box-1:nth-of-type(3) div .title-div:after{
	border-right-color: #58acd8;
}
.container-box-1:nth-of-type(3) div .title-div{
	background-color: #58acd8;
}
.container-box-1:nth-of-type(4) div .title-div:after{
	border-right-color: #e8b044;
}
.container-box-1:nth-of-type(4) div .title-div{
	background-color: #e8b044;
}
.container-box-1:nth-of-type(5) div .title-div:after{
	border-left-color: #092e45;
}
.container-box-1:nth-of-type(5) div .title-div{
	background-color: #092e41;
}
.container-box-1:nth-of-type(6) div .title-div:after{
	border-left-color: #ffa16d;
}
.container-box-1:nth-of-type(6) div .title-div{
	background-color: #ffa16d;
}
.container-box-1:nth-of-type(7) div .title-div:after{
	border-right-color: #0b654d;
}
.container-box-1:nth-of-type(7) div .title-div{
	background-color: #0b654d;
}
.container-box-1:nth-of-type(8) div .title-div:after{
	border-right-color: #96898b;
}
.container-box-1:nth-of-type(8) div .title-div{
	background-color: #96898b;
}
.container-box-1:nth-of-type(9) div .title-div:after{
	border-left-color: #84838c;
}
.container-box-1:nth-of-type(9) div .title-div{
	background-color: #84838c;
}
.container-box-1:nth-of-type(10) div .title-div:after{
	border-left-color: #a7a164;
}
.container-box-1:nth-of-type(10) div .title-div{
	background-color: #a7a164;
}
.container-box-1:nth-of-type(11) div .title-div:after{
	border-right-color: #79726a;
}
.container-box-1:nth-of-type(11) div .title-div{
	background-color: #79726a;
}
.container-box-1:nth-of-type(12) div .title-div:after{
	border-right-color: #71c7b1;
}
.container-box-1:nth-of-type(12) div .title-div{
	background-color: #71c7b1;
}
/* products */
.pro-h-w{
	width: 100%;
	overflow: hidden;
	vertical-align: middle;
	position: relative;
}
.products-img{
	width: 70%;
}
.tlogo{
	position: absolute;
	max-width: 30px;
	height: auto;
	left: 5px;
	top: 5px;
}
.active-bgc{
	background-color: #20459d;
	color: #fff;
}
.active-bgc.btn.focus, .active-bgc.btn:focus, .active-bgc.btn:hover {
    color: #fff;
	}
/*professionals*/
.pro-img{
	width: 100%;
	height: auto;
}
/* solutions */
.so-h-w{
	width: 100%;
	overflow: hidden;
}
.sol-img{
	width: 100%;
	height: 100%;
}
.sol-h{
	height: 70px;
}
.sol-p {
	height: 50px;
}
/*Solutions_detail  */
.sol-deta-div{
	width: 95%;
	margin: 0 auto;
}
.sol-deta-div>img{
	width: 90%;
}
/*why-aeolus*/
.wa-div{
	width: 95%;
	margin: 0 auto;
	position: relative;
}
.wa-down{
	background-color:rgba(0,0,0,0.7);
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 20px;
	left: 0;
	line-height: 50px;
	display: flex;
	justify-content: space-between;
}
.img-h10{
	height: 10px;
}
/* logo-download */
.display-b {display:block;}
.logodown-li{
	width: 100%;
	height: 50px;
	line-height: 50px;
	display: flex;
	justify-content: space-between;
}
.logodown-div{
	display: flex;
}
.img-h30{
	height: 20px;
}
/*bootstrap样式修改*/
/* 路径 */
.breadcrumb{
	margin-bottom: 0!important;
	background-color:transparent !important;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}

/* 弹框 */
.tankuang{
	min-width: 300px;
	height: auto;
}
.input-div{
	width: 90%;
}
/* 右侧悬浮框 */
.sidebar{
	width: 73px;
	height: 360px;
	position: fixed;
	top: 250px;
	right: 0px;
	font-size: 12px;
	font-family: 微软雅黑, sans-serif;
	z-index: 99;
	background-color:rgba(0,0,0,0.5) ;
}
.sidebar ul {
    width:100%;
    height:100%;
	list-style: none;
	padding-left: 0;
}
.sidebar ul li {
    width: 73px;
    height: 60px;
    border-bottom:1px  solid #fff;
    text-align: center;
}
.sidebar ul li span {
    display: block;
}

ul{
	padding:0;
}
.modal-backdrop.in{
	filter: alpha(opacity=0)!important;
	opacity: 0!important;
}
body{
	padding: 0 !important;
}
.modal-open{
	overflow-y: scroll !important;
}
.modal-backdrop{
	z-index: 1 !important;
}
.modal{
	/*position: absolute !important;*/
	z-index:16 !important;
	overflow-y: hidden !important;
}
.tankuang{
	position: relative !important;
}
.tankuang .closex{
	position: absolute;
	top:10px;
	right:10px;
	cursor: pointer;
}

@media screen and ( max-width: 670px ) {
	.modal.container{
		padding:0 !important;
	}
	.modal-dialog{
		width: auto !important;
		max-width:350px;
		margin: 100px auto !important;
	}
}
a{
	color: #023894;
}
