html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,a,abbr,acronym,del,cite,address,small,sub,sup,b,u,i,center,font,em,strong,dl,dt,dd,ul,ol,li,form,fieldset,legend,table,caption,thead,tbody,tfoot,tr,th,td {
  margin:0;
  padding:0;
  outline:none;
}
body,h1,h2,h3,h4,h5,h6 {
  font-family:'Microsoft YaHei','PingFang SC',SimHei,Arial,SimSun;
}
ul,ol,li{
  list-style-type:none;
}
.banner{
	width:100%;
	/*height:calc(100% - 205px);*/
	position: relative;
	top:80px;
}
.header .ui-topNav .top-logo{
	padding-top: 8px;
}
.banner-bg{
	width:100%;
	height:100%;
	/*height:615px;*/
}
.banner-bg img{
	width:100%;
	/*display: none;*/
}
.banner-instr{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	max-height: 100%;
}
.content-inside{
	width:1400px;
	margin:0 auto;
}

.banner-location{
	font-size: 16px;
	color:#333;
	padding-bottom: 20px;
}
.banner-location a{
	color: #333;
}
.banner-location span{
	color:#333;
}
.banner-title{
	padding:25px 0px 25px;
	font-size: 30px;
	color:#1a1a1a;
}
.banner-jianjie{
	width:42%;
	line-height: 30px;
	max-height: 120px;
	overflow: hidden;
	font-size: 16px;
	color:#666;
}
.banner-more{
	margin-top: 30px;
}

.arrow{
	padding:40px 0 30px;
	position: relative;
	top:0px;
}
.arrow img{
	width:30px;
	height:15px;
	display: block;
	margin:0 auto;
}

.multiply{
	padding-bottom: 70px;
	margin-top: 110px;
}

.multiplyMobile{
	display: none;
}
.multiply .item{
	background: #fff;
	/*padding-bottom: 38px;*/
	margin-bottom: 38px;
	position: relative;
}
.multiply .item:after{
	display: block;
	clear: both;
	content: '';
}
.multiply .item .sider{
	width:10%;
	height: 100%;
	background: #fff;
	position: absolute;
	top:0;
	left:0;
	/*float: left;*/
}
.multiply .item > .sider:nth-child(4){
	left:90%;
	background: #e8e8e8;
}

.multiply .item:nth-child(even) .sider{
	background: #e8e8e8;
}
.multiply .item:nth-child(even) .sider:nth-child(4){
	left:90%;
	background: #fff;
}






.multiply .item  .img_area{
	width:25%;
	border:2px solid #003c6d;
	border-top:none;
	border-bottom:none;
	box-sizing: border-box;
	font-size: 0;
	position: relative;
	left:10%;
	top:0;
}

.multiply .item:nth-child(odd) .img_area{
	border-left:none;
	
}
.multiply .item:nth-child(even) .img_area{
	border-right:none;
	left:65%;
}


.multiply .item  .img_area img{
	width:100%;
	height:307px;
	min-height: 307px;
	display:inline-block;
}
.multiply .item .instr_area{
  	width:55%;	
  	padding-left:48px;
  	box-sizing: border-box;
  	background: #e8e8ea;
  	height: 100%;
  	position: absolute;
  	top:0;
  	left:35%;
}
.multiply .item:nth-child(even) .instr_area{
	padding-right:48px;
	padding-left:0px;
	left:10%;
}

.multiply .item  .instr_area .instr_area_inside{
	width:90%;
	height: 100%;
	position: relative;
}

.multiply .item  .instr_area .big_title{
	padding-top:45px;
	line-height: 80px;
	max-height: 80px;
	overflow: hidden;
	font-size: 40px;
	color:#003c6d;
	border-bottom: 1px dashed #7492ac;
}
.multiply .item  .instr_area .jieshao{
	font-size: 16px;
	color:#666;
	line-height: 24px;
	padding-top: 20px;
	max-height: calc(100% - 220px);
	 word-break: break-all;
   text-overflow: ellipsis;
   display: -webkit-box;    /** 对象作为伸缩盒子模型显示 **/
   -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
   -webkit-line-clamp: 3; /** 显示的行数 **/
   overflow: hidden; /** 隐藏超出的内容 **/
}
.multiply .item  .instr_area .more{
	margin:30px 0px;
	position: absolute;
	bottom:0;
}


.multiply .item .bg{
	width:100%;
	height:38px;
	background-image: url(../multiply-item-bg1.html);
	/*background-position: 100% 0px;*/	
	background-repeat: repeat;
	background-position:100% 0;
	padding-left:20%;
	box-sizing: border-box;
	background-clip: content-box;
	position: absolute;
	bottom:-38px;
	right:0;
}
.multiply .item .bg .bg_special{
	background-image: url(../multiply-item-bg2.html);
	background-repeat: no-repeat;
	width:185px;
	height:38px;
	position:absolute;
	left:12%;
	top:0;
	z-index: 100;
}
.multiply .item:nth-child(even) .bg{
	background-image: url(../multiply-item-bg1.html);
	background-repeat: repeat;
	padding-left:0;
	padding-right:20%;
	/*background-position: 0px 100%;*/	
	left:0;
}

	

.multiply .item:nth-child(even) .bg .bg_special{
	left:75%;
	background-image: url(../multiply-item-bg3.html);
	top:0;
}





@media  screen and (max-width: 1440px) {
	.header .ui-topNav .top-logo{
		padding-top:5px;
	}
	
	.header .log-img{
		width:400px;
		height:auto;
	}
	
	.lucion-content .container{
		width:1200px;
		margin:0 auto;
	}	
	
	.banner{
		/*height:calc(100% - 185px);*/
	}
	.banner-title{
		font-size: 30px;
		padding:15px 0;
	}
	.content-inside{
		width:1200px;
		margin:0 auto;
	}
	.multiply .item  .img_area {
		width:35%;
	}
	.multiply .item .instr_area{
		width:45%;
		left:45%;
	}
	.multiply .item:nth-child(even) .img_area{
		left:55%;
	}
}