@charset "utf-8";
/* CSS Document */
a, a:hover, a:link, a:active{text-decoration:none; }
.text1{ 
 color:#cc0000;
}
.text2,text2 a{
	color:#fff;
}
.text2 a:hover{
	color:#cc0000;
}
@media (max-width: 768px) {
	.tel-navbar-header{
		width:60%;
		float:left;
		
	}
}
.nav-li-jj{
	margin-left:32%;
}
.nav-new-jj{
	margin-left:42%;
}
@media (max-width: 768px){
	.nav-new-jj{
	margin-left:22%;
}
}
@media (min-width:769px) and (max-width: 1200px) {
	.nav-new-jj{
		margin-left:20%;
}
}
@media (min-width:1201px) and (max-width: 1600px){
	.nav-new-jj{
		margin-left:24%;
}
}
@media (max-width: 768px){
	.nav-li-jj{
		margin:0;
}
}

@media (min-width:769px) and (max-width: 1200px) {
	.nav-li-jj{
		margin-left:8%;
}
}
@media (min-width:1201px) and (max-width: 1600px){
	.nav-li-jj{
		margin-left:16%;
}
}
.nav-li-fg{
	border-right:#ef8b8b 1px solid;
}
@media (max-width: 768px){
	.nav-li-fg{
	border-right: none;
}
}
.nav-jgfw, nav-jgfw a{
	background-color:#67a4ff;
	width:120px;
	height:30px;
	border-radius:10px;
	color:#fff;
	margin-left:40px;
	text-align:center;
	line-height:24px;
}
.nav-jgfw a:hover{
	color:#cc0000;
}
@media (max-width: 768px){
	.nav-jgfw, nav-jgfw a{
		margin-left:0;
}
.nav-jgfw a:hover{
	color:#cc0000;
}
}
.nav-li-jj2{
	margin-top:20px;
}
.nav-li-jj3{
	margin-top:15px;	
}
@media (max-width: 768px){
	.nav-li-jj3{
	margin-top:20px;	
}
}

.tel-yc{
	padding-top:25px;
	margin-top:-45px;
	float:right;
}
@media (max-width: 768px){
	.tel-yc{
		display:none	
}
}

.container-fluid{
	background-color:#2e2a59;
}
.container-fluid-bg{
	background-color:#f5f5f5;
}

.jj{
	padding-top:60px;
	padding-bottom:60px;
}
.jj2{
	margin-top:40px;
}

.h2-xg, .h4-xg{
	text-align:center;
}
.h2-xg{
	color:#333;
}
.h4-xg{
	line-height:40px;
	color:#666;
}
.text3, .text3 a{
	color:#666;
	
}
.text3 a:hover{
	color:#cc0000;
}
.text4{
	color:#999;
}
.h3-xg, .h3-xg a{
	color:#333;
}
.h3-xg a:hover{
	color:#cc0000;
}
.caption-xg {
  padding-top: 6px;
  padding-bottom: 8px;
  padding-left:30px;
  padding-right:45px;
  color: #777;
  text-align: left;
  position:absolute;
  bottom:30px;
  left:;
  z-index:2;
}
.company-news-xg{
	height:450px; 
	width:380px; 
	background:#fff;
	-webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
  -moz-box-shadow:4px 4px 4px #e1e1e1; 
  -webkit-box-shadow:4px 4px 4px #e1e1e1; 
  box-shadow:4px 4px 4px #e1e1e1;
	}
.company-news {
  padding-top: 6px;
  padding-bottom: 8px;
  padding-left:30px;
  padding-right:45px;
  color: #777;
  text-align: left;
  position:absolute;
 
  left:;
  z-index:2;
}
.company-news h3{
	font-size:16px;
	color:#666; 
	background:url(../public/img/more.png) left center no-repeat; 
	padding-left:25px;
}

.company-news h3:hover{
	background: url(../public/img/more-hover.png) left center no-repeat; 
	
}
.company-news h4{
	font-size:12px;
	color:#999;
	background:url(../public/img/rili.png) left center no-repeat; 
	padding-left:20px;
}
.company-news h4:hover{
	background:url(../public/img/rili-hover.png) left center no-repeat; 
}
.company-news p{
	color:#999;
	font-size:14px;
}

