.content{
  width: 100%;
  margin-top:110px;
}
.page_top{
  height: 338px;
}
.int_ban{
  background: url(../images/int_banner.png)no-repeat;
}
.int_bg-1{
  background: url(../images/abo_bg1.png) 0px 120px no-repeat;
}
.int_con{
  padding: 0 20px;
}
.int_con > h3{
  font-weight: 500;
  color: #36adf9;
  margin-bottom:20px;
}
.int_con > p{
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 2px;
}
.int_con .name{
  text-align:center;
  font-size:26px;
  color:#fff;
  transform:translateY(-100px);
}
.li{
  margin-top: -8px;

}
.m {
    margin: 50px;
}
.m_r {
    margin-right: 15px;
}
.m_l {
    margin-left: 15px;
}
/*about_fac*/
.int_bg-2{
  background: url(../images/abo_bg2.png) 0px 120px no-repeat;
}
.int_box{

}
.com_body{
	margin-top:50px;
  font-size: 16px;
  letter-spacing:0.5px;
}

.sh-cont{
}
.sh-cont .w{
width:70%;
margin:2% auto;
font-size:18px;

}
.sh-cont h2 {
font-size:22px;
    font-size: 20px;
    padding: 0 20px;
    margin: 8px 0px;
}
.sh-box{
margin:20px 0;
width:50%;
float:left;
}
.sh-box2{
margin:20px 0;
width:33%;
float:left;
}
.mem{
  margin-top: 70px;
}
.mem-block {
    display: inline-block;
}
.ch-3{
	width: 33%;
}
.mem-tit {
  width: 133px;
  height: 133px;
  border: 1px #36adf9 solid;
}
.mem-tit > p{
  padding: 40px 16px;
}
.mem-tit01 {
  width: 133px;
  height: 133px;
  line-height: 133px;
  text-align: center;
  background: #36adf9;
}
.mem-tit02 {
  width: 133px;
  height: 133px;
  text-align: left;
  background: #36adf9;
}
.mem-tit02 > p{
  padding: 30px 20px;
}
.mem-ul-line {
  border-left: 1px #36adf9 solid;
  margin-left: 30px;
  padding: 20px 0px 25px 56px;
  background: url(../images/ma_icon_pen.png) no-repeat 5% 13%;
}
.mem-ul-line2{
  background: none;
  padding-left: 35px;
}
.mem-ul-line li {
	padding-bottom: 8px;
	font-size: 16px;
	color: #4d4e4e;
	background-image: url(../../images/icon2.png);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	padding:2px 0 2px 24px;

}
.pf{
  color: #fff;
  font-size: 22px;
}

.learn-more{
font-size:18px;
}
.link{

  color: #36adf8;
}


/*viocon*/
#viocon{
	width:100%;
	float:left;
	background-image: url(../images/int_p1.jpg);
	background-repeat: no-repeat;
}
.viocon{
width:1200px;
margin:0 auto;
height:500px;
text-align:center;
padding:150px 0 0 0;

}
.viocon h1{
	color:#FFFFFF;
	font-size:24px;
	font-weight: normal;
	margin:20px 0;

}

.viocon .learn-more{
	color:#FFFFFF;
	border: 1px solid #FFFFFF;	font-weight:100;
}

/*idecon*/

#idecon{
	width:100%;
	float:left;
	background:#f5f5f5;
	padding:40px 0;
}
.idecon{
width:1200px;
margin:0 auto;


}
.idecon h1{
	color:#54b9fa;
	font-size:18px;
	font-weight: normal;
	padding:5px 0;


}
.idecon_l{
	width:25%;
	float:left;
}
.idecon_l p{
padding:10px 0px;	line-height:26px;
}

.idecon_r{
	width:75%;
	float:left;
}

/*idx-box*/
.idx-box{
background:#f5f5f5;
padding:20px;width: 40%;
margin:0 auto;


}
.idx-box h1{
text-align:center;

	font-size:20px;
}
.idx-box h2{

	color:#54b9fa;
	font-size:18px;
}
.idx-box  li{
	list-style:none;
	font-size:16px;
	background-image: url(../../images/icon1.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	padding:0 0 0 20px;
}

/*peacon*/

#peacon{
	width:100%;
	float:left;

	padding:40px 0;
}
.peacon{
width:1200px;
margin:0 auto;
}

.peacon h1{
	color:#54b9fa;
	font-size:22px;
	font-weight: normal;
	padding:5px 0;
}
.peacon p{
    width: 70%;
    margin: 2% auto;
    font-size: 18px;
	text-align:center;
}
.peabox{
width:90%;
margin:0 auto;}


