
/*banner*/
#vm{ position: relative; background: #4085ED; }
#carousel-home-generic .carousel-inner .item img{ margin: 0 auto; }
.carousel-control .glyphicon-menu-right, 
.carousel-control .icon-next, 
.carousel-control.right,
.carousel-control .glyphicon-menu-left, 
.carousel-control .icon-prev, 
.carousel-control.left{ background-image:none; }
.carousel-control{ opacity: 1; }
.carousel-control span.icon{ display: inline-block; width: 2.0833333333333335rem; height: 2.5rem; background: url("../img/arrow.png") no-repeat; position: absolute; top: 50%; margin-top: -1.25rem; }
.carousel-control span.icon.icon_right{ background-position: 0 -3.9166666666666665rem; right: 3rem; }
.carousel-control span.icon.icon_left{ background-position: 0 -0.6666666666666666rem; left: 3rem;}
.carousel-control:focus span.icon.icon_right,.carousel-control:hover span.icon.icon_right{ background-position: -2.75rem -3.9166666666666665rem; }
.carousel-control:focus span.icon.icon_left,.carousel-control:hover span.icon.icon_left{ background-position: -2rem -0.6666666666666666rem; }

/*show list*/
.wrap{padding-top: 5.166666666666667rem; padding-bottom: 5rem;}
.wrap .wrap_icon{margin: 0 auto; margin-top: 0.8333333333333334rem; width: 11.666666666666666rem; height: 11.833333333333334rem; background: url("../img/ic_1.png") no-repeat; background-size: 100%; }
.wrap span{margin-top: 1.6666666666666667rem; }
/*.wrap .wrap_one{ background-position: -0.5rem -2.6666666666666665rem; }
.wrap .wrap_two{ background-position: -12.25rem -2.6666666666666665rem; }
.wrap .wrap_three{ background-position: -24rem -2.6666666666666665rem; }
.wrap .wrap_four{ background-position: -35.75rem -2.6666666666666665rem; }*/

.wrap .wrap_one{ background-image: url("../img/ic_1.png") }
.wrap .wrap_two{ background-image: url("../img/ic_2.png") }
.wrap .wrap_three{ background-image: url("../img/ic_3.png") }
.wrap .wrap_four{ background-image: url("../img/ic_4.png") }

/* 企业会员列表 */
#list_of_enterprise_members{ width: 100%; margin-top: 0.8333333333333334rem; padding-bottom: 3.3333333333333335rem; }
#list_of_enterprise_members .title{ margin-top: 3.5833333333333335rem; line-height: 3.3333333333333335rem; margin: 2.5rem; }
#list_of_enterprise_members .title span{ display: block; text-align: center; }
#list_of_enterprise_members .row{ width: 100%; }
#list_of_enterprise_members img{ max-width: 100%; max-height: 100%; text-align: center; }
#list_of_enterprise_members .members_list a { display: block; width: 100%; height: 100%; text-align: center; }
#list_of_enterprise_members .col-md-3{ width: 24%; height: 11.833333333333334rem; margin: 0.5%;display: flex; line-height: 11.833333333333334rem; }

#list_of_enterprise_members .members_list span{width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 1px solid #EBEBEB; }
#list_of_enterprise_members .members_list:hover span{ border-color: #4085ED; box-shadow: 0 0.08333333333333333rem 0.8333333333333334rem #4085ED;}
.container-fluid{ padding-left: 0rem; padding-right: 0rem; }