.company-news hr{
	border:#e1e1e1 2px solid;
	margin-top:32px;
	
}
.thumbnail-xg{
	height:470px; 
	width:380px; 
	background:#fff;
	-webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
  -moz-box-shadow:4px 4px 4px #e1e1e1; 
  -webkit-box-shadow:4px 4px 4px #e1e1e1; 
  box-shadow:4px 4px 4px #e1e1e1;
	}
.market-activities{
	float:left;
}
@media (max-width: 768px){
	.market-activities{
		padding-left:20px;
}
}
.market-activities h3{
	color:#333;
	font-size:20px;
	
}
.market-activities_list{
	float:left;
}
.market-activities_list_left{
	float:left;
	
}
.market-activities_list_img{
	text-align:left;
	opacity:1;
	margin-top:30px;
	float:left;
	padding:0;
	
}
.market-activities_list_img:hover{
	opacity:0.9;
}
.market-activities_tit{
	background:#2e2a59;
	padding:18px 30px 20px 30px;
	margin-top:30px;
	
}
.market-activities_tit h4 a{
	color:#fff;
	font-size:16px;
	background: url(../public/img/white-arrow.png) left center no-repeat;
	opacity:1;
	padding-left:30px;
	
}
.market-activities_tit h4 a:hover{
	color:#fff;
	font-size:16px;
	background: url(../public/img/white-arrow.png) left center no-repeat;
	opacity:0.8;
	padding-left:30px;
}
.market-activities_tit p{
	margin-top:20px;
}
.market-activities_tit p a{
	color:#fff;
	font-size:14px;
	opacity:0.4;
	line-height:22px;
}
.market-activities_tit p a:hover{
	color:#fff;
	font-size:14px;
	opacity:1;
	line-height:22px;
	
}
.new-page{
	padding-left:200px;
	padding-right:200px;
}
@media (max-width: 768px){
	.new-page{
	padding-left:20px;
	padding-right:20px;
}
}
.new-page h1{
	font-size:40px;
	color:#333;
}
.new-page h5{
	font-size:12px;
	color:#999;
	background:url(../public/img/rili.png) left center no-repeat; 
	padding-left:20px;
	margin-top:15px;
}
.new-page h5:hover{
	background:url(../public/img/rili-hover.png) left center no-repeat;
	color:#cc0000;
}
.new-page img{
	margin-top:32px;
}
.new-page p{
	font-size:16px;
	color:#666;
	line-height:28px;
	margin-top:32px;
}
.new-page hr{
	border-bottom:#e1e1e1 2px solid;
	margin-top:60px;
}

.new-page-back a{
	font-size:14px;
	color:#666;
	background:url(../public/img/more.png) left center no-repeat;
	padding-left:30px;
	
}
.new-page-back a:hover{
	font-size:14px;
	color:#cc0000;
	background:url(../public/img/more-hover.png) left center no-repeat;
	padding-left:30px;
	
}
.media{
	margin-top:30px;
}
.industry_information{
	float:left;

}
@media (max-width: 768px){
	.industry_information{
	float:left;
	padding-left:40px;

}
}
.industry_information h3{
	color:#333;
	font-size:20px;
	padding:0;
}

.list-group-item-xg{
	border-top:none;
	border-bottom:#e1e1e1 2px solid;
	border-left:none;
	border-right:none;
	
}
.list-group-item-xg h4 {
	font-size:16px;
	color:#666;
	background:url(../public/img/more.png) left center no-repeat;
	padding-left:30px;
	
}

.list-group-item-xg h4 a{
	font-size:16px;
	color:#666;
	background:url(../public/img/more.png) left center no-repeat;
	padding-left:30px;
	
}
.list-group-item-xg h4:hover{
	font-size:16px;
	color:#cc0000;
	background:url(../public/img/more-hover.png) left center no-repeat;
	padding-left:30px;
	
}
.list-group-item-xg p{
}
.list-group-item-xg h5{
	font-size:12px;
	color:#999;
	background:url(../public/img/rili.png) left center no-repeat; 
	padding-left:20px;
	margin-top:15px;
}
.list-group-item-xg h5:hover{
	background:url(../public/img/rili-hover.png) left center no-repeat;
	color:#cc0000;
}

