@charset "utf-8";
/* CSS Document */
html{ font-size:62.5%;}
.mt20{ margin-top:20px;}
.mb160{ margin-bottom:160px !important;}
.mb120{ margin-bottom:120px !important;}
.mb110{ margin-bottom:110px !important;}
.mb80{ margin-bottom:80px !important;}
.mb50{ margin-bottom:50px !important;}
.mb30{ margin-bottom:30px !important;}
.mb15{ margin-bottom:15px !important;}

.clearfix:after{
	content: " ";
	height: 0;
	display: block;
	clear: both;
}
.img-1{
	display: block;
	float: left;
	    margin-top: 50px;
}
.wbtm{
	position: relative;
	margin-bottom: 40px;
}
.imgleft{
	float: right;
}
.imgtitle{
	color: #1296DD;
    font-size: 20px;
    letter-spacing: 1px;
    position: relative;
    left: 193px;
    top: -10px;
}
.pp1{
	    color: #0C6094;
    font-size: 22px;
    text-decoration: underline;
    margin-bottom: 20px;
    text-align: center;
}
.listl1 div{
	    background: #76C5F0;
    float: right;
    width: 195px;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    font-size: 18px;
    color: #171517;
}
.listl1 p{
	margin-bottom: 20px
}
.imgleft{
	    position: relative;
    top: -40px;
}
.fastli{
	float: left;
	text-align: center;
	font-size: 18px;
    font-weight: bold;
}
.fastli1{
	margin-left: 90px;	
}
.fastli img{
	width: 170px;
}
ul .fastli:nth-child(2) img{
	width: 163px;
}
.fastright{
	float: left;
	position: relative;
	padding-top: 130px;
	margin-left: 288px;
}
.fastimg{
	position: absolute;right: -8px;top: 30px;
}
.fastimg img{
	width: 400px;
}
.fastleft{
	float: left;
	margin-left: 100px;
	position: relative;
}
.fastleft .dblue{
	position: absolute;
	bottom: -100px;
    left: 90px;
	
}
.dblue{
	    background: #D4E3EA;
    text-align: center;
    line-height: 50px;
    font-weight: bold;
    font-size: 18px;
    width: 262px;
}
.dyellow{
	background: #F0E8D6;
    text-align: center;
    line-height: 50px;
    font-weight: bold;
    font-size: 18px;
    margin: 20px 0;
    width: 262px;
}
.coreD{
	line-height: 30px;
	font-size: 18px;
}




