﻿

/* 轮播图 */
.banner-swiper {width: 660px;height:440px;position: relative;float: left}
.banner-swiper img{width: 660px;height:440px; }
.banner-swiper .swiper-slide {position: relative;}
.banner-swiper .swiper-slide p{width:100%;height:60px;line-height:60px;background:rgba(0,0,0,0.3);position: absolute;bottom:0;left:0;font-size: 16px;color:#fff;padding-left:60px;box-sizing: border-box; }
.banner-swiper .swiper-button-next{position: absolute;top:95%;width:16px;height:28px;background: url(w-r-btn.png) no-repeat;}
.banner-swiper .swiper-button-prev{position: absolute;top:95%;width:16px;height:28px;background: url(w-l-btn.png) no-repeat;}
.banner-swiper .swiper-pagination-fraction {left:33%;color:#fff}
.banner-swiper .swiper-pagination .swiper-pagination-current{color:#ae1e24;font-size: 30px}
.banner-swiper .swiper-pagination .swiper-pagination-total{font-size: 16px;color:#fff;}





/* zhiku 轮播图 */





/* 轮播图 */




.zt-swiper {
	width: 100%;
	height:auto;
	#height:200px;
	*height:200px;
transition: height 200px;
-moz-transition: height 400px; /* Firefox 4 */
-ms-transition: height 300px; /* Firefox 4 */
	position: relative; 
	margin:15px auto;
}
.zt-swiper .swiper-slide{
	width:100%;
	height:auto;
	clear: both;
	overflow:hidden;
	overflow:visible;
	position:relative;
	padding-bottom: 66.6666%;
}
.zt-swiper img {
    position:  absolute;
    top: 0;
    left: 0;
	width:100%;
	height:100%;
}
.zt-swiper .swiper-slide p{width:100%;height:40px;line-height:40px;background:rgba(0,0,0,0.3);position: absolute;bottom:0;left:0;font-size: 16px;color:#fff;padding:0px 10px;box-sizing: border-box; text-align:center;}
.zt-swiper .swiper-button-next{position: absolute;top:45%;width:16px;height:28px;background: url(w-r-btn.png) no-repeat;}
.zt-swiper .swiper-button-prev{position: absolute;top:45%;width:16px;height:28px;background: url(w-l-btn.png) no-repeat;}




.zk-swiper .swiper-slide{
	width:100%;
	height:auto;
	clear: both;
	overflow:hidden;
	overflow:visible;
	position:relative;
	padding-bottom: 40%;
}

/* 轮播图旁边的列表 */
.lists {width:500px; float: right}
.lists li{line-height: 34px;font-size:16px;height:34px; }
.lists li{
	white-space:nowrap; 
	text-overflow:ellipsis; 
	overflow: hidden; 
}

.lists .title { margin-top: 15px; line-height: 36px; font-weight: bold; font-size: 18px;}
.lists .nom{ margin-top: 0px; }
.lists li.title a{color:#0c3e83; }
.lists li:hover a{color:#0c3e83;}

.play-s{display: inline-block;width:18px;height:18px;background: url(play-s-new.png) no-repeat;position: relative;top:3px;}
.gaoq-icon{display: inline-block;width:31px;height:18px;background: url(gaoqing.png) no-repeat;position: relative;top:3px;}
.play-sr{display: inline-block;width:18px;height:18px;background: url(play-s-new.png) no-repeat;position: relative;top:3px; margin-right:10px;}



.play-bf{display: inline-block;width:36px;height:36px;background: url(play.png) no-repeat;position: absolute;top:40%;left:40%}


.play-lb{display: inline-block;width:36px;height:36px;background: url(play.png) no-repeat;position: absolute;bottom:10px;left:10px}

.huiyuan{ padding-top:0px; line-height:36px; position:relative}
.btn{ width:16px; height:16px; background:url(search.jpg) no-repeat; position:absolute; right:6px; top:14px; border:0px solid #999;cursor:pointer}

.txt{ width:98%; height:30px; padding-left:5px;line-height:30px; border:1px solid #999; background:#fff;}
.search_01{ height:40px; padding-top:2px;}
.years span{ padding-left:5px; padding-right:20px;}
.huiyuan ul{ padding-top:0px;}
.huiyuan li {display:inline-block; width:50%; float: left; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; }


/* 左中右结构1*/
.column1 .l{width:370px;float: left;}
.column1 .c{width:370px;float: left;margin-left:45px;margin-right:45px;}
.column1 .r{width:370px;float: right;}
.column1 .lc{width:785px;float: left;margin-right:45px;}
.column1 .cr{width:785px;float: left;margin-left:45px;}

.column1 .lv{width:360px;float: left; margin-right:20px;}
.column1 .crv{width:820px;float: left; }
.column1 .rv{width:360px;float: right; margin-left:20px; height:370px;}



.shadowv-img{
	width:100%;
	height:370px;
	overflow:hidden;
	overflow:visible;
	position:relative;
	padding-bottom: auto;
}
.shadowv-img img {
    position:  absolute;
    top: 0;
    left: 0;
	width:100%;
	height:100%;
}


/* 左中右结构1*/
.column1 .l31{width:370px;float: left;}
.column1 .c31{width:370px;float: left; margin-left:45px;}

/* 内容 */

.media{margin-top:10px;overflow: hidden;}
.media .media-body{margin-top:-5px}
.media .media-left img{width:135px;height:90px;}
.media .media-body{width:220px;overflow: hidden;font-size: 16px;line-height: 26px}
.media .media-body .txt1{height:52px;overflow: hidden;}
.media .media-body .txt1:hover{color:#0c3e83;}
.media .media-body .txt2{margin-top:20px;position: relative;}
.media .media-body .txt2 a{color:#999;}
.media .media-body .play{display: inline-block;width:24px;height:25px;background: url(play-m-new.png) no-repeat;position: absolute;top:-2px;margin-right:10px;}



.media .media-left{float: left;margin-right:15px;}
.media .media-body{float: left;}



.smedia{margin-top:15px;overflow: hidden;}
.smedia .media-body{margin-top:-5px}
.smedia .media-left img{width:175px;height:115px;}
.smedia .media-body{width:180px;overflow: hidden;font-size: 16px;line-height: 26px}
.smedia .media-body .txt1{height:77px;overflow: hidden;}
.smedia .media-body .txt1:hover{color:#0c3e83;}
.smedia .media-body .txt2{margin-top:20px;position: relative;}
.smedia .media-body .txt2 a{color:#999;}
.smedia .media-body .play{display: inline-block;width:24px;height:25px;background: url(play-m-new.png) no-repeat;position: absolute;top:-2px;margin-right:10px;}



.smedia .media-left{float: left;margin-right:15px;}
.smedia .media-body{float: left;}


/* 大标题更多 */
.headline{font-size: 18px;width:100%;border-top:2px solid #e6e6e6;}
.headline span{ }
.headline em{ margin-left:10px; color:#666;}
.headline .line{display: inline-block; padding:12px 0 10px 0;border-top:2px solid #0c3e83;margin-top:-2px;}
.headline .more{float: right;color:#999999;font-size: 16px;position: relative;top:15px;right:10px;}

.headline .zlmdh {float: right;color:#999999; font-size: 16px; position: relative;top:15px;right:10px;}
.zlmdh a{ text-align: center; margin:0 50px 0 0;}



.circular-bl {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
.circular-tr10 {
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}
.box-shadow-com {
    /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    margin-bottom: 5px;
    -webkit-box-shadow: 0 5px 5px 0 rgba(246, 246, 246, .75);
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0 5px 5px 0 rgba(246, 246, 246, .75);
    /* Firefox 3.5 - 3.6 */
    box-shadow: 0 5px 5px 0 rgba(246, 246, 246, .75);
}







.toutiao {
  width: 1198px;
  height: 110px;
  border: 1px solid #e6e6e6;
  background: #f3f3f3 url('tt.png') no-repeat left top;
  margin: 25px 0 30px;
  text-align: center;
}

.toutiao-big {
    line-height: 60px;
    overflow: hidden;
    height: 60px;
    padding-top: 10px;
    font-size: 39px;
    font-weight: 700;
	  margin: auto 60px;
    color: #0c3e83;
}
.toutiao-big {
	white-space:nowrap; 
	text-overflow:ellipsis; 
	overflow: hidden; 
}
.toutiao a {
    /* color: #d10101; */
    color: #0c3e83;
}
.toutiao-list li{
	width:33%;
	float: left;
    font-size: 18px;
    line-height: 30px;
    height: 30px;
    color: #0c3e83;
}
.toutiao-list li {
	white-space:nowrap; 
	text-overflow:ellipsis; 
	overflow: hidden; 
}


.jgdh {font-size: 18px;width:100%;border-top:2px solid #e6e6e6;}
.jgdh span{ text-align: center; margin:0 50px 0 0;}
.jgdh .line{display: inline-block; padding:13px 0 10px 0;border-top:2px solid #0c3e83;margin-top:-2px;}
.jgdh .more{float: right;color:#999999;font-size: 16px;position: relative;top:15px;right:10px;}


.zixundh {font-size: 18px;width:100%;border-top:2px solid #e6e6e6;}
.zixundh span{ display: inline-block;  text-align: center; margin:0 0px 0 0; width:25%}
.zixundh .line{display: inline-block; padding:13px 0 10px 0;border-top:2px solid #0c3e83;margin-top:-2px;}
.zixundh .more{float: right;color:#999999;font-size: 16px;position: relative;top:15px;right:10px;}

.shujudh {font-size: 18px;width:100%;border-top:2px solid #e6e6e6;}
.shujudh span{ display: inline-block;  text-align: center; margin:0 0px 0 0; width:16.66666%}
.shujudh .line{display: inline-block; padding:13px 0 10px 0;border-top:2px solid #0c3e83;margin-top:-2px;}
.shujudh .more{float: right;color:#999999;font-size: 16px;position: relative;top:15px;right:10px;}


.difangdh {font-size: 18px;width:100%;border-top:2px solid #e6e6e6;}
.difangdh span{ display: inline-block;  text-align: center; margin:0 0px 0 0; width:20%}
.difangdh .line{display: inline-block; padding:13px 0 10px 0;border-top:2px solid #0c3e83;margin-top:-2px;}
.difangdh .more{float: right;color:#999999;font-size: 16px;position: relative;top:15px;right:10px;}

.ztdh {font-size: 18px;width:100%;border-top:2px solid #e6e6e6;}
.ztdh span{ display: inline-block;  text-align: left; margin:0 0px 0 0; width:45%}
.ztdh .font-zt-z {padding:13px 0 10px 0;border-top:2px solid #0c3e83;margin-top:-2px; color: #0c3e83!important; }
.ztdh .font-zt {color: #666;}

.shadow-img{
	width:100%;
	overflow:hidden;
	overflow:visible;
	position:relative;
	padding-bottom: 66.6666%;
}
.shadow-img img {
    position:  absolute;
    top: 0;
    left: 0;
	width:100%;
	height:100%;
}


.shadow-lump{width:100%;height:34px;line-height: 34px;background-color: rgba(0,0,0,.5);position: absolute;bottom:0;left:0px;color:#fff;padding-left:10px;box-sizing: border-box; text-align:center; }
.shadow-lump .play-s{display: inline-block;width: 18px;height: 18px;background: url(play-s.png) no-repeat;position: relative;top: 2px;right: 4px;}


.shadow-lump{
	white-space:nowrap; 
	text-overflow:ellipsis; 
	overflow: hidden; 
}


.shadow-img4{
	width:100%;
	overflow:hidden;
	overflow:visible;
	position:relative;
	padding-bottom: 66.6666%;
}
.shadow-img4 img {
    position:  absolute;
    top: 0;
    left: 0;
	width:100%;
	height:100%;
}


/* 企业文化*/
.cl_list li{float: left;margin-right:24px;text-align: center; width:180px;}
.cl_list li .img{
	border:1px solid #eeeeee;
	width:100%;
	overflow:hidden;
	overflow:visible;
	position:relative;
	padding-bottom: 66.6666%;
}
.cl_list li .img img {
    position:  absolute;
    top: 0px;
    left: 0px;
	width:100%;
	height:100%;
}


.cl_list li .name{width:auto;color:#666;font-size: 16px;text-align: center;padding:15px 0 0 0;height:40px;overflow: hidden;margin-bottom: 0px}

.cl_list li .name{
	white-space:nowrap; 
	text-overflow:ellipsis; 
	overflow: hidden; 
}






.news-top2 {
	margin:10px auto 0px;
}

.news-top2 img {
	float:left;
	position:relative;
	width:180px;
	height:120px;
	padding-right:10px;
}
.news-top2 h5 {
	padding-bottom: 10px;
	font-size:18px;
	line-height:32px;
	color:#0c3e83;
	height:90px;
	font-weight:normal;
	overflow: hidden;
}
.news-top2 h5 a {
	color:#0c3e83;
	outline:none;
}
.news-top2 h5 a:hover {
	color:#2267ad;
}
.news-top2 .txt2 {
	font-size:16px;
	line-height:20px;
	color:#999;
	max-height:20px;
	overflow:hidden;
}
.news-top2 .txt2 a{color:#999;}


/* 企业文化*/
.qy_list li{float: left;margin-right:24px;text-align: center; width:180px;}
.qy_list li .img{
	border:1px solid #eeeeee;
	width:100%;
	overflow:hidden;
	overflow:visible;
	position:relative;
	padding-bottom: 66.6666%;
}
.qy_list li .img img {
    position:  absolute;
    top: 0px;
    left: 0px;
	width:100%;
	height:100%;
}


.qy_list li .name{width:auto;color:#666;font-size: 16px;text-align: center;padding:15px 0 0 0;height:40px;overflow: hidden;margin-bottom: 30px}

.qy_list li .name{
	white-space:nowrap; 
	text-overflow:ellipsis; 
	overflow: hidden; 
}





/* 专题*/
.zt_list{ width:100%;}
.zt_list li{float: left;margin-right:0px;text-align: center; width:375px;}
.zt_list li .img{
	border:0px solid #eeeeee;
	width:100%;
	overflow:hidden;
	overflow:visible;
	position:relative;
	padding-bottom: 66.6666%;
}
.zt_list li .img img {
    position:  absolute;
    top: 0px;
    left: 0px;
	width:100%;
	height:100%;
}


.zt_list li .name{width:auto;color:#666;font-size: 16px;text-align: center;padding:15px 0 0 0;height:40px; 
background-color: rgba(0,0,0,.5);position: absolute;bottom:0;left:0px;color:#fff;padding-left:10px;box-sizing: border-box
}

.zt_list li .name{
	white-space:nowrap; 
	text-overflow:ellipsis; 
	overflow: hidden; 
}






/* 上图下文列表 3列多行 */
.more-list{margin-top:15px;margin-bottom:15px;}
.more-list li{line-height: 34px; }
.more-list li:hover a{color:#0c3e83;}
.more-list li {
	white-space:nowrap; 
	text-overflow:ellipsis; 
	overflow: hidden; 
}
.more-list li a i {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #c9c9c9;
  margin-right: 10px;
  margin-top: 10px;
}

.more-list img {
	float:left;
	position:relative;
	max-width:120px;
	max-height:80px;
	padding:5px 10px 5px 0;
}
.more-list p {
	font-size:14px;
	line-height:24px;
	color:#888888;
	margin:0;
	max-height:72px;
	overflow:hidden;
}
.more-list li label{
	/*background: #0b5da1;*/
	background:#dcdcdc;
    color: #333;
    font-size: 12px;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    border-radius: 10px;
}
.more-list li .label_on{
	background: #dcdcdc;
	color:#333;
}
.more-list li .label_on.active{
	background: #0b5da1;
	color:#fff;
}

.index_ad{

}
.index_ad img{
	width:100%;
}







/* 机构滚动 圆 */
.jgy_list li{float: left;margin-right:25px;width:150px;}
.jgy_list li img{width:150px;height:150px;border-radius: 50%;border:0px solid #e0e0e0;}
.jgy_list li .name{color:#666;font-size: 16px;text-align: center;padding:15px 0 0 0;width:auto;height:30px;overflow: hidden}
.jgy_list li .name {
	white-space:nowrap; 
	text-overflow:ellipsis; 
	overflow: hidden; 
}


/* 机构滚动 圆 */
.jg_list li{float: left;margin-right:25px;width:150px;}
.jg_list li img{width:150px;height:225px;border-radius: 5%;border:0px solid #e0e0e0;}
.jg_list li .name{color:#666;font-size: 16px;text-align: center;padding:15px 0 0 0;width:auto;height:30px;overflow: hidden}
.jg_list li .name {
	white-space:nowrap; 
	text-overflow:ellipsis; 
	overflow: hidden; 
}


/* 机构滚动 竖 */
.jgs_list li{float: left;margin-right:25px;width:150px;}
.jgs_list li img{width:150px;height:225px;border-radius: 5%;border:0px solid #e0e0e0;}
.jgs_list li .name{color:#666;font-size: 16px;text-align: center;padding:15px 0 0 0;width:auto;height:30px;overflow: hidden}
.jgs_list li .name {
	white-space:nowrap; 
	text-overflow:ellipsis; 
	overflow: hidden; 
}







.rollBox .swiper-button-next{position: absolute;top:50%;right:10px;width:16px;height:28px;background: url(g-r-btn.png) no-repeat;}
.rollBox .swiper-button-prev{position: absolute;top:50%;right:0px;width:16px;height:28px;background: url(g-l-btn.png) no-repeat;}




.filial_piety_wrap .rollBox{width:1200px;margin:0 auto;}
.rollBox .Cont{width:1200px;overflow:hidden;}
.rollBox .ScrCont{width:12000000px;}
.rollBox #List11,.rollBox #List011,.rollBox #List12,.rollBox #List012,.rollBox #List13,.rollBox #List013,.rollBox #List14,.rollBox #List014,.rollBox #List15,.rollBox #List015,.rollBox #List16,.rollBox #List016,
.rollBox #List21,.rollBox #List021,.rollBox #List22,.rollBox #List022,.rollBox #List23,.rollBox #List023,.rollBox #List24,.rollBox #List024,.rollBox #List25,.rollBox #List025,.rollBox #List26,.rollBox #List026,
.rollBox #List31,.rollBox #List031,.rollBox #List32,.rollBox #List032,
.rollBox #Listwh1,.rollBox #Listwh01,
.rollBox #List1,.rollBox #List01,.rollBox #List2,.rollBox #List02,.rollBox #List3,.rollBox #List03,.rollBox #List4,.rollBox #List5,.rollBox #List6,
.rollBox #List8,.rollBox #List08{float:left;}



.domMobile {
	 display: none;
}


@media screen and (min-width: 880px) {


}


@media only screen and (min-width : 0px) and (max-width : 880px) {

.domPC {
	 display: none;
}
.domMobile {
	DISPLAY: block
}



.play-lb{display: inline-block;width:20px;height:20px;background: url(play.png) no-repeat; background-size:cover; position: absolute;bottom:6px;left:6px}




.toutiao {
  width: auto;
  height: 80px;
  border: 1px solid #e6e6e6;
  background: #f3f3f3 url('tts.png') no-repeat left top;
  margin: 15px auto 10px;
  text-align: center;
}

.toutiao-big {
    line-height: 30px;
    overflow: hidden;
    height: 30px;
    padding-top: 10px;
    font-size: 18px;
    font-weight: 700;
	  margin: auto 25px;
}
.toutiao-list li{
	width:33%;
	float: left;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
}
.toutiao-list li {
	white-space:nowrap; 
	text-overflow:ellipsis; 
	overflow: hidden; 
}










.column{margin:10px auto;}



.column1 .l{width:100%;}
.column1 .c{width:100%;margin-left:0px;margin-right:0px;}
.column1 .r{width:100%;}
.column1 .lc{width:100%;float: left;margin-right:0px;}
.column1 .cr{width:100%;float: left;margin-left:0px;}

.column1 .l31{width:100%;}
.column1 .c31{width:100%; margin-left:0px;}






.column1 .lv{width:100%;float: left; margin-right:0px;}
.column1 .crv{width:100%;float: left; }
.column1 .rv{width:100%;float: right; margin-left:0px; height:auto;}



.shadowv-img{
	width:100%;
	height:auto;
	overflow:hidden;
	overflow:visible;
	position:relative;
	padding-bottom: 100%;
}
.shadowv-img img {
    position:  absolute;
    top: 0;
    left: 0;
	width:100%;
	height:100%;
}





.banner-swiper {
	width: 100%;
	height:auto;
	#height:200px;
	*height:200px;
transition: height 200px;
-moz-transition: height 400px; /* Firefox 4 */
-ms-transition: height 300px; /* Firefox 4 */
	position: relative; 
	float: left;
}
.banner-swiper .swiper-slide{
	width:100%;
	height:auto;
	clear: both;
	overflow:hidden;
	overflow:visible;
	position:relative;
	padding-bottom: 66.6666%;
}
.banner-swiper img {
    position:  absolute;
    top: 0;
    left: 0;
	width:100%;
	height:100%;
}
.banner-swiper .swiper-slide p{width:100%;height:50px;line-height:50px;background:rgba(0,0,0,0.3);position: absolute;bottom:0;left:0;font-size: 14px;color:#fff;padding:0 10px;box-sizing: border-box;  text-align:center;}
.banner-swiper .swiper-button-next{position: absolute;top:45%;width:16px;height:28px;background: url(w-r-btn.png) no-repeat;}
.banner-swiper .swiper-button-prev{position: absolute;top:45%;width:16px;height:28px;background: url(w-l-btn.png) no-repeat;}
.banner-swiper .swiper-pagination-fraction {left:33%;color:#fff}
.banner-swiper .swiper-pagination .swiper-pagination-current{color:#ae1e24;font-size: 30px}
.banner-swiper .swiper-pagination .swiper-pagination-total{font-size: 14px;color:#fff;}
.banner-swiper .swiper-pagination {display: none;}



.zt-swiper {width: 100%;height:auto;position: relative; margin:15px auto;}

/* 轮播图旁边的列表 */
.lists {width:100%; }
.lists li{line-height: 34px;font-size:16px;height:34px; }
.lists li{
	white-space:nowrap; 
	text-overflow:ellipsis; 
	overflow: hidden; 
}

.lists .title { margin-top: 15px; line-height: 36px; font-weight: bold; font-size: 18px;}
.lists .nom{ margin-top: 0px; }
.lists li.title a{color:#0c3e83; }
.lists li:hover a{color:#0c3e83;}


.list_zx{
	display: none;
	width:auto; margin:0 10px;
}
.jgdh {font-size: 16px;border-top:2px solid #e6e6e6; }
.jgdh span{ text-align: center; margin:0 50px 0 0;}
.jgdh .line{display: inline-block; padding:13px 0 10px 0;border-top:2px solid #0c3e83;margin-top:-2px;}
.jgdh .more{float: right;color:#999999;font-size: 16px;position: relative;top:15px;right:10px;}



.ztdh {font-size: 18px;width:100%;border-top:2px solid #e6e6e6;}
.ztdh span{ display: inline-block;  text-align: left; margin:0 0px 0 0; width:45%}
.ztdh .font-zt-z {padding:13px 0 10px 0;border-top:2px solid #0c3e83;margin-top:-2px; color: #0c3e83!important; }
.ztdh .font-zt {color: #666;}

.cl_list li{float: left;margin-right:12px;text-align: center; width:90px;}
.qy_list li{float: left;margin-right:12px;text-align: center; width:90px;}
.cl_list li .name{width:auto;color:#666;font-size: 14px;text-align: center;padding:15px 0 0 0;height:auto;overflow: hidden;margin-bottom: 15px}
.qy_list li .name{width:auto;color:#666;font-size: 14px;text-align: center;padding:15px 0 0 0;height:auto;overflow: hidden;margin-bottom: 15px}
.headline {margin-top: 15px;}
.zlmdh{display: none;}

}

@media only screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {
.banner-swiper{ height:auto;}
}