.login-logotext{
	font-size:18px;
	color:#999;
	margin-left:15px;
	line-height:28px;
}
.login-bg{
	background:url(../public/img/login/bg.jpg) left top no-repeat;
	position:relative;
	top:33px;
	left:0;
	padding-top:10%;
	padding-bottom:12%;
}
@media (max-width: 768px){
	.login-bg{
	background:url(../public/img/login/tel-bg.jpg) left top no-repeat;
	position:relative;
	top:35px;
}
.login-footer{
	background:rgba(0,0,0,0.4);
	position: absolute;
	bottom:0px;
	left:0;
}
}

.login-footer{
	width:100%;
	background:rgba(0,0,0,0.4);
	position:absolute;
	bottom:0;
	left:0;
	padding-top:10px;
	padding-bottom:10px;

}
.login-border, .login-border a{
	color:#fff;
	
	opacity:0.7;
}
.login-border a:hover{
	color:#fff;
	opacity:1;
}
.login{
	width:450px;
	border:#cc0000 4px solid;
	padding:50px 0 30px 0;
	margin:auto;
	background:rgba(0,0,0,0.4);
	color:#fff;
	position:relative;
}
@media (max-width: 768px){
	.login{
	width:90%;
	border:#cc0000 4px solid;
	padding:20px 0 0 0;
	margin:30% auto;
	background:rgba(0,0,0,0.4);
	color:#fff;
}	
.login-from{
	padding-left:10px; 
	padding-right:10px;
}
	}
.login-from{
	padding-left:50px; 
	padding-right:50px;
}
.login-btn{
	width:450px;
	text-align:center;
	line-height:44px;
	margin-top:50px;
	background:#cc0000;
    color:#fff;
	position:absolute;
	bottom:-48px;
	left:-4px;
}
.login-btn a{
	text-align:center;
	line-height:44px;
	margin-top:50px;
    color:#fff;
}
.login-btn:hover{
	text-align:center;
	line-height:44px;
	margin-top:50px;
	color:#fff;
	opacity:0.9
}
@media (max-width: 768px){
	.login-btn{
	width:102.8%;
	text-align:center;
	line-height:44px;
	margin-top:50px;
	background:url(../public/img/white-arrow.png) 100px center no-repeat #cc0000;
    color:#fff;
	position:absolute;
	bottom:-48px;
	left:-4px;
	border:#cc0000 4px solid;
}
.login-btn a{
	width:102.8%;
	text-align:center;
	line-height:44px;
	margin-top:50px;
	background:url(../public/img/white-arrow.png) 100px center no-repeat #cc0000;
    color:#fff;
}
.login-btn:hover{
	text-align:center;
	line-height:44px;
	margin-top:50px;
	background:url(../public/img/white-arrow.png) 100px center no-repeat #cc0000;
	color:#fff;
	opacity:0.9;
}
}

.about{
	padding:0;
	margin:70px 0 auto auto;
	background:none;
}
.about-contact{
	margin-top:46px;

}
.about-contact h6{
	color:#666;
	font-size:14px;
}
@media (max-width: 768px){
	.about-nr{
		padding-left:20px;
	}
}
.about-jj{
	padding-left:150px;
}
@media (max-width: 768px){
	.about-jj{
	padding-left:20px;
}
}
.about-nr h1{
	color:#333;
	font-size:30px;
	line-height:20px;
}
.about-nr h5{
	color:#cc0000;
	font-size:16px;
}
.about-nr hr{
	width:90px;
	border:#e1e1e1 2px solid;
	margin-top:38px;
}
.about-nr h3{
	color:#999;
	font-size:20px;
	margin-top:20px;
	line-height:28px;
}
.about-nr span{
	font-size:10px;
	color:#cc0000;
	padding:0px 5px;
	border:#cc0000 1px solid;
	border-radius:20px;
	margin-left:5px;
}
.about-nr p{
	color:#666;
	font-size:14px;
	line-height:32px;
}
.parter-jj{
	margin-top:60px;
	}