.whiteBg{ width:100%; background:#fff; overflow:hidden;}
.grayBg{ width:100%; background:#f6f6f6; overflow:hidden;}
.blueBg{ width:100%; background:#cfebf5; overflow:hidden;}
.iconAbout1{ width:10px; height:10px; background:url(../images/iconAbout1.png) no-repeat; display:inline-block; vertical-align:middle; margin-right:5%;}

.j_topBox{ width:100%; position:relative; overflow:hidden;}
.j_aboutBanner{ width:100%; height:auto;}
.j_aboutBanner img { width:100%; height:auto;}
.j_topBox_text{ position: absolute;right:10%; top: 30%; font-size: 2.4rem; color: #fff; display: none;}

.j_aNavBox{ width: 100%; height:54px; background:url(aNavBg.png) repeat-x top; text-align:center; position:absolute; bottom:0;}
.j_fixed { position: fixed; top: 0; left:0; bottom:inherit; background:#fff; border-bottom:1px #eee solid; z-index:10;}
.j_aNavBox a{ font-size:1.6rem; color:#333; display:inline-block; padding:0 25px; height:50px; line-height:54px;}
.j_aNavBox a:hover, .j_aNavBox a.curr{ border-bottom: 4px #40c3ef solid;}

.j_aIntroduct{padding:85px 0;}
.j_aIntroduct dt{ width:50%; float:left;}
.j_aIntroduct dt img{ width:100%;}
.j_aIntroduct dd{ width:45.4%; float:right;}
.j_aIntroduct dd p{ font-size:1.6rem; line-height:33px; text-indent:2em;}
.j_aboutTit{ font-size:2.0rem; color:#2585bb; text-align:center; margin-bottom:30px;}

.j_aIntroduct_b{ padding:20px; border:2px #d1f3fe solid; position: relative; margin-top: 30px; box-shadow:0 4px 10px #b5ebfc;}
.j_aIntroduct_b .j_aIntroduct_tit{ display: inline-block; padding:6px 15px; background: #40c3ef; border-radius:5px; font-weight: 600; color: #fff; position: absolute;
	top:-18px; left:10px; font-size:1.6rem;}
.j_aIntroduct dd .j_aIntroduct_b p{ text-indent: 0;}

.j_aDirect{ width:100%; height:668px; background:url(aboutConBg1.jpg) center center; position:relative;}
.j_aDirectBox{ position:relative; z-index:9;}

h2.cf{ color:#fff;} 
.j_aDirect_leftCon{ width:47.5%; float:left;}
.j_aDirect_leftCon h2{ margin:18% 0 15%;}
.j_aDirect_leftCon img{ width:100%; height: auto;} 
.j_aDirect_rightCon{ width:44%; float: right;}


.j_aCore{padding:50px 0;}
.j_aCore dt{ width:45.5%;}
.j_aCore dd{ width:50.6%;padding-top: 42px;}
.j_aCore dd strong{ display:block; font-size:1.8rem; line-height:26px; margin-top:40px;}
.j_aCore dd p{ text-indent:0; no-repeat left 8px; padding-left:15px; line-height:24px;}

.j_aPlan{ width:100%; padding:100px 0 50px; background:url(../images/planConBg1.jpg) no-repeat center center;}
.j_aPlan .j_aboutTit { margin-bottom:50px;}
.j_aPlan ul li { width:33.3%; text-align:center; font-size:1.6rem; color:#fff; float:left; margin-bottom:50px;}

.j_aHistory{ width:100%; background:url(historyConBg1.jpg) repeat-y center top; padding:50px 0 70px;}
.j_aHistory_bg{ width:100%; background:url(j_aLine.png) repeat-y center; position:relative;}
.j_aHistory_left{ width:42%;position:absolute; top:0; left:0; text-align:right; z-index:9;} 
.j_aHistory_tit{ width:20%; padding:0 17px 15px 0; border-right:7px #3bdafc solid; border-bottom:7px #3bdafc solid; float:right; margin-bottom:15px;}
.j_aHistory_tit h2{ width:100%; text-align:center; padding:20px 10px; color:#fff; background: #3bdafc; font-size:4.0rem; margin-left:-15px;}
.j_aHistory_text{ text-align:right; color:#fff;}
.j_aHistory_text strong{ display:block; text-align:right; font-size:2.5rem; color:#3bdafc; font-weight:normal; margin-bottom:5px; position:relative;}
.iconDot{ width:26px; height:26px; background:#3bdafc; display:block; position:absolute; right:-21.5%; top:-4px; border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -webkit-border-radius:50%;}
.j_aHistory_text .iconAbout1{ margin-right:5px;}

.j_aHistory_right{ width:42%; position:absolute; top:0; right:0; }
.j_aHistory_right .j_aHistory_text{ text-align:left;}
.j_aHistory_right .j_aHistory_text strong{ text-align:left;}
.j_aHistory_right .iconDot{left:-21.5%; right:inherit;}

.j_aValue{ width:100%; background:url(../images/valueConBg1.jpg) repeat-x top #f6f6f6; padding:50px 0 70px;}
.j_aValue_left{ width:52.5%; float:left;}
.j_aValue_left .j_aboutTit{ margin-bottom:20px;}
.j_aValue_top{ text-align:center;}
.j_aValue_top span{ font-size:1.8rem; padding:0 1.5%; display:inline-block;}
.j_aValue_text{ background:#39b2db; padding:40px 7.5% 70px; margin-top:50px; color:#fff; font-size:1.4rem;}
.j_aValue_text h2{ font-size:2.0rem; text-align:center; margin-bottom:40px;}

.j_aValue_right{ width:47.5%; float:left;}
.j_aValue_right img { width:100%; height:auto;}

.j_aHonor{ padding:50px 0;}
.j_aHonor h2{ color:#666;}
.j_aHonor ul li img{ width: 100%; height: auto;}
.j_aHonor_conBox{width: 29%;margin: 0 2% 15px; float: left;}
.j_aHonor_ul_pic{width: 100%; position: relative;}
.j_aHonor_ul_pic img{ width: 100%;}
.j_aHonor_ul_pic_text{width: 100%; padding:5px 1% 0; height: 50px; line-height: 20px; position: absolute;bottom:0;left:0; background:rgba(255, 255, 255, 0.8); font-size: 1.4rem; text-align: center; box-sizing:border-box;}
.j_aHonor_year{width:100%; height: 65px; line-height: 65px; text-align: center;background: #39b2db;font-size: 2.0rem; color: #fff; font-weight: 600;}
.AppHonor{ display: none;}

.honor_picScroll{ width:100%; position:relative; }
.honor_picScroll .hd .prev,.honor_picScroll .hd .next{ display:block;  width:22px; height:66px; overflow:hidden; position:absolute; top:207px;
	 cursor:pointer; background:url(Scroll_jt.jpg) no-repeat; z-index: 99;}
.honor_picScroll .hd .next{ background-position:-28px 0px; right:-25px;}
.honor_picScroll .hd .prev{background-position:0 0px; left:-25px;}
.honor_picScroll .bd ul{ overflow:hidden; zoom:1; }
.honor_picScroll .bd ul li{ margin: 0 21px 15px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.honor_picScroll .bd ul li .title{ line-height:24px;   }
.honor_picScroll .j_aHonor_conBox{ width: 100%; margin: 0;}
.PcHonor .honor_picScroll .bd ul li{width: 356px !important;}

.j_recruitBox{ margin-top:-230px; position:relative; z-index:9;}
.j_recruit_left{ width:24.5%; padding:40px 1px 40px 2.5%; float:left; background:#fff; border:1px #d6d6d6 solid;}
.j_recruitTit{ border-bottom:1px #0cb2e5 solid; width:90%; margin-bottom:25px;}
.j_recruitTit span{ display:inline-block; font-size:1.8rem; font-weight:normal; background:#fff; padding-right:10px; margin-bottom:-10px;}
.iconDot1{ width:12px; height:12px; display:inline-block; background:#0cb2e5; border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -webkit-border-radius:50%; margin-right:5px;}
.j_recruitNav a{ height:44px; line-height:44px; padding-left:5%; display:block; margin-bottom:1px;}
.j_recruitNav a:hover,.j_recruitNav a.cur{ background:#dcdbd9; color:#666;} 
.j_recruit_right{ width:66%; padding:40px 2.5%; float:right; background:#fff; border:1px #d6d6d6 solid;}
.j_recruit_right .j_recruitTit{ width:98%;}
.j_recruit_left1{ display: none;}

.j_aDream{padding: 60px 0;}
.j_aDreamPic{ width: 50%; height: auto;}
.j_aDreamPic img{ width: 100%; height: auto; margin-top: 20px;}
.j_aDreamText{ width: 44%; padding-left:6%;}
.j_aDreamText h2{ margin-top: 18%; font-size: 2.4rem; margin-bottom: 5%; font-weight: normal;}
.j_aDreamText h2 span{ font-size: 2.0rem;}
.j_aDreamText span{ margin-right: 2.5%;}
.j_aDreamText p{ margin-top: 1.5%; line-height: 28px;}
.j_aDreamText p strong{ display: block;}
.j_aDreamText p strong,.j_aDreamText p font{ font-size: 2.0rem; font-weight: normal;}
.j_aDreamBox2 .j_aDreamText{ margin-top: 4%;}
.j_aDreamBox2 .j_aDreamText p strong{ margin-top: 4%;}
.j_aDream_last h2{ margin-top: 5%;}

/*----raise----*/
.raiseBanner{ width:100%; height:350px; position:relative; overflow:hidden;}
.raiseBanner img{ position:absolute; left:50%; top:0; margin-left:-960px;}
.raiseBanner_tit{ font-size:26px; color:#fff; position:absolute; left:15%; top:185px;}
.raiseTit h2{ font-size:20px; color:#333; font-weight:normal; margin-left:1%; }
.raiseTit a{ font-size:14px; color:#fd984a; margin-right:1%;}
.iconMore{ width:14px; height:11px; background:url(../images/iconMore.png) no-repeat; display:inline-block; margin-left:3px;}

.raiseList li{ width:23.7%; float:left; border:1px #ededed solid; background:#fff; max-height:258px; margin:12px 0.5% 0;
	border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	-webkit-border-radius:2px;}
.raiseList_img{ padding:10px; width:100%; box-sizing:border-box;}
.raiseList_img img{ width:100%; height:auto;}
.raiseList_text{ padding:3px 10px 5px; font-size:12px; border-top:1px #ededed solid;}
.raiseList_text p { height:45px; overflow:hidden;}
.raiseList_text p font{ color:#333;}
.raiseList_text a:hover p font{ color:#0c6a9f;}
.raiseList_text span{ color:#fe0200; font-size:14px;}
.raiseList_text span strong{ font-size:18px;}

@media screen and (max-width:768px) {
	.j_aboutBanner img { width:180%; height:auto; margin-left:-50%;}
	.j_aIntroduct{ width:96%; margin:0 auto;}
	.j_aNavBox{ display:none;}
	.j_aDirect_leftCon ul,.j_aDirect_leftCon .j_aboutTit{ position:relative; z-index:9;}
	.j_aDirect_leftCon h2{ margin:6% 0 10%;}
	.j_aDirect_rightCon h2{ margin:10% 0 5%;}
	.j_aDirect_leftCon ul li{width:34%; padding-left:16%; margin:0 0 10px;}
	.j_topBox_text{ display: block;}
	
	.j_recruitNav a:hover, .j_recruitNav a.cur{ background: none; color: #666;}
	.j_recruitTit{ padding:15px 0 15px 2%;}
	.iconDot1{ margin: 0 5px;}
	
	.j_aDreamText{ width: 94%; padding:4% 0 4% 6%;}
	.j_aDreamText h2{ margin-top: 0;}
	.j_aDreamPic{ width: 100%;}
	.j_aDreamText p strong, .j_aDreamText p font{ font-size: 1.8rem;}
	.j_aDreamBox2 .j_aDreamText{ margin-top: 0;}
	.j_aDreamBox2 .j_aDreamText br{ display: none;}
	.PcHonor{ display: none;}
	.AppHonor{ display:block;}
	.AppHonor .j_aHonor_conBox{ width: 94%; margin: 0 auto 15px; float: inherit;}
	
	
@media screen and (max-width:640px) {
	.mb160{ margin-bottom:40px !important;}
	.mb120{ margin-bottom:60px !important;}
	.mb110{ margin-bottom:55px !important;}
	.mb50{ margin-bottom:25px !important;}	
	.mb15{ margin-bottom:15px !important;}

	.j_recruitTit{ width: 98%;}
	.j_aIntroduct{ padding:0 0 40px;}
	.j_aIntroduct dt{width: 100%; float: inherit; margin-bottom: 30px; display: none;}
	.j_aIntroductD dt{ display: block;}
	.j_aIntroduct dd{ width:100%; margin-top: 20px;}
	
	.j_aDirect_leftCon,.j_aDirect_rightCon{ width:100%; text-align: center;}
	.j_aDirect_leftCon img{ width: 90%;}
	.j_aCore dd strong{ margin-top:20px;}
	.j_aPlan{ padding:50px 0 0;}
	.j_aPlan ul li img{ width:35%;}
	
	.j_aHistory_tit{ width:70%; margin-bottom: 25px;}
	.iconDot{ width:16px; height:16px; top:5px;}
	
	.j_aHistory_text strong{ font-size:1.6rem;}
	.j_aHistory_text p{ font-size:1.2rem; }
	
	.j_aValue{ padding:50px 0 0px}
	.j_aValue_top span{ font-size:1.4rem;}
	.j_aValue_left{ width:100%;}
	.j_aValue_right{ display:none;}
	
	.j_recruitBox{ margin-top:-50px;}
	
	.j_recruit_left{ width:93.5%; margin:0 auto 10px; float:inherit; clear:both; overflow:hidden; display: none;}
	.j_recruit_left1{ display: block;}
	.j_recruit_right{ width:91%; margin:10px auto; float:inherit; display:none;}
	.j_recruit_text{ padding: 0 10px;}
	.j_recruitNav li{ width:94%;border-bottom: 1px #eee solid; }
	.j_recruitNav li a{ height:34px; line-height:34px; position: relative;}
	.j_recruitNav li a i{ position: absolute; right: 15px; top:3px; color: #999;}
	
	.j_aHonor ul li.j_aHonor_ul_li1{ width: 100%;}	
	.raiseBanner{ height:150px;}
	.raiseBanner img{ height:100%; width:auto; margin-left:-460px; }
	.raiseBanner_tit{ top:60px;}
	.raiseList li{ width:47%; margin:12px 1% 0;}
	.img-1{
		    width: 100%;
    margin-bottom: 90px;
    
	}
	.imgtitle{
		    text-align: center;
    left: 9px;
    top: 5px;
	}
	.listl1{
		text-align: center;
	}
	.listl1 div{
		float: none;
		margin: auto;
	}
	.fastleft{
		    float: none;
    width: 100%;
    padding-left: 5%;
    margin-left: 0;
	}
	.fastright{
		    float: none;
    margin: auto;
    width: 70%;
    margin-top: 10%;
        padding-top: 80px;
	}
	.j_aIntroduct{
		padding-left: 3%;
	}
	.coreD{
		padding-left: 3%;
	}
	.pp2{
		padding-left: 3%;
	}
	.fastli1{
	margin-left: 0;
	}
	.fastimg img{
	width: 100%;
}
	.fastimg{
		position: static;
	}
	.fastleft .dblue{
		    position: absolute;
    bottom: -100px;
    left: 50%;
    width: 262px;
    margin-left: -144px;
	}
	.j_aCore dd{
	padding-top: 0;
}
	.pp1{
		left:0 !important;
	}
}

@media screen and (max-width:414px) {
	.iconDot{right:-23.5%;}
	.j_aHistory_right .iconDot{left:-23.5%;}
}

@media screen and (max-width:360px) {
	.fastli img {
    	width: 146px;
	}
	ul .fastli:nth-child(2) img {
    	width: 140px;
	}
}

@media screen and (max-width:320px) {

	.j_aHistory_tit{margin-bottom: 45px;}
	.j_aDirect_leftCon h2{ margin:18% 0 15%;}
	.j_aDirect_rightCon h2{ margin:18% 0 15%;}
	.j_aHistory_text p{font-size: 1.1rem;}
	.mb30{  margin-bottom:50px !important;}
	.raiseList_text p { height:72px;}
}