body	{ background:#ffffff; overflow-x: hidden;}
* { cursor: pointer;}
.main { width: 1180px; margin: 0 auto;;}
.mar-0 { margin: 0px;}
.mar-top-40 { margin-top: 40px;}
.mar-top-50 { margin-top: 70px;}
.anm ,.nav	a,.zyfwtx .col-xs-6:hover .img:after{
	-moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -webkit-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0ss
	}
	
.clear, .clearfix:after {
    clear: both;
}
.clear, .clearfix:before, .clearfix:after {
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0; height: 0;
}
.clearfix:before, .clearfix:after {
    content: '';
}
.clearfix {
    *zoom: 1;
}

.target-fix {  
    position: relative;  
    display: block;  
    height: 0;  
    overflow: hidden;  
}  
.chaochu	{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.chaochu_1	{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}

.chaochu_2	{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

/*頂部*/
.header { background: #fff;  height: 80px; line-height: 80px; position: fixed; z-index: 20; top:0; left: 0; right: 0; box-shadow: 0 0  5px  rgba(0,0,0,.2);}
body{  padding-top: 80px;}

	.header  .logo img { height: 80px; }
.header .nav a { color: #000; margin-left: 30px; font-size: 16px; padding:  0 8px;  display: block; float: left; height: 30px; line-height: 30px; margin-top: 25px;}
.header .nav  a:hover,.header .nav  a.active { background: #312c4f; color: #fff;  line-height: 30px; text-decoration: none; border-radius: 3px;}

.tie { height: 30px; line-height: 30px; color: #000; font-size: 30px; font-weight: bold; text-align: center;}
.small-tie { height: 20px; line-height:20px; color: #107565;  text-align: center; margin-top: 10px;}

.banner { width: 100%; height: 500px; background: url(../../img/index/bannerbg.jpg)  center center no-repeat;}
.banner .container { padding: 0;}

.header .nav .dropdown { float: left; margin-left: 40px; margin-top: 22px; border: none;}
.header .nav .dropdown .btn { border: none; font-size: 16px;}
.header .nav .dropdown  a { margin-left: 20px; margin-top: 10px; min-width: 120px;}
.zyfwtx { padding: 0 2%;}
.zyfwtx .col { position: relative; text-align: center; cursor: pointer;}
.zyfwtx .col .con { width: 280px; height: 280px; margin: 0 auto;  position: relative;}
.zyfwtx .font { position: absolute; z-index: 10; line-height: 40px; text-align: center; width: 100%; top:120px; color: #fff; font-size: 30px; font-weight: bold;}
.zyfwtx .font.font-two { top:100px }
.zyfwtx  img { margin: 0 auto; display: block; width: 100%; height: 100%; border-radius: 100%;}
.zyfwtx  .img { position: relative;}
.zyfwtx  .img:after { width: 100%; height: 100%; background: rgba(0,0,0,.3); border-radius: 100%; content: ''; display: block; position: absolute; left: 0; top:0}
.zyfwtx .con:hover .img:after { background: rgba(49,44,79,.8);}
.zyfwtx .con:hover { transform: scale(1.2);}


.jjwt .col { padding: 0 !important; }
.jjwt .con { position: relative;}
.jjwt .font { position:absolute; left: 0; top:50%; z-index: 10; text-align: center; color: #fff; width: 100%; margin-top: -60px;;}
.jjwt .font  .t { font-size: 30px; font-weight: bold;}
.jjwt .font  .c { font-size: 14px; margin-top: 5px;}
.jjwt .font  .link {  background: rgba(49,44,79,.5); display: block; color: #fff; width: 250px; height: 40px; line-height: 40px; margin: 0 auto; margin-top: 10px;;}
.jjwt .font  .link:hover { text-decoration: none;}
.jjwt  .img img { width: 100%;}
.jjwt  .img { position: relative;}
.jjwt  .img:after { width: 100%; height: 100%; background: rgba(0,0,0,.3);  content: ''; display: block; position: absolute;  left: 0; top:0}
.jjwt .con:hover .img:after { background: rgba(49,44,79,.8);}
.jjwt .con:hover .font  .link  {background: rgba(49,44,79,1);}

.wmhzy .img img { width: 100%;}
.wmhzy  .col { padding:  0 25px;}
.wmhzy  .col:hover .font  { background: #312c4f; color: #fff;}
.wmhzy  .font { font-size: 16px; height: 50px; line-height: 50px; text-align: center;}

.mtbd { background: #fafafa; }
.mtbd .container { padding-bottom: 70px;}
.mtbd .container .row  .img-main img { width: 550px; height: 200px;}
.mtbd .container .row  .img-main .font { background: #fff; padding: 10px; position: relative;}
.mtbd .container .row  .img-main .font .t { font-size: 16px; padding-right: 70px; line-height: 30px; height: 30px;}
.mtbd .container .row  .img-main .font   .time  { position: absolute; height: 30px; line-height: 30px; right: 10px; top:10px; color: #999;}
.mtbd .container .row  .list .item { position: relative; height: 30px; line-height: 30px; }
.mtbd .container .row  .list .item  p { height: 30px; line-height: 30px; padding-right: 70px; margin: 0;}
.mtbd .container .row  .list .item  p  a { color: #000;}
.mtbd .container .row  .list .item  .time { position: absolute; height: 30px; line-height: 30px; right: 0px; top:0px; color: #999;}

.footer {  background: #312c4f;}
.footer .top { text-align: center; padding: 80px 0;}
.footer .bottom { background: #27233f; color: #b2b2b2; font-size: 12px; min-height: 30px; line-height: 30px; padding: 15px 0; text-align: center;}
.footer .bottom span { margin: 0 5px;}
.banner.wybanner { background-image: url(../../img/index/bannerwybg.jpg);}
.img-con { position: relative;}
.img-con .font { position: absolute; left: 0; top:10%; text-align: center; width: 100%;}
.img-con .font .t { font-size: 36px; height: 40px; line-height: 40px; font-weight: bold;}
.img-con .font .c { color: #808080;  height: 20px; line-height: 20px; margin-top: 10px;}
.img-con  img { width: 100%;}

.fc-fff.font  .t,.fc-fff.font  .c { color: #fff;}
	.jjwt-two .font  { margin-top: -30px;}

.banner.dsbanner  {  background-image: url(../../img/index/baannerdsbg.jpg); }
.banner.qgbanner  {  background-image: url(../../img/index/bannerqgbg.jpg); }
.toggle { display: none; cursor: pointer;}
.toggle  { width: 50px; height: 50px; position: absolute; right: 0; background: url(../../img/index/nav.png) center center no-repeat; background-size: 30px 30px;}

.carousel-inner>.item { text-align: center; }
.carousel-inner>.item .img { width: 100%; height: 500px; background: center center no-repeat;}
.carousel-inner>.item img { display: block; margin: 0 auto; }
.carousel-indicators { bottom: 10px; margin-bottom: 0;}


.banner-about  { background-image: url(../../img/index/bannerabbg.jpg);}
.aboutInfo  .img  { text-align: center;}
.aboutInfo   .img img {max-width: 100%; display: block; margin: 0 auto;}
.aboutInfo .con { line-height:30px; margin-top:10px;}


.aboutjoin { width: 100%; height: 860px; background: url(../../img/index/joinbg.jpg) center top no-repeat; text-align: center; color: #fff;  }
.aboutjoin .tie { color: #fff;}
.aboutjoin .small-tie { color: #fff;}
.aboutjoin .con { line-height: 25px;}
.aboutjoin .con .bottom { font-weight: bold; margin-top: 30px; font-size: 28px;}
.joinInfo { padding-top: 50px ; padding-bottom: 50px ;}
.joinInfo h3 { font-size: 20px; font-weight: bold;}
.joinInfo .t { margin-top: 30px;}
.contactUs { background: #eee; padding: 10px 0 50px ;}
.contactUs .con { text-align: center; line-height: 20px; margin-top: 30px;} 
.blank {padding: 80px; margin-top: -80px;}


/* 超小屏幕（手机，小于 768px） */
@media screen and (max-width:760px) {
	
	.mar-top-50 { margin-top: 30px;} 
	.tie { height: 30px; line-height: 30px; color: #000; font-size: 22px; font-weight: bold; text-align: center;}
	.small-tie { height: 20px; line-height:20px; color: #107565;  text-align: center; margin-top: 5px;}

	.toggle { display: block;}



	body { padding-top: 50px;}
	.header 	 { height: 50px; line-height: 50px; position: fixed; z-index: 20;}
	.header .nav { display: none;}
	.header  .logo img { height: 50px; }
	.header .pull-left { display: block; float: inherit !important;  margin-left: 10px; }
	.header .pull-right { display: block; float: inherit !important; background: #f5f5f5; display: none;} 
	.header  .container { padding: 0;}
	
	.header .nav a { display:block; width: 100%; color: #000; margin-left: 0px; font-size: 14px; padding:  0 15px; border-top: 1px solid #F2DEDE;   height: 40px; line-height: 40px; margin-top: 0px;;}
	.header .nav  a:hover,.header .nav  a:active,.header .nav  a.active { background: #312c4f; color: #fff;  line-height: 40px; text-decoration: none; border-radius: 0px;}

.blank {padding: 50px; margin-top: -50px;}

	
.carousel-inner>.item .img { text-align: center;  height: 150px;   background: center center no-repeat; background-size: auto 180px;}
.carousel-inner>.item.active  .img { display: flex; display: -webkit-flex; align-items:  center; justify-content: center;}
.carousel-inner>.item  .img img { display: block; margin: 0 auto;  height: 150px;  width:  auto; max-width:10000px  !important;}
	
	.banner { background: none; height: auto;}
	.banner img  { width: 100%;}
	.header .nav .dropdown { display: block;  width: 100%; margin: 0; float: inherit;}
	.header  .nav .dropdown  button { display: none;}
	.header  .nav .dropdown  .dropdown-menu { display: block; position: relative; display: block; width: 100%; box-shadow: none; background: none; margin: 0; border: none; padding-top: 0; padding-bottom: 0;}
	
	.header  .nav .dropdown  .dropdown-menu a { margin: 0;}
	.zyfwtx .col { padding: 0 5px;}
	.zyfwtx .col:nth-child(1) { margin-bottom: 20px;}
	.zyfwtx .col:nth-child(2) { margin-bottom: 20px;}
	.zyfwtx .col .con { width: 80%; height: 80%;}
	
	.zyfwtx .font { line-height: 20px; height:100%;display: flex;  display: -webkit-flex; justify-content:center; align-items: center;  width: 100%; top:0;  font-size: 14px; }
	.zyfwtx .font.font-two { top:0px }
	
	.mtbd .container .row  .img-main img { width: 100%; height: auto;}
	.jjwt .font   { margin-top: -50px;}
	.jjwt .font  .t { font-size: 20px;}
	.jjwt-two .font  { margin-top: -26px;}
	.wmhzy .col { padding: 0px;}
	.mtbd .list  { margin-top: 20px;}
	.mtbd .list .item { height: 25px; line-height: 25px;}
	.mtbd .list .item  p { height: 25px; line-height: 25px; margin: 0;}
	.mtbd .container { padding-bottom: 30px;}
	.footer .top { padding: 35px 0;}
	.footer .top  img { width: 80px;}
		.footer .bottom  { padding: 10px 0;}
	.footer .bottom span { display: block; height: 20px; margin: 0; line-height: 20px;}
	
	
	/*列表页*/
	
	.img-con .font .t { font-size: 18px; height: 25px; line-height: 25px; font-weight: bold;}
	.img-con .font .c {   height: 20px; line-height: 20px; margin-top: 0px;}
	.img-con .font { top:8%;}
	.img-con  { width: 100%; overflow-x: hidden; display: flex; display: -webkit-flex; justify-content: center; align-items: center;}
	.img-con  img { height: 300px; width: auto;}
	
	
	
		.aboutjoin  {  background-size: auto 100%; height: auto; padding:0 0 50px 0;}
	
		.aboutjoin .con { line-height: 20px;}
}


/*平板*/
@media screen and (min-width:768px) and (max-width:992px) {
	.mar-top-50 { margin-top: 40px;} 
	.mtbd .container { padding-bottom: 40px;}
	.tie { height: 40px; line-height: 40px; color: #000; font-size: 25px; font-weight: bold; text-align: center;}
	.small-tie { height: 20px; line-height:20px; color: #107565;  text-align: center; margin-top: 5px;}

	.toggle { display: block; top:15px; right: 15px;}



	body { padding-top: 80px;}
	.header 	 { height: 80px; line-height: 80px; position: fixed; z-index: 20;}
	.header .nav { display: none;}
	.header  .logo img { height: 80px; }
	.header .pull-left { display: block; float: inherit !important; margin-left: 10px; }
	.header .pull-right { display: block; float: inherit !important; background: #f5f5f5; display: none;} 
	.header  .container { padding: 0; width: 100%;}
	
	.header .nav a { display:block; color: #000; margin-left: 0px; font-size: 14px; padding:  0 15px; border-top: 1px solid #F2DEDE;   height: 40px; line-height: 40px; margin-top: 0px;;}
	.header .nav  a:hover,.header .nav  a:active,.header .nav  a.active { background: #312c4f; color: #fff;  line-height: 40px; text-decoration: none; border-radius: 0px;}

.carousel-inner>.item .img { text-align: center;  height: 250px;   background: center center no-repeat; background-size: auto 250px;}
.carousel-inner>.item.active  .img { display: flex; display: -webkit-flex; align-items:  center; justify-content: center;}
.carousel-inner>.item  .img img { display: block; margin: 0 auto;  height: 250px;  width:  auto; max-width:10000px  !important;}
	

	.banner { background: none; height: auto;}
	.banner img  { width: 100%;}
	.header .nav .dropdown { display: block;  width: 100%; margin: 0; float: inherit;}
	.header  .nav .dropdown  button { display: none;}
	.header  .nav .dropdown  .dropdown-menu { display: block; position: relative; display: block; width: 100%; box-shadow: none; background: none; margin: 0; border: none; padding-top: 0; padding-bottom: 0;}
	
	.header  .nav .dropdown  .dropdown-menu a { margin: 0;}
	.banner { background: none; height: auto;}
	.banner .container { padding: 0px; margin: 0; width:100%}
	.banner img  { width: 100%;}
	
	.zyfwtx .col .con { width: 150px; height: 150px;}
	
	.zyfwtx .font {  width: 100%; top:60px; color: #fff; font-size: 20px; font-weight: bold; line-height: 30px;}
	.zyfwtx .font.font-two { top:45px }
	

.mtbd .container .row  .img-main img { width: 100%; height: auto;}
.mtbd .container .row  .list .item     { line-height: 22px; height: 22px;}
.mtbd .container .row  .list .item  p  { line-height: 22px; height: 22px;}
	.footer .top  img { width: 120px;}
.footer .top { padding: 40px 0;}
	
	
	/*列表页*/
	.img-con  { width: 100%; overflow-x: hidden; display: flex; display: -webkit-flex; justify-content: center; align-items: center;}
	.img-con  img { height: 400px; width: auto;}
		.aboutjoin  {  background-size: auto 100%; height: auto; padding:0 0 50px 0;}
	
		.aboutjoin .con { line-height: 20px;}
}

/*桌面级小于1200*/
@media screen and (min-width:992px) and (max-width:1200px) {
	
	.mar-top-50 { margin-top: 50px;}
	.mtbd .container { padding-bottom: 50px;}
	
	
	.banner { background: none; height: auto;}
	.banner .container { padding: 0px; margin: 0; width:100%}
	.banner img  { width: 100%;}
	
	.zyfwtx .col .con { width: 200px; height: 200px;}
	
	.zyfwtx .font {  width: 100%; top:80px; color: #fff; font-size: 25px; font-weight: bold;}
	.zyfwtx .font.font-two { top:60px }

.mtbd .container .row  .img-main img { width: 100%; height: auto;}
.mtbd .container .row  .list .item     { line-height: 26px; height: 26px;}
.mtbd .container .row  .list .item  p  { line-height: 26px; height: 26px;}
.footer .top { padding: 50px 0;}

.carousel-inner>.item { text-align: center; }
.carousel-inner>.item img { display: block; margin: 0 auto; }
.carousel-indicators { bottom: 10px; margin-bottom: 0;}



}