@media (max-width: 768px){
.parter-jj{
	margin-top:30px;
	}
}
.parter-img{
	padding-top:20px;
	padding-bottom:20px;
}
.parter-bg-1,.parter-bg-2,.parter-bg-3, .parter-bg-4, .parter-bg-5, .parter-bg-6, .parter-bg-7, .parter-bg-8, .parter-bg-9, .parter-bg-10, .parter-bg-11, .parter-bg-12, .parter-bg-13,
.parter-bg-14, .parter-bg-15, .parter-bg-16, .parter-bg-17, .parter-bg-18, .parter-bg-19, .parter-bg-20, .parter-bg-21, .parter-bg-22, .parter-bg-24, .parter-bg-25{
	width:128px;
	height:54px;
}
.parter-bg-1{	
	background:url(../public/img/logos-1.jpg) -50px -70px no-repeat
}
.parter-bg-1:hover{
	background:url(../public/img/logos-1.jpg) -50px -10px no-repeat
}
.parter-bg-2{
	background:url(../public/img/logos-2.jpg) -58px -70px no-repeat
}
.parter-bg-2:hover{
	background:url(../public/img/logos-2.jpg) -58px -10px no-repeat
}
.parter-bg-3{
	background:url(../public/img/logos-3.jpg) -66px -70px no-repeat
}
.parter-bg-3:hover{
	background:url(../public/img/logos-3.jpg) -66px -10px no-repeat
}
.parter-bg-4{
	background:url(../public/img/logos-4.jpg) -50px -70px no-repeat
}
.parter-bg-4:hover{
	background:url(../public/img/logos-4.jpg) -50px -10px no-repeat
}
.parter-bg-5{
	background:url(../public/img/logos-5.jpg) -60px -70px no-repeat
}
.parter-bg-5:hover{
	background:url(../public/img/logos-5.jpg) -60px -10px no-repeat
}
.parter-bg-6{
	background:url(../public/img/logos-6.jpg) -40px -70px no-repeat
}
.parter-bg-6:hover{
	background:url(../public/img/logos-6.jpg) -40px -10px no-repeat
}
.parter-bg-7{
	background:url(../public/img/logos-7.jpg) -50px -60px no-repeat
}
.parter-bg-7:hover{
	background:url(../public/img/logos-7.jpg) -50px -0px no-repeat
}
.parter-bg-8{
	background:url(../public/img/logos-8.jpg) -56px -61px no-repeat
}
.parter-bg-8:hover{
	background:url(../public/img/logos-8.jpg) -56px -1px no-repeat
}
.parter-bg-9{
	background:url(../public/img/logos-9.jpg) -66px -62px no-repeat
}
.parter-bg-9:hover{
	background:url(../public/img/logos-9.jpg) -66px -2px no-repeat
}
.parter-bg-10{
	background:url(../public/img/logos-10.jpg) -66px -70px no-repeat
}
.parter-bg-10:hover{
	background:url(../public/img/logos-10.jpg) -66px -10px no-repeat
}
.parter-bg-11{
	background:url(../public/img/logos-11.jpg) -36px -66px no-repeat
}
.parter-bg-11:hover{
	background:url(../public/img/logos-11.jpg) -36px -6px no-repeat
}
.parter-bg-12{
	background:url(../public/img/logos-12.jpg) -50px -60px no-repeat
}
.parter-bg-12:hover{
	background:url(../public/img/logos-12.jpg) -50px -0px no-repeat
}
.parter-bg-13{
	background:url(../public/img/logos-13.jpg) -56px -58px no-repeat
}
.parter-bg-13:hover{
	background:url(../public/img/logos-13.jpg) -56px 2px no-repeat
}
.parter-bg-14{
	background:url(../public/img/logos-14.jpg) -65px -60px no-repeat
}
.parter-bg-14:hover{
	background:url(../public/img/logos-14.jpg) -65px -0px no-repeat
}
.parter-bg-15{
	background:url(../public/img/logos-15.jpg) -63px -65px no-repeat
}
.parter-bg-15:hover{
	background:url(../public/img/logos-15.jpg) -63px -5px no-repeat
}
.parter-bg-16{
	background:url(../public/img/logos-16.jpg) -67px -70px no-repeat
}
.parter-bg-16:hover{
	background:url(../public/img/logos-16.jpg) -67px -10px no-repeat
}
.parter-bg-17{
	background:url(../public/img/logos-17.jpg) -34px -65px no-repeat
}
.parter-bg-17:hover{
	background:url(../public/img/logos-17.jpg) -34px -5px no-repeat
}
.parter-bg-18{
	background:url(../public/img/logos-18.jpg) -34px -5px no-repeat
}
.parter-bg-18:hover{
	background:url(../public/img/logos-18.jpg) -34px -65px no-repeat
}
.parter-bg-19{
	background:url(../public/img/logos-19.jpg) -64px -5px no-repeat
}
.parter-bg-19:hover{
	background:url(../public/img/logos-19.jpg) -64px -65px no-repeat
}
.parter-bg-20{
	background:url(../public/img/logos-20.jpg) -64px -5px no-repeat
}
.parter-bg-20:hover{
	background:url(../public/img/logos-20.jpg) -64px -65px no-repeat
}
.parter-bg-21{
	background:url(../public/img/logos-21.jpg) -64px -5px no-repeat
}
.parter-bg-21:hover{
	background:url(../public/img/logos-21.jpg) -64px -65px no-repeat
}
.parter-bg-22{
	background:url(../public/img/logos-22.jpg) -64px -5px no-repeat
}
.parter-bg-22:hover{
	background:url(../public/img/logos-22.jpg) -64px -65px no-repeat
}
.parter-bg-24{
	background:url(../public/img/logos-24.jpg) -34px -5px no-repeat
}
.parter-bg-24:hover{
	background:url(../public/img/logos-24.jpg) -34px -65px no-repeat
}
.parter-bg-25{
	background:url(../public/img/logos-25.jpg) -50px -5px no-repeat
}
.parter-bg-25:hover{
	background:url(../public/img/logos-25.jpg) -50px -65px no-repeat
}
.jj3{
}
@media (max-width: 768px){
.jj3{
	margin-top:20px;
	}
}
.jj4{
	padding-top:38px;
	padding-bottom:38px;
}
.jj5{
	padding-top:60px;
}
.nav-xl{
	 position: absolute;
    width: 10px;
    height: 5px;
    background: url('../public/img/nav-arrow.png') no-repeat 0 0;
    bottom: 14px;
    left: 50%;
    margin-left: -5px;
}