/*news*/
#news_info{ width: 100%; padding: 1.6666666666666667rem 0 8.333333333333334rem 0; } 
#news_info .newsInfoTitle{ padding: 3.3333333333333335rem 0 5rem 0; }
#news_info .col-md-4{ width: 31.7%;}
#news_info .col-md-4,
#news_info .col-xs-12{ padding-left: 0rem; padding-right: 0rem; }
#news_info .news_list_box{ background: #fff; min-height: 33.333333333333336rem; max-height: 33.333333333333336rem; overflow: hidden;}
#news_info .news_list_box:nth-child(2){ margin: 0 2.25rem; }
#news_info .news_list_box figcaption{ padding: 0.8333333333333334rem 1.25rem; }
#news_info .news_list_box span{ display: block; max-width: 31.666666666666668rem;}
#news_info .news_list_box span.news_info_title{ line-height: 2.5rem; color: #333333; font-weight: bold; font-size: 1.1666666666666667rem; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#news_info .news_list_box span.news_info_description{ color: #ADADAD; line-height: 1.6666666666666667rem; max-height: 5.416666666666667rem; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow: hidden;}
#news_info .news_list_box:hover{ position: relative; box-shadow: 0 0 0.8333333333333334rem #BFCFFF; transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08); }
#news_info .news_list_box .mask_pic{ cursor: pointer; display: none; width: 100%; height: 73%; position: absolute; top: 0;left: 0; }
#news_info .news_list_box .mask_pic span.check_look{ color: #fff; width: 10rem; height: 3.0833333333333335rem; border: 1px solid #fff; line-height: 3rem; text-align: center;position: absolute; top: 50%; left: 50%; margin-left: -5rem; margin-top: -1.5rem;z-index: 101;
  	-webkit-transform: scale(1);
  	-moz-transform: scale(1);
  	-ms-transform: scale(1);
  	-o-transform: scale(1);
  	transform: scale(1);

  	-webkit-animation: myCharacters 0.5s linear 0s 1 alternate;
  	-moz-animation: myCharacters 0.5s linear 0s 1 alternate;
  	-ms-animation: myCharacters 0.5s linear 0s 1 alternate;
  	-o-animation: myCharacters 0.5s linear 0s 1 alternate;
  	animation: myCharacters 0.5s linear 0s 1 alternate;
 }
@keyframes myCharacters{
	0%{
		-webkit-transform: scale(10);
	  	-moz-transform: scale(10);
	  	-ms-transform: scale(10);
	  	-o-transform: scale(10);
	  	transform: scale(10);
	}
	100%{
		-webkit-transform: scale(1);
	  	-moz-transform: scale(1);
	  	-ms-transform: scale(1);
	  	-o-transform: scale(1);
	  	transform: scale(1);
	}
}
#news_info .imgbox{ height: 24.166666666666668rem; width: 31.666666666666668rem; overflow: hidden;}
#news_info .imgbox img{ display: block; min-width: 100%; min-height: 100%;object-fit:cover; }
#news_info .news_list_box .mask_pic span.mask{ width: 100%; height: 100%; background: #4085ED; opacity: 0.5; position: absolute; top: 0; left: 0; z-index: 100; }
#news_info .news_list_box:hover .mask_pic{display: block;}

#carousel-example-generic .carousel-inner .item img{ margin: 0 auto; }
.main { width: 100%; margin: 0 auto; }
/*.swiper-container{ !*width: 71%;*! margin: 0 7rem; height: 17.5rem !important; }
.swiper-car .swiper-slide{ !*width: 24.166666666666668rem !important;*! margin: 0rem 0.8333333333333334rem; !*height: 17.5rem !important;*! overflow: hidden; }
.swiper-car .swiper-slide img{ !*width: 24.166666666666668rem;*! width: 100%; height: 15.0rem; text-align: center; }*/


#recommendation{ width: 100%; margin-top: 1.6666666666666667rem; background: #F7F7F7; padding-bottom: 3.5rem; }
#recommendation .title span{ display: block; text-align: center; }
#recommendation .title span:nth-child(2){ margin-top: 1.5rem; margin-bottom: 1.5rem; }
#recommendation .title{ width: 100%; padding-top: 3.3333333333333335rem; }
/*!*recommendation*!

#recommendation_role .swiper-slide{ position: relative; }
!*#recommendation_role .swiper-slide span{ width: 100%;  height: 100%; background: #000; position: absolute; top: 0; left: 0; line-height: 17.5rem; text-align: center; color: #fff; opacity: 0.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); }*!
#recommendation_role .swiper-slide span{ width: 100%; line-height: 2.5rem; text-align: center; color: #333; opacity: 0.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); }
!*#recommendation_role .swiper-slide:hover span{ display: none; }*!
#recommendation_role .swiper-slide:hover img{ border: 1px solid #4085ED; }
.swiper-car .swiper-slide.recom_list{ margin: 0rem; margin-right: 0.8333333333333334rem; !* margin-left: -190px;*! }*/