.peabox1 h1{
color:#943a3a;
font-size:22px;
line-height:18px;
padding:0 20px;
}
.peabox2 h1{
color:#578617;
font-size:22px;
line-height:18px;
padding:0 20px;
}
.peabox3 h1{
color:#6146d7;
font-size:22px;
line-height:18px;
padding:0 20px;
}

.peabox1,.peabox2,.peabox3{
line-height:30px;
	width:32%;
	float:left;
	padding:10px;
	margin:5px;
}
.peabox1 ul{
	background-color: #ffe9e9;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #943a3a;
	padding:20px 30px;
}
.peabox2 ul{
	background-color: #e0ebd1;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #578617;
	padding:20px 30px;
}
.peabox3 ul{
	background-color: #d5cdfb;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #6146d7;
	padding:20px 30px;
}
.peabox1 li{
list-style-type:none;
}
.peabox span{
width:72%;
float:left;
margin:0 20px;
}

/*impcon*/
#impcon{
	width:100%;
	float:left;
	padding:40px 0;
}
.impcon_l{
	width:45%;
	float:left;
background:#54b9fa;
margin:55px 0;
}
.impcon_l p{
background:#54b9fa;
color:#FFF;
float:right;
width:50%;
padding:40px 40px;
line-height:30px;

}

.impcon_r{
	width:40%;
	float:left;
	margin:0 2%;
}


/*quecon*/

#quecon{
	width:100%;
	float:left;
	padding:40px 0;
	background-image: url(../images/que_p1.jpg);
	background-repeat: no-repeat;
	height:500px;
}
.quecon{
width:1200px;
margin:0 auto;
text-align:center;color:#FFFFFF;
padding:140px 0 0 0;

}
.quecon h1{
color:#FFFFFF;
margin:10px 0;

}
.quecon .learn-more{
	color:#FFFFFF;
	border: 1px solid #FFFFFF;
	font-weight:100;
}

.qatab{

}

.qatab table{

}
.qatab th{
background:#36adf9;
padding:5px 5px;
text-align:center;
color:#FFFFFF;

}
.qatab tr:hover{
background:#f5f5f5;
}
.qatab h1 {
color: #1d6ea7;
font-size: 20px;
padding: 0 20px;
margin: 8px 0px;
}
.qatab h2 {
    color: #578617;
    font-size: 20px;
    padding: 0 20px;
    margin: 8px 0px;
}
.qatab h3{
color:#a16e29;
font-size:20px;
padding:0 20px;
}
.qatab td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding:8px 5px;
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .abu_txt_l span {
    float: right;
    width: 100%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .nav.navbar-nav li a{
    margin: 0 7px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .idecon{
    width: 100%;
  }
  .idecon_l{
    width: 30%;
    padding: 0 20px;
  }
  .idecon_r{
    width: 70%;
  }
  .viocon{
    width: 100%;
  }
  #peacon{
    padding: 40px 20px;
  }
  .peacon{
    width: 100%;
  }
  .peabox{
    width: 95%;
  }
  .quecon{
    width: 100%;
  }
  .peacon p{
    width: 80%;
  }
  .impcon_l{
    width: 45%;
    margin: 0;
  }
  .impcon_r{
    width: 50%;
  }
  .impcon_l p{
    width: 65%;
  }
}

@media screen and (min-width:320px) and (max-width:768px){
  .abo_ban{
    background: url(../images/abo_banner.png) -220px no-repeat;
  }
  .int_ban{
    background:url(../images/int_banner.png)no-repeat -360px;
  }
  .sh-cont .w{
    width: 90%;
  }
  .sh-box,.sh-box2{
    width: 100%;
  }
  .viocon{
    width: 100%;
  }
  .idecon{
    width: 100%;
  }
  .idecon_l{
    width: 100%;
  }
  .idecon_r{
    width: 100%;
  }
  .peacon{
    width: 100%;
  }
  .peabox1, .peabox2, .peabox3{
    width: 100%;
    padding: 10px 0;
  }
  .peacon p{
    width: 90%;
  }
  .impcon_l{
    width: 100%;
  }
  .impcon_l p{
    width: 100%;
  }
  .impcon_r{
    width: 100%;
    margin: 0;
  }
  .quecon{
    width: 100%;
  }
  #idecon,#peacon{
    padding: 40px 15px;
  }
  .peabox span{
    width: 100%;
    margin: 0 8px;
  }

  .idx-box {
    margin: 3% 1%;
  }
}
@media screen and (min-width:700px) and (max-width:768px){
	.peabox1, .peabox2, .peabox3{
    width: 31%;
    margin: 5px 1%;
  }
}
@media screen and (max-width:400px){
  .int_ban{
    background:url(../images/int_banner.png)no-repeat -400px;
  }
}
.clear{
  clear: both;
}