.navbar-header-jj{
	padding-top:20px; 
	padding-bottom:20px;
}
.carousel-jj{
	margin-top:72px;
}
.top{
	width:68px;
	height:68px;
	padding-top:15px;
	position:fixed;
	right:0;
	bottom:10%;
	z-index:10000;
	border-radius:10px;
	background-color:#fff;
	font-size:36px;
	text-align:center;
}
.top:hover{
	display:block;
   transition-property:all;
   transition-duration:1s;
   transition-timing-function:1s;
   transition-delay:0;
   
   
}

.top img{
	filter: alpha(opacity=60);
    opacity: .6;
}
.top img:hover{
  filter: alpha(opacity=100);
  opacity:1.0;
   transition-property:all;
   transition-duration:1s;
   transition-timing-function:1s;
   transition-delay:0;
}
.logo{
	

	
}
@media (max-width: 768px){
.logo{
	padding-left:30px;
}
}
.logo-img {
	opacity:1.0;
    filter:alpha(opacity=100);
}

.logo-img:hover{
	opacity:0.7;
    filter:alpha(opacity=0.7); 
}
@media (max-width: 768px){
   .dropdown-menu{
	   min-height:120px;
   }
}

.logo-tel{
	margin-top:26px;
}
.logo-jianju{

}
@media (max-width: 768px){
   .logo-tel{
	   position:absolute;
	   left:105px;
	   top:20px;
}
}
.more{
	background:url(../public/img/more.png) right center no-repeat;
}
.more:hover{

	background: url(../public/img/more-hover.png) right center no-repeat;
}
.new{
}
.new h2{
	text-align:center;
	

}
.new h2 span{
	background:#f5f5f5;
	padding-left:30px;
	padding-right:30px;
}
.new hr{
	margin-top:-25px;
	border-top:#d5d5d5 1px solid;
}
.dropdown-menu-kd{
	width:650px;
	margin:auto;
	text-align:center;
}
.dropdown-menu-kd.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu-kd .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu-kd > li{	
	float:left;
	text-align:center;
}
.dropdown-menu-kd > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 0.6;
  color: #ef8b8b;
  white-space:nowrap;
  float:left;
  text-align:center;
 
}
.dropdown-menu-kd > li > a:hover,
.dropdown-menu-kd > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color:;
  float:left;
 
}
.dropdown-menu-kd > .active > a,
.dropdown-menu-kd > .active > a:hover,
.dropdown-menu-kd > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color:;
  outline: 0;
}
.dropdown-menu-kd > .disabled > a,
.dropdown-menu-kd > .disabled > a:hover,
.dropdown-menu-kd > .disabled > a:focus {
  color: #fff;
}
.dropdown-menu-kd > .disabled > a:hover,
.dropdown-menu-kd > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.open > .dropdown-menu {
  display: block;
}
.pc{
	display:block;
	}
