@charset "utf-8";

/*人才发展*/
.rcfzz { padding-bottom:90px;}
.rcleft { float:left; width:48%;}
.rcright { float:left; width:52%; padding-left:70px;}
.jot{	padding-left:60px;	}
.jot span{
	display:block;
	width:25%;
	float:left;
	line-height:52px;
	height:52px;
	overflow:hidden;
	background:#E39628;
	color:#fff;
	text-align:center;
	font-size:16px;
	}
.jotis span{
	border-right:1px solid #ECB970;
	line-height:61px;
	height:61px;
	font-size:16px; font-weight:bold;
	}
.jotis  span:last-child { border:none;}	
.jod > span{
	background:#F3F3F3;
	color:#333333;
	cursor:pointer;
	transition:300ms;
	-webkit-transition:300ms;
	font-size:14px;
	}
.jotxs:nth-child(2n) span { background:#E6E7E8;}		

.jotxs{ position:relative; margin-bottom:8px; } 
.jos{
	padding-left:55px;
	display:none;
	}
.jos .bodr{
	background:#FCF7EB;
	padding:30px 5%;
	border-top:0;
	}
.jos .bodr span{
	display:block;
	background:none;
	padding-top:20px;
	margin-top:15px;
	}
.jos .bodr span a{ display:inline-block; width:120px; line-height:40px; text-align:center; color:#fff; font-size:14px;border:1px solid #E39628; background-color:#E39628;}
.jos .bodr span a:hover { border:1px solid #E39628; background:#fff; color:#666;}
.jotxs .line{
	background:#E39628;
	display:block;
	position:absolute;
	 cursor:pointer;
	}
.jotxs .line_1{
	width:20px;
	height:2px;
	top:24px;
	left:0px;
	}
.jotxs .line_2{
	width:2px;
	height:20px;
	top:15px;
	left:10px;
	}
.jotxs .arrow{
	width:40px;
	height:47px;
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
	transition:300ms;
	-webkit-transition:300ms;
	}
.jotxs:hover .jod > span,
.jotxs.act .jod > span {
	background:#FFBA08; color:#fff;
	}
/*.jotxs span:nth-child(2n) { color:#333 !important;}		*/
	
.jotxs.act .arrow{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	} 
.arrow .line{ margin-left:0px;} 
.jos p{ font-size:14px; color:#666; line-height:28px;}
.jos h3{ font-size:16px;line-height:36px; font-weight:bold;}

.rcsub { font-size:16px; color:#333333; font-weight:bold;}
.rcwen { padding-top:13px; border-bottom:1px solid #DEDEDE; padding-bottom:24px; margin-bottom:27px;}
.rcwen p { line-height:28px;}
.htrclist { margin-left:-13px; margin-right:-13px;}
.htrclist ul li { width:50%; padding:0 13px; float:left; margin-bottom:12px;}
.rcpic { overflow:hidden;}
.rcpic img { width:100%;}
.rcpic img {  transition: all .5s ease;-webkit-transition:all .5s ease;}
.htrclist ul li:hover img{ transform:scale(1.1,1.1)}

.htrclist { padding-top:20px;}
.htrclist ul li p { color:#666; margin-top:10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.rcleft .rcsub{ padding-left:60px; padding-bottom:23px;}
.rcleft .rcsub a { float:right; color:#999999;}
.rcleft .rcsub a:hover { color:#333;}
.htrclist ul li:hover p { color:#E39628;}


@media screen and (max-width:1199px){
.rcright {padding-left:40px; width:50%;}
.jot{	padding-left:50px;	}
.rcleft { width:50%;}

}
@media screen and (max-width:991px){
.rcright {padding-left:40px; width:50%; padding-top:20px;}
.jot{	padding-left:40px;	}
.rcleft { width:50%;}
.rcleft .rcsub{ padding-left:40px;}

}
@media screen and (max-width:767px){
.rcright {padding-left:0px; width:100%;}
.rcleft { width:100%;}
.rcfzz { padding-bottom:30px;}
.jotis span{line-height:50px;height:50px;font-size:15px; }
.jos .bodr{padding:15px 5% 30px;}
}
@media screen and (max-width:641px){
.jot span { width:33.33%;}
}
@media screen and (max-width:475px){
.jot { padding-left: 30px; }
.jotxs .arrow { width: 30px; }
.jotxs .line_1 { left: 0; }
.jotxs .line_2 { left: 10px; }
.jos { padding-left: 30px; }
.jotxs { margin-bottom:5px; }
.rcleft .rcsub{ padding-left:30px;}

}
@media screen and (max-width:361px){
.jot span{ font-size:13px; width:42%;}
.jot span:nth-child(1){ width:58%; }
.jot span:nth-child(4){ display:none;}
}

/*宣传视频*/
.works{ padding-bottom:20px;}
.works .row { margin-left:-10px; margin-right:-10px;}
.works .row .col-sm-4 { padding:0 10px;}
.work{ position:relative; margin-bottom:20px;}
.design{ position:absolute; cursor:pointer; left:0; top:0; width:100%; transition:all 0.5s;  height:100%; background-color:rgba(0,0,0,0.2); box-sizing:border-box; padding:20px;}
.design h3{font-size:16px; font-weight:500; color:#fff; line-height:30px; margin:0;}
.design p{ width:84px; height:84px; background:url(../images/mvideoico.png) no-repeat; margin:0 auto; margin-top:20%; transition:all 0.5s; visibility:hidden;}
.design:hover p{ visibility:visible; transform:translateY(-20px); }
.design:hover{ background:url(../images/mvideobg.png) repeat;}

@media (max-width:1199px) {
.design p{ width:64px; height:64px; background-size:100%;}
}
@media (max-width:991px) {
.design p{ width:44px; height:44px;}
}

@media (max-width:767px) {
.design p{ width:54px; height:54px;}

}

/*业务范围*/
.mywnaxc{ text-align: right; float:right;}
.mywnaxc a{font-size:16px; color:#999; line-height:64px; margin:0 8px; display:inline-block; position:relative;} 
.mywnaxc a.active:after{ display:block; content:''; width:70px; height:2px; background-color:#ffba08; left:50%; margin-left:-35px; bottom:0px; position:absolute;}
.mywnaxc a.active{ color:#ffba08;}
.mywnaxc a:hover{ color:#ffba08;}
.mywcont { margin:57px 0; position:relative;}
.mywcont ul li { float:left; width:50%; position:relative;}
.mywcont ul li img { width:100%;}
.mywmeng {  position:absolute; left:0; top:0; width:100%; height:100%;}
.mywmeng:before { content:"";background:url(../images/mywbg_03.png) repeat; width:100%; height:100%; position:absolute; left:0; top:0; z-index:10;}
.mywmeng h3 { width:100%; height:100%; font-size:18px; color:#fff; text-align:center;font-weight:500; padding-top:25%; position:relative; z-index:99; }
.mywcont ul li:hover .mywmeng:before { opacity:0;transition: all .5s;}

@keyframes rotate-round { 
0% { -webkit-transform: rotate(0);
 transform: rotate(0); }
100% { -webkit-transform: rotate(360deg);
   transform: rotate(360deg); } 
}
@-webkit-keyframes rotate-round { 
0% { -webkit-transform: rotate(0); transform: rotate(0); }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 
}
@keyframes rotate-round2 { 
0% { -webkit-transform: rotate(0); transform: rotate(0); }
100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } 
}
@-webkit-keyframes rotate-round2 { 
0% { -webkit-transform: rotate(0); transform: rotate(0); }
100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}
.circle-main{
    width:340px;
    height:330px;
    position: absolute;
	left:50%;
	margin-left:-170px;
	margin-top:-165px;
    top: 50%;
	z-index:10;
}
.circle-out{
    position: absolute;
    right:0px;
    top:0px;
    margin: auto;
    width:340px;
    height:330px;
    background:url(../images/out-1.png) center no-repeat;
    -webkit-animation: rotate-round 6s infinite;
    animation: rotate-round 6s infinite;
    background-size:cover;
}
.circle-inner{width:249px;height:249px;position:absolute;left:45px;top: 37px;margin:auto;background: url(../images/circle-inner.png) center no-repeat; background-size:100%;}
.circle-centre{position:absolute;width:40px;height:36px;left:50%;top:92px; margin-left:-20px;background: url(../images/main.png) center no-repeat;background-size:100%;}
.ismall{display:block;width:100%;position:absolute; text-align:center;left: 0;top:40%; line-height:46px; letter-spacing:4px; font-size:26px;}
 
@media (max-width:1199px) {
.mywnaxc  { text-align:left; width:100%;}
.mywnaxc a{font-size:16px;line-height:54px; margin:0 10px; } 
}
@media (max-width:991px) {
.circle-main{ width:260px;height:250px; margin-left:-130px; margin-top:-125px;}
.circle-out{width:260px;height:250px;}
.circle-inner{width:180px;height:180px;left:38px;top: 30px;}
.circle-centre{ top:62px; }
.ismall{top:42%; line-height:30px; letter-spacing:4px; font-size:20px;}
}
@media (max-width:767px) {
.mywcont { margin:30px 0;}

.circle-main { display:none;}
.mywmeng:before { display:none;}
.mywmeng {background:url(../images/mywbg_03.png) repeat;}
.mywcont ul li:hover .mywmeng { background:none;}

}
@media (max-width:540px) {
.mywcont ul li { width:100%;}
}

@media (max-width:435px) {
.mywnaxc { padding:10px 0;}
.mywnaxc a { width:33.33%; text-align:center; line-height:30px;  font-size:14px;margin:0; display:block; float:left;}
}
@media (max-width:374px) {
.mywnaxc a { font-size:14px; line-height:30px;}
}

/*--业务内页 1--*/
.cyneides p { line-height:30px; margin-bottom:15px;}
.engcont { text-align:center; padding-top:14px;}
.engcont h3{ color:#000000; font-weight:500; height:50px;}
.casepic { background:#F8F8F8; overflow:hidden; height:216px; width:100%; text-align:center;}
.casek { position:relative;}
.owl-carousel .owl-item .casepic img { max-width:100%; width:auto; display:inline-block;}
.casek .owl-theme .owl-nav { display:block !important; margin:0;}  
.casek .owl-dots { display:none;}  
.casek .owl-carousel .owl-nav button { position:absolute; top:30%; margin:0; background:#FADF7F; width:53px; height:53px; border-radius:50%; outline:0;}  
.casek .owl-carousel .owl-nav button.owl-next { right:0;}
.casek .owl-carousel .owl-nav button.owl-prev { left:0;}
.casek .owl-carousel .owl-nav button span { color:#fff; font-size:36px;}
.casek .owl-theme .owl-nav [class*=owl-]:hover { background:#FBC707;}  
.mfiled { padding-bottom:74px;}  
.mfiled ul { margin-left:-8px; margin-right:-8px;}
.mfiled ul li { width:33.33%; float:left; padding:0 8px; padding-bottom:16px;}
.mfisub { background:url(../images/mgcbg.png) repeat; position:absolute; left:0; bottom:0; height:56px; width:100%;}
.mfiled ul li a { display:block; position:relative; border:1px solid #E9E9E9;}  
.mfiled ul li a img { width:100%;}
.mfisub { padding:0 5px; text-align:center;transition: all .5s ease;-webkit-transition:all .5s ease;}
.mfisub p{ font-size:16px; color:#fff; line-height:56px; height:56px; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}  
.mfisub span{ background:#BF7A27; border:1px solid #BF7A27; display:inline-block; color:#fff; width:104px; height:32px; text-align:center; line-height:32px; border-radius:20px; display:none;}  
.mfiled ul li a:hover .mfisub span { display: block; margin:0 auto;}
.mfisub span:hover { background:rgba(195,126,42,0.5);}
.mfiled ul li a:hover .mfisub{ height:auto; padding-bottom:24px;}

.mywzslist ul li { width:25%;}
.mywzslist p{ line-height:42px; height:42px;}  
.mywzslist .mfisub {height:42px;}
.mywzslist ul li a:hover .mfisub{ padding-bottom:15px;}

  
@media (max-width:767px) {
.cyneides p { line-height:30px; margin-bottom:10px;}
}

@media (max-width:540px) {
.mfiled ul li { width:100%;}

}

 
  
/*--汇通融媒列表--*/
.newk { padding-top:28px; }
.newleft { float:left; width:73%; padding-right:30px;}
.newright { float:left; width:27%; padding-left:30px;}
.pt0 { padding-top:0;}
.newtj { padding:20px 25px 20px 0;}
.newbd {border-bottom:2px solid #DEDEDE}
.newbd:hover {background:#F8F8F8;border-bottom:2px solid #F8F8F8 }
.newpic { float:left; width:25%; max-height:130px; overflow:hidden;}
.newk .simgd { max-height:250px; }
.new_r { float:left; width:74%; padding-left:40px; padding-top:25px;}
.new_r h3 { line-height:25px; height:25px;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.new_r h3 a{ font-size:16px;color:#333333; font-weight:500;}
.newnopic { padding-bottom:38px; padding-right:25px;}
.newnopic .new_r { width:100%; padding-left:20px;}

.mnewcont { padding-bottom:20px;}
.newdown { padding-top:30px;}
.newdown span { font-size:14px; color:#1e63b0; display:inline-block; border:1px solid #1e63b0; padding:0px 13px; border-radius:5px;}
.newdown b { display:inline-block; font-size:14px; color:#999999; font-weight:500; margin-left:38px; background:url(../images/newx.jpg) no-repeat left; padding-left:24px;}
.bdsharebuttonbox { float:right;}
.bdsharebuttonbox a{ display:inline-block; width:26px; height:26px !important; margin:0 !important;}
#fenxiang4 { background:url(../images/share.png) no-repeat; background-size:100%;}
.newaod { padding-top:9px; float:left;}

.pt10 { padding-top:10px;}

.twonewsub { border-bottom:1px solid #EEEEEE; overflow:hidden; border-top:1px solid #EEEEEE; padding:10px 0; padding-left:7px;}
.twonewsub h2 { color:#333333; float:left; font-size:16px; font-weight:500; background:url(../images/mrmico.jpg) no-repeat left; padding-left:32px;}
.twonewsub span { float: right; color:#999999;}

.lectures { padding-top:32px;}
.lectures ul li { width:100%; float:left; margin-bottom:18px; overflow:hidden;}
.lectures ul li a { display:block; position: relative;}
.lecsub { background:rgba(0,0,0,0.5); position:absolute; height:36px; transition:all 0.5s; left:0; bottom:0; width:100%; padding:0 16px; text-align:center;}
.lecsub h3 {font-size:14px; font-weight:500; color:#e1ebef; height:36px; line-height:36px; text-align:left; white-space: nowrap;
    width: 100%;overflow: hidden;text-overflow: ellipsis;}


.lectures ul li img {  transition: all .5s ease;-webkit-transition:all .5s ease;}
.lectures ul li:hover img{ transform:scale(1.1,1.1)}


@media (max-width:1319px) {
.new_r { padding-top:15px;}
.newdown { position:relative; padding-top:20px;}
.newdown b { margin-left:0; display:block; background:none; padding-left:0; padding-top:10px;}
.newnopic .new_r { padding-left:20px; padding-top:35px;}
.newdown .bdsharebuttonbox { right:0; top:20px; position:absolute;}
}

@media screen and (max-width:990px){
.newdown { padding-top:20px;}
.new_r { padding-left:20px;}

}
@media screen and (max-width:767px){
.newk { padding-top:15px; }
.newleft { width:100%; padding-right:0;}
.newright {  width:100%; padding-left:0;}
.newtj { padding:13px;}
.newpic {  width:100%;}
.new_r {width:100%; padding-left:0;}
.newnopic .new_r { padding-left:13px; padding-top:15px;}
.newnopic { padding-bottom:15px; padding-right:13px;}
.newdown b {  font-size:14px;}
.newk .simgd { max-height:280px; }
}
/*发展历程*/  
.ygry_wrap{	overflow: hidden;}
.ygry_tit{
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 8px;
}
.rylist_box{	overflow: hidden;}
.rylist{	overflow: hidden; position:relative;}
.year_nav{	height: 145px;	background: #FFFAEB; padding:0 42px;margin-bottom:53px;position: relative; overflow: hidden;}
.year_nav .prev, .year_nav .next { 
	position: absolute;
	width:35px; 
	height:35px;
	top: 50%; 
	margin-top: -15px; 
	z-index: 5555;
	cursor: pointer;
}
.year_nav .prev { left: 42px; background:url(../images/lcleft.png) no-repeat;}
.year_nav .next { background: url(../images/lcright.png) no-repeat;	right:42px; }
.years { 
	width: 95%;
	margin: 0 auto;
	overflow: hidden;
	height: 145px;
	background: url(../images/year_line.png) repeat-x left center; 
	position: relative; 
}
.year_wrap { 
	position: absolute;
	left: 0px; 
	top: 24px;
}
.year_wrap a { 
	display: block; 
	width: 210px; 
	height: 84px;
	line-height: 24px;
	text-align: center;
	font-size: 16px; 
	font-weight: bold; 
	float: left;  
	color: #fff; 
	padding-top: 10px; 
	position: relative;
}
.year_wrap a.sel .jincheng,.year_wrap a:hover .jincheng{ background:url(../images/fzlcld.png) no-repeat center;
	width: 35px;
	height: 13px;  
	bottom: 29px;
	left: 50%;
	margin-left:-17px;
}
.jincheng{
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #BBBBBB;
	bottom: 32px;
	left: 50%;
	margin-left:-4px;
}
.honor_year{ font-size:16px;color: #bbbbbb;}
.year_wrap a.sel .honor_year,.year_wrap a:hover .honor_year{	color: #ffba08;	font-size: 20px;}
.mhome .lcleft span{ color:#ffba08; background:url(../images/lcquan02.png) no-repeat right;}  
.mhome .lcrnei p:first-child { background:#FFFAEB;}  
  
  
  
.historybg { background:url(../images/fzlcbg.jpg) no-repeat bottom center; padding-bottom:80px;}
.lcleft { width:14%; float:left;height:100%; position:absolute; left:0; text-align:right; background:url(../images/lcxxian.png) repeat-y right; padding-top:20px;}  
.lcleft span { font-size:20px; color:#999999; font-weight:bold; background:url(../images/lcquan01.png) no-repeat right; padding-right:47px;}  
.lcright { width:86%; padding-left:22px; float:right;}  
.lcrnei {}  
.lcrnei p { font-size:16px; line-height:30px; color:#333333; border-bottom:1px solid #EDEDED; padding:20px 24px;}  
.termhid { overflow:hidden;}  
.term{width:100%;height:100%;position: relative;left:0;top:0; overflow:hidden;}

@media (max-width:1599px) {
.year_wrap a { width:190px; }
}
@media (max-width:1319px) {
.year_wrap a { width:170px; }
}
@media (max-width:1199px) {
.year_wrap a { width:140px; }
}
@media (max-width:991px) {
.year_wrap a { width:100px; }
}

  
@media (max-width:767px) {
.lcleft { width:25%; }  
.lcleft span { padding-right:20px;}
.lcright { width:75%; padding-left:15px;}  
.lcrnei p { font-size:14px; line-height:26px; padding:10px 15px;}  
.year_nav .prev { left:20px;}
.year_nav .next {right:20px; }
.year_wrap a { width:95px;}

}
@media (max-width:375px) {
.year_wrap a { width:90px;}
}
@media (max-width:374px) {
.year_wrap a { width:85px;}
}
@media (max-width:373px) {
.year_wrap a { width:70px;}
}