/*移动端样式修改*/
@media screen and (min-width: 768px) and (max-width: 1024px){
	.cont_box{ padding: 0 0.8333333333333334rem;width: 100%; overflow: hidden;}
	.navbar-default .navbar-collapse{ width: 100%; }
	.nav>li{ text-indent: 0rem; }
	.navbar-nav{ float: right; }
  	#news_info .col-xs-12{ width: 50%; background-color: #F7F7F7; }
  	#news_info .news_list_box{ min-height: 432px; }
  	#news_info .news_list_box:nth-child(2){ margin: 0;}
  	#news_info .col-xs-12 figure{position: relative; width: 31.666666666666668rem; margin: 0 auto; background: #fff;min-height: 33.333333333333336rem;max-height: 33.333333333333336rem;}
  	#news_info .news_list_box:hover{box-shadow: 0 0 0.8333333333333334rem #fff; transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1); }
  	#news_info .news_list_box:hover figure{box-shadow: 0 0 0.8333333333333334rem #BFCFFF; transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08); }
}
@media screen and (max-width: 768px){
	.wrapper{ overflow: hidden; }
	.carousel-control span.icon{ display: none; }
	#news_info .container-fluid{ padding: 0; }
	#news_info.row{ margin-left: -1.25rem; margin-right: -1.25rem; }
	#news_info .col-md-4,
	#list_of_enterprise_members .container-fluid,
	#recommendation .container-fluid{ padding-right: 0rem; padding-left: 0rem; }
	#menu .container-fluid{margin: 0;}
	#list_of_enterprise_members .col-xs-4{ width: 32.3%; }
	#news_info .news_list_box:nth-child(2){ margin: 0;}
	#news_info .col-xs-12{ width: 100%; background-color: #F7F7F7;}
	#news_info .col-xs-12 figure{width: 26.25rem; margin: 0 auto;min-height: 33.333333333333336rem;max-height: 33.333333333333336rem; background-color: #fff;}
	#news_info .news_list_box + .news_list_box{ margin-top: 1rem; }
	#news_info{padding: 1.6666666666666667rem 0;}
	.wrap .wrap_one,
	.wrap .wrap_two,
	.wrap .wrap_three,
	.wrap .wrap_four{ 
		transform: scale(0.67); 
		-webkit-transform: scale(0.67); 
		-moz-transform: scale(0.67); 
		-ms-transform: scale(0.67); 
		-o-transform: scale(0.67); 
	}
	.wrap{ padding-top: 2rem; }
	.wrap span {margin-top: 0rem;}
	#header .cont_tan ul li:nth-child(3),
	#header .cont_tan ul li:nth-child(4){ display: none; }
	#news_info .news_list_box{min-height: 28.5rem; max-height:28.5rem;}
	#news_info .imgbox{ width: 26.25rem; height: 20rem; }
	#news_info .news_list_box:hover .mask_pic{display: none;}
	#news_info .news_list_box:hover{box-shadow: 0 0 0.8333333333333334rem #fff; transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1); }
	/*#recommendation_role .swiper-slide span{ line-height: 100px; }*/
	.info_search input{ width: 79%; margin-left: 7%; }
	.carousel-inner>.item.active, .carousel-inner>.item,.carousel-inner>.item.active img, .carousel-inner>.item img{ height: 15rem; }
	.info_search{ height: 4rem;margin-top: 5rem;margin-bottom: 0.5rem; }
	.info_search input{ height: 2.333333rem; line-height: 2.333333rem; }
	.info_search .search_query.search_icon{ top: 1.2rem;}

	/*.swiper-container{ margin: 0rem; margin: 0rem auto; width: 94%;height: 8.333333333333334rem !important; }*/
    /*.swiper-car .swiper-slide{ width: 8.333333333333334rem !important; margin: 0rem 0.4166666666666667rem; height: 8.333333333333334rem !important; overflow: hidden; }*/
	/*.swiper-car .swiper-slide.recom_list{ margin: 0rem; margin-right: 0.4166666666666667rem; }*/
    .wrap .col-md-3{ padding-left: 0rem; padding-right: 0rem; }
}