@media (max-width: 768px){
	.pc{
		display:none.
		
	}
}
.tel{
	display: none;
	}
@media (max-width: 768px){
	.tel{
		display: block
		
	}
}
.offline-bg{
	background:#22272d;
}
.offline-examination-left{
	background:url(../public/img/school/ks1.jpg) left top no-repeat;
}
.offline-examination-left h1{
	color:#fff;
	font-size:32px;
	margin-top:186px;
	margin-left:92px;
}
.offline-examination-left h1 a{
	color:#e7bd81;
}
.offline-examination-left h1 a:hover{
	color:#ff0000;
}
.offline-examination-left p{
	font-size:16px;
	color:#fff;
	margin-top:20px;
	margin-left:92px;
	margin-bottom:224px;
}
@media (max-width: 768px){
	.offline-examination-left h1{
	color:#fff;
	font-size:32px;
	margin-top:186px;
	margin-left:22px;
}
.offline-examination-left h1 a{
	color:#e7bd81;
}
.offline-examination-left h1 a:hover{
	color:#ff0000;
}
.offline-examination-left p{
	font-size:16px;
	color:#fff;
	margin-top:20px;
	margin-left:22px;
	margin-bottom:224px;
}
}

.offline-examination-right{
	background:url(../public/img/school/ks2.jpg) left top no-repeat;
}
.offline-examination-right h1{
	color:#fff;
	font-size:32px;
	margin-top:186px;
	margin-left:92px;
}
.offline-examination-right h1 a{
	color:#e7bd81;
}
.offline-examination-right h1 a:hover{
	color:#ff0000;
}
.offline-examination-right p{
	font-size:16px;
	color:#fff;
	margin-top:20px;
	margin-left:92px;
	margin-bottom:224px;
}
@media (max-width: 768px){
	.offline-examination-right h1{
	color:#fff;
	font-size:32px;
	margin-top:186px;
	margin-left:22px;
}
.offline-examination-right h1 a{
	color:#e7bd81;
}
.offline-examination-right h1 a:hover{
	color:#ff0000;
}
.offline-examination-right p{
	font-size:16px;
	color:#fff;
	margin-top:20px;
	margin-left:22px;
	margin-bottom:224px;
}
}
.solution{
	background:#fff;
}


.solution h2{
	color:#333;
	text-align:center;

}
.solution h2 span{
	background:#fff;
	padding-left:30px;
	padding-right:30px;
}
.solution hr{
	border:#d5d5d5 1px solid;
	margin:-25px auto;
}
.solution .list{
	padding-left:16px;	
	padding-top:20px;
	 border-radius:5px;
	 background:#fff;
	 -webkit-transition: border .2s ease-in-out;
     -o-transition: border .2s ease-in-out;
     transition: border .2s ease-in-out;
     -moz-box-shadow:2px 2px 2px #BABABA; 
     -webkit-box-shadow:2px 2px 2px #BABABA; 
     box-shadow:2px 2px 2px #BABABA;
	 height:140px;
	 width:380px;
	 border:#f1f1f1 1px solid;
	 margin-top:30px;

}
.about-list{
	padding-left:16px;	
	padding-top:20px;
	 border-radius:5px;
	 background:#fff;
	 -webkit-transition: border .2s ease-in-out;
     -o-transition: border .2s ease-in-out;
     transition: border .2s ease-in-out;
     -moz-box-shadow:2px 2px 2px #BABABA; 
     -webkit-box-shadow:2px 2px 2px #BABABA; 
     box-shadow:2px 2px 2px #BABABA;
	 height:150px;
	 width:380px;
	 border:#f1f1f1 1px solid;
	 margin-top:30px;

}

.about-job{
	width:240px;
	height:240px;
	background:#ba2c2a;
	color:#fff;
	font-size:36px;
	border-radius:200px;
	text-align-last:center;
	margin:60px auto;
	padding-top:50px;
}
.about-job span{
	font-size:20px;
}
.about-job hr{
	border-top:#fff 1px solid;
	margin:0
}
.about-job-text1{
	margin-top:44px;
	color:#666;
	font-size:14px;
	text-align:left;
}
@media (max-width: 768px){
	.solution .list{
		margin-top:10px;
}
}
.solution .list-jianju{
	margin-left:20px;
}
@media (max-width: 768px){
.solution .list-jianju{
	margin-left:0;
}
}
.solution .list-jianju2{
	padding-left:10px;
	 padding-right:30px; 
	 margin-top:20px;
}
@media (max-width: 768px){
.solution .list-jianju2{
	margin-top:0;
}
}

.solution .list .tit{
	margin-left:10px;
}
.solution .list .tit h4{
	color:#333;
	font-size:20px;
	text-align:left;
	line-height:20px;
}
.solution .list .tit hr{
	border:#f1f1f1 2px solid;
	width:50px;
	margin:10px auto;
	float:left;
}
.solution .list .tit p{
	font-size:14px;
	color:#999;
	line-height:20px;
	float:left;
	clear:both;
}
.fagui{
	padding:0;
	margin:70px 0 auto auto;
	background:none;
	position:relative;
}
.fagui-text{
	position:absolute;
	bottom:64px;
	color:#fff;
	text-align:left;
	width:60%;
}
.fagui-text hr{
	width:160px;
	border:#ba2c2a 2px solid;
}
.fagui-text h1{
	line-height:40px;
	text-align:left;
	padding-top:10px;
}
.fagui-text h5{
	color:rgba(255,255,255,0.8);
	line-height:24px;
	padding-top:6px;
}
.media-body{
	color:#999;
	clear:left;
	padding-left:30px;
	position:relative;
}
.media-body h4 a{
	color:#333;
	font-size:16px;
	background: url(../public/img/more.png) left center no-repeat;
	padding-left:20px;
	line-height:20px;
}
.media-body h4 a:hover{
	color:#c53431;
	background: url(../public/img/more-hover.png) left center no-repeat;
}
.media-body h5{
	font-size:14px;
	line-height:20px;
	margin-top:20px;
}
.media-body h6{
	font-size:12px;
	margin-top:60px;
	position:absolute;
	left:30px;
	bottom:-6px;
	padding-left:20px;
	background:url(../public/img/solution/solution4.png) left center no-repeat;
}
.media-body h6:hover{
	background: url(../public/img/rili-hover.png) left center no-repeat;
	color:#ba2c2a;
}
.row-border{
	border-bottom:#eaeaea 1px solid;
	padding-bottom:20px;
}
.pagination {
  display:inline-block;
  padding-left: 0;
  margin-top:30px;
  margin-left:auto;
  margin-right:auto;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #666;
  text-decoration: none;
  border:none;
  background:none;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #4d555d;
  border-radius:20px;

}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #4d555d;
  border-radius:20px;
  border:none;

}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #666;
  cursor: not-allowed;
  border:none;
  background:none;

}