@charset "utf-8";
/* CSS Document */


.section1 { background:#eef3f9;}
.video {/*opacity: 0.8; background: #000000;*/ width:100%; height: 100%; object-fit: cover;}
.video::-webkit-media-controls { display:none !important;}

.video.wap2{display:none;}
@media screen and (max-width: 800px ) {
	.video.pc2{display:none;}
	.video.wap2{display:block;}
}


.screen-mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/dotbj01.png) repeat left top; z-index: 1;}
.banner-tex {color: #FFFFFF; top: 50%; margin-top: -170px;}
.banner-tex p { margin-top: 20px;}
.banner-tex a { display: inline-block; padding: 0.8vw 4.5vw; margin-top: 50px; border: 2px #FFFFFF solid; font-weight: bold; }
.banner-wap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/banner-wap.png) no-repeat left center; background-size: cover;}
.section2 {background: url(../images/index-bg1.jpg) #bdf0fe no-repeat bottom center; background-size: 100% auto;}
.index-tex {width: 45%;}
.index-tex h3 { font-weight: normal; color: #bb273a; position: relative; padding-left: 10px;}
.index-tex h3::before {content: ""; position: absolute; width: 1px; top: 0; bottom: 0; left: 0; background: #bb273a;}
.index-tex strong {display: block;}
.index-tex p {line-height: 2.4; margin-top: ;}
.index-tex a {margin-top: 2vw; display: block; overflow: hidden;}
.index-moreIcon { animation: spin 15s linear 0s infinite; float: left; position: relative; width: 3.6vw; height: 3.6vw; display: inline-block; border: 1px #bb273a dashed; border-radius: 50%;}
.index-moreIcon::after {content: ""; position: absolute; left: 50%; top: 50%; margin-left: -0.3vw; margin-top: -0.3vw; background: #bb273a; width: 0.6vw; height: 0.6vw; border-radius: 50%;}
.index-tex a span {float: left; margin-left: 1vw; margin-top: 1vw;}
.section3 {background: url(../images/index-bg2.jpg) no-repeat center; background-size: cover;}
.index-title {width: 100%; text-align: center; font-weight: bold; position: relative; padding-bottom: 10px;}
.index-title::before {content: ""; position: absolute; width: 38px; margin-left: -19px; height: 2px; background: #FFFFFF; left: 50%; bottom: 0;} 
.index-pro {margin-top: 8vh; padding-bottom: 25px;}
.index-pro img {max-width: 100%;}
.index-pro.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0;}
.news-left,.news-right {width: 50%; height: 100%;position: absolute;}
.news-left { left: 0; background: url(../images/index-bg3.jpg) no-repeat center; background-size: cover;}
.news-right { right: 0; background: url(../images/index-bg4.jpg) no-repeat center; background-size: cover;}
.section5 {background: url(../images/index-bg5.jpg) no-repeat center; background-size: cover;}
.index-contact img {display: inline-block; margin-bottom: 2vh;}
.index-contact {width: 800px; margin-top: 12vh;}
.foot {background: #dedede; padding: 10px 0; line-height: 1.8; position: absolute; left: 0; bottom: 0; width: 100%; color: #6f6f6f;}
.foot a {margin-right: 15px;color: #6f6f6f; margin-top: 5px; display: inline-block;}
.foot img {display: inline-block;}





.inside-ban { height: 430px; background-size: cover;}
.inside-ban h3 {position: absolute; left: 0; top: 240px;}
.inside-ban small {display: block; margin-top: 10px;}
.inside-nav {border-bottom: 1px #ededed solid; height: 75px; line-height: 73px; box-sizing: border-box;}
/*.inside-nav .swiper-slide {width: 80px; text-align: center;font-size: 16px;}*/
.inside-nav .swiper-slide {width: auto; text-align: center;font-size: 16px;}
.inside-nav a {display: block;}
.inside-nav .active {border-bottom: 3px #bb273a solid;}
/* 简介 */
.about-videoBox {width: 460px; float: right; padding-top: 100px; margin-left: 45px; margin-bottom: 25px; cursor: pointer;}
.inside-tex {margin: 2rem auto; line-height: 2.4;}
.inside-tex p {text-indent: 2rem; margin-top: 1rem;}
.inside-tex img {display: inline-block;}
.num_box { padding: 50px; margin: 20px 0; background: url(../images/about-bg.jpg) no-repeat center;  background-size: cover;}
.num_box h3 {font-family: arial;}
.num_box p {margin: 0;}
.inside-foot {position: relative;}
/* 文化 */
.culture { margin: 15px 0; height: 300px; padding: 0 120px; display: table; width: 100%;}
.culture-m { display: table-cell; vertical-align: middle; line-height: 1.8; text-transform: uppercase;}
.culture-m p i { width: 30px; height: 2px;  background: #bb273a;}
/* 荣誉 */
.honor {position: relative; margin-bottom: 0; padding-bottom: 50px;}
.honor::after { content: ""; position: absolute; left: 50%; top: 0; width: 4px; height: 100%; background: #f1f1f1;}
.honor dt {position: relative; font-weight: normal; background: url(../images/rongyu-line.png) no-repeat right 10px; padding-top: 20px;}
.honor dt::after {content: ""; position: absolute; right: -13px; top: 0; width: 22px; height: 22px; border-radius: 50%; background: #FFFFFF; border: 4px #e1b15e solid; z-index: 1;}
.honor dd { padding-top: 10px; padding-left: 40px;}
.honor dd p {background: url(../images/rongyu-icon.jpg) no-repeat left 6px; padding-left: 15px; margin-top: 10px;}
/* 历程 */
.licheng-line::before {content: ""; position: absolute; left: 50%; margin-left: -50px; top: 0; width: 68px; height: 1px; background: #dddedd;}
.licheng {position: relative; margin-bottom: 0; padding-top: 50px; padding-bottom: 50px;}
.licheng img {display: inline-block;}
.licheng dt,.licheng dd {padding-top: 120px;}
.licheng::after {content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #dddedd;}
.licheng h3 { position: absolute; left: 50%; display: inline-block; padding: 10px 20px; border: 1px #dddedd solid;}
.licheng h3::before { content: "";position: absolute; left: -48px; top: -1px; width: 48px; height: 1px; background: #dddedd;}
.licheng dd p { margin-left: 10px; color: #666666; background: url(../images/licheng-icon.jpg) no-repeat left 6px; padding-left: 15px; margin-top: 10px;}
.licheng:nth-child(even) dt {text-align: right;}
.licheng:nth-child(even) h3 {right: 50%; left: auto; margin-right: -1px;}
.licheng:nth-child(even) h3::before { left: auto; right: -48px; top: -1px; width: 48px; height: 1px; background: #dddedd;}
/* 新闻 */
.news-search {background: #ededed; padding-top: 20px; padding-bottom: 10px; line-height: 34px;} 
.news-search h3 {font-size: 22px; line-height: 34px; margin-bottom: 10px;}
.news-search select ,.news-search input {width: 100%; color: #666666; height: 34px; margin-bottom: 10px; padding: 0 15px; box-sizing: border-box;}
.news-search button {width: 100%; background: #0157b0;color: #FFFFFF; margin-bottom: 10px;}
.news-img li {margin-bottom: 15px;}
.news-img a {display: block; background: #FFFFFF; box-shadow: 1px 1px 8px rgba(0,0,0,0.3); padding-bottom: 10px;}
.news-img p {padding: 0 10px; height: 26px; line-height: 26px; overflow: hidden;}
.news-img img {margin-bottom: 10px;}
.news-list dt {text-align: right; font-weight: normal; line-height: 1; color: #c8c8c8;}
.news-list dd h3 {font-size: 18px; font-weight: normal;}
.news-list dd p {margin: 10px 0; line-height: 1.8;}
.news-list dl { display: block; border-bottom: 1px #f4f4f4 solid; padding: 20px 0;}
.news-list dl:hover {background: #f4f4f4;}
.news-list dl:hover dt,.news-list dl:hover dd {color: #bb273a;}
.news-list dl:hover dd h3 {font-weight: bold;}
.news-title {border-bottom: 1px #d0d0d0 dashed ; padding-bottom: 10px; }
/* 视频 */
.video-main {padding-left: 400px; background: #d1daed;}
.video-mainTex {position: absolute; left: 30px; top: 60px;}
.video-title {text-align: center; font-size: 16px; height: 40px; line-height: 40px; position: relative;}
.video-title::before,.video-title::after{content: ""; position: absolute; left: 50%; margin-left: -90px; top: 18px; width: 40px; height: 3px; background: #bb273a;}
.video-title::after { margin-left: 45px;}
.video-listM {background: #FFFFFF; border-bottom: 2px #8fa7d3 solid; box-shadow: 1px 1px 5px rgba(0,0,0,0.3);}
.video-listM h3 {position: relative; background: #000000;}
.video-listM h3 img {opacity: 0.6;}
.video-listM h3::after { content: ""; width: 58px; height: 58px; position: absolute; z-index: 9; left: 15px; bottom: 20px; background: url(../images/video-icon2.png) no-repeat center; background-size: cover; }
.video-listM p {padding:0 15px; margin: 30px 0; font-size: 18px; height: 20px; line-height: 20px; overflow: hidden;}
.video-list ul li {margin-top: 20px;}
.contact-l {padding: 0; height: 512px; overflow: hidden;}
.contact-r {background: #bb273a; min-height: 512px; padding: 30px 40px; color: #FFFFFF;}
.contact-r h3 {font-size: 28px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px #FFFFFF dotted;}
.contact-r p {line-height: 2.2;}
/* 产品 */
.pro-filter {background: #f0f0f0; padding: 30px 0 15px;}
.pro-filter dl { border-bottom: 1px #d3d3d3 dashed;}
.pro-filter dt { width: 9%; font-size: 16px; line-height: 36px; font-weight: normal;}
.pro-filter dd {width: 91%;}
.pro-filter dd a {display: inline-block; padding: 0 20px; height: 36px; line-height: 36px; border-radius: 30px;margin-bottom: 10px;}
.pro-filter dd a.active {background: #bb273a; color: #FFFFFF;}
.pro-list li {margin-top: 20px;}
.pro-list a {display: block; border: 1px #f8f7f7 solid;}
.pro-listTex {background: #f8f7f7; padding: 35px 20px 20px; color: #666666;transition: all 0.5s;}
.pro-listTex h3 {font-size: 20px; color: #333333;
	height:44px;
	overflow:hidden;

	display:-webkit-box;/*设置元素排列方式*/
	-webkit-box-orient:vertical; /*规定子元素应该被水平或垂直排列  从上向下垂直排列子元素*/

	word-wrap:break-word; /*强制换行*/
	text-overflow:ellipsis;  text-overflow:-o-ellipsis-lastline; /*隐藏的显示省略符号*/
	line-clamp: 2; -webkit-line-clamp: 2; /*2行省略*/
}
.pro-listTex p {
    line-height: 1.8;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 75px;
}
.pro-listTex span {display: inline-block; padding: 5px 10px; border: 1px #c6c6c6 solid; margin-top: 20px;}
.pro-listImg {position: relative;}
.pro-listImg p {position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; opacity: 0; background: url(../images/pro-icon.png) rgba(0,0,0,0.5) no-repeat center;transition: all 0.5s; }
.pro-list a:hover { text-decoration: none;}
.pro-list a:hover .pro-listTex {background: #bb273a; color: #FFFFFF; transition: all 0.5s;}
.pro-list a:hover .pro-listTex h3 {color: #FFFFFF;}
.pro-list a:hover .pro-listImg p {opacity: 1; transition: all 0.5s; }
/* 产品详细 */
.show{ float: right; width: 85%; cursor:move; position: relative;}
.show i { position: absolute; bottom: 0; right: 0;  width: 50px; height: 50px; background: url(../images/pro-search.png) #bb273a no-repeat center;}
.mask {width: 215px;height: 215px;background: #000;filter: Alpha(opacity=50);opacity:0.5;position: absolute;top: 0;left: 0;display: none;}
.bigshow { position: absolute; z-index: 9; left: 100%; top: 0; width: 350px;height: 360px;overflow: hidden;display: none;border:1px solid #E8E8E8; background: #FFFFFF;}
.bigshow img { width: 860px;height: 860px; margin-right: 10px;}
.smallshow { float: left; width: 13%; height: 100%; position: relative}
.smallshow li { margin-bottom: 5px;}
.smallshow img { width:100%;border:1px solid #e4e4e4;box-sizing: border-box;transition: all 0.5s}
.pro-conTex {line-height: 2; padding-left: 80px;}
.pro-conTex h3 {font-weight: normal; border-bottom: 1px #e4e4e4 solid; padding-bottom: 30px;}
.pro-conTex a { margin-top: 20px; margin-right: 2%; display: inline-block; width: 40%; height: 50px; line-height: 50px; border-radius: 5px; text-align: center; background: #e4e4e4; font-size: 16px; color: #666666;}
.pro-2 {margin: 100px auto;}
.pro-2 .tab_t{border-top: 1px solid #bfbdbd;border-bottom: 1px solid #bfbdbd;}
.pro-2 .tab_t .item{float: left;width: 25%;height: 89px;cursor: pointer;}
.pro-2 .tab_t .item .box{border-right: 1px solid #bfbdbd;height: 100%; display: block;}
.pro-2 .tab_t .item:first-child .box{border-left: 1px solid #bfbdbd;}
.pro-2 .tab_t .item .ion{display: inline-block;width: 53px;height: 31px;background-image: url(../images/pro_de03.png);background-repeat: no-repeat;background-position: 0 0;float: left;margin-top: 30px;margin-left: 45px;}
.pro-2 .tab_t .item .s{font-size: 24px;color: #464646;line-height: 1;margin-top: 35px;float: left;margin-left: 20px;}
.pro-2 .tab_t .item .s{font-size: 24px;color: #464646;line-height: 1;margin-top: 35px;float: left;margin-left: 20px;}.tab_t .item:hover{background: #bb273a;}
.pro-2 .tab_t .item .s{font-size: 24px;color: #464646;line-height: 1;margin-top: 35px;float: left;margin-left: 20px;}.tab_t .item:hover .ion{background-position: -53px 0;}
.pro-2 .tab_t .item:hover .s{color: #fff;}
.pro-2 .tab_t .item2 .ion{background-image: url(../images/pro_de04.png);width: 38px;height: 47px;margin-top: 24px;}
.pro-2 .tab_t .item2:hover .ion{background-position: -38px 0;}
.pro-2 .tab_t .item3 .ion{background-image: url(../images/pro_de05.png);width: 51px;height: 49px;margin-top: 23px;}
.pro-2 .tab_t .item3:hover .ion{background-position: -51px 0;}
.pro-2 .tab_t .item4 .ion{background-image: url(../images/pro_de06.png);width: 41px;height: 41px;margin-top: 27px;}
.pro-2 .tab_t .item4:hover .ion{background-position: -41px 0;}
.pro-2  .pro_detail .pt2{margin-bottom: 105px;}
.pro-caseBg {padding: 40px 0; background: url(../images/pro-bg.jpg) no-repeat center; background-size: cover;}
.pro-caseList li { margin-top: 15px;}
.pro-caseList a {display: block; background: #FFFFFF; overflow: hidden;}
.pro-caseList-img {float: left; width: 55%;}
.pro-caseList-tex {width: 45%; float: right; box-sizing: border-box; padding: 10px;}
.pro-tuijian {padding-bottom: 40px; margin-top: 10px;}
/* 案例 */
.case-1 {}
.case-1 li {padding: 0; position: relative;}
.case-1 li h4 {
	font-size: 14px;
	position: absolute; 
	bottom: 0;
	width: 100%; 
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	box-sizing: border-box; 
	left: 0;
	line-height: 30px; 
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); 
	color: #FFFFFF;
	transition: all 0.6s;
}
.case-1 li:hover h4{
	height: 100%;
	background: rgba(0,0,0,0.5);
	transition: all 0.6s;
	padding-top: 20px;
}

.case-1-tex {position: absolute; width: 100%; top: 0px; left: 0; padding: 50px 30px; color: #FFFFFF; line-height: 2;}
.case-1-tex img { margin: 0 15px; margin-bottom: 30px;}
.case-1 li:last-child .case-1-tex{ padding: 50px 120px 50px 30px;}
.case-1 li a {display: block;}
.case-list-t { line-height: 60px; font-size: 18px;}
.case-list-t a {display: inline-block; margin-right: 50px; }
.case-list-t a.active {font-weight: bold;}
.case-list-t select {width: 100%; height: 40px; border: 1px #DDDDDD solid; margin: 10px 0;}
.case-list li {margin-bottom: 30px;}
.case-list li a {position: relative; height: 440px; display: block; background: #f6f6f6;box-shadow: 1px 1px 5px rgba(0,0,0,0.3);}
.case-list li a:hover {border-bottom: 2px #ffa800 solid; text-decoration: none;}
.case-list li:first-child .case-listTex { position: absolute; bottom: 0px; left: 0px; z-index: 9; color: #FFFFFF;}
.case-list img { width: 100%; }
.case-listTex { padding: 20px; line-height: 2;} 
.case-listTex h3 {margin-top: 20px;}
.case-listTex p {
	margin-top: 20px;
	overflow:hidden;
	text-overflow:ellipsis;	
	display:-webkit-box;	
	-webkit-line-clamp:3;	
	-webkit-box-orient:vertical;
}
.case-con {background: #e5e5e5;}
.pro-tuijian li {margin-top: 15px;}

.case-2 .panel {border: none;}
.case-2 .panel-heading {background: #f2f9fe !important; border: none !important; border-radius: 0;}
.case-2 .panel-title a {height: 32px; line-height: 32px; display: block;}
.case-2 .panel-title a i {width: 68px; height: 31px; margin-right: 15px; padding-left: 10px; background: url(../images/case-tbg2.jpg); color: #FFFFFF; display: inline-block;}
.case-2 .panel-body {background: #FFFFFF; border: 1px #d9eefc solid; border-top: none; line-height: 2;}
/* 资料中心 */
.data-1 ul li a {padding: 20px; line-height: 35px; font-size: 16px; display: block; background: url(../images/data-icon1.png) #f7f7f7 no-repeat 95% 50%; }
.data-1 ul li:nth-child(even) a {background-color: #FFFFFF;}
.data-1 ul li a:hover {background-image: url(../images/data-icon1-hover.png);}
.data-2 {margin: 50px auto;}
.data-2 img {display: inline-block;}
.data-2 .swiper-slide {
	  transition: 300ms;
	  transform: scale(0.8);
	  text-align: center;
	  background: url(../images/data-bg.jpg) no-repeat center;
	  background-size: 100% 100%;
	  padding: 60px 0;
    }
.data-2 .swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}
.data-2 .swiper-slide h3 {font-size: 20px; margin-top: 20px;}
.data-2 .swiper-slide  a { margin-top: 30px; height: 45px; line-height: 45px; width: 60%; background: #607bac; color: #FFFFFF; display: inline-block;}
/* 加入我们 */
.join-box {height: 242px; padding: 30px; }
.join img {width: 100%;}
.join-box a {display: inline-block; padding: 5px 20px; border: 1px #999 solid;}
.join-box2 {position: absolute; right: 0; bottom: 0; background: rgba(23,72,164,0.8); padding: 30px 20px;}
.join-box3 {height: 228px; padding: 40px 30px 0;}
.join-2 .panel-title {font-weight: normal; font-size: 14px;}
.join-2 .panel-title a {display: block; line-height: 30px;}
.join-2 .panel-heading { background: #FFFFFF; border: none; border-radius: 0; border-bottom: 1px #EEEEEE solid;}
.join-2 .panel {box-shadow: none; border: none;}
.join-2 .panel-body {border: none !important; background: #f9f9f9 !important; padding: 30px; line-height: 2;}
.join-2 .panel-body h3 { line-height: 2;}
.join-2-t { line-height: 50px; padding: 0 20px;}
.er{
	display:none;
}
.a{
	display:block;
}
.sa{
	display:none
}
.aa{
	display:block;
}

.pagination a,.pagination span{
	display: block;
	position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination .current{
	z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}






/* 切换下一屏按钮动画 */
.scoll-icon {
	position: absolute;
	width: 100%;
	height: 48px;
	background: url(../images/scoll-icon.png) no-repeat center;
	z-index: 2;
	animation: mymove 2s infinite;
}

@keyframes mymove {
	0% {
		bottom: 25px;
	}

	50% {
		bottom: 0px;
	}

	100% {
		bottom: 25px;
	}
}

/* 旋转动画 */
@keyframes spin { 
	100% {transform:rotate(360deg);}
}





/* 媒体查询 */
@media (min-width: 768px) and (max-width: 1200px) {
	.case-list li {margin-bottom: 20px;}
	.case-list li a { height: 360px;}
	.case-listTex { padding: 10px; line-height: 2;} 
	.join-box {height: 200px;}
	.join-box3 {height: 190px;}
}
@media screen and (max-width: 800px ) {
  .section2 {background: url(../images/index-bg1.jpg) #bdf0fe no-repeat bottom right; background-size: 180% auto;}	
  .index-tex {width: 100%; margin-top: -45vw;}
  .index-tex a span { margin-top: 0;}
  .news-left {top: 0; width: 100%; height: 60%;}
  .news-right {bottom: 0;width: 100%; height: 40%;}
  .inside-ban { height: 200px; background-size: cover;}
  .inside-ban h3 { top: 120px; left: 15px;}
  .inside-nav {height: 50px; line-height: 50px;}
  .about-videoBox {width: 100%; float: none; padding: 0; margin-left: 0; margin-bottom: 15px;}
  .num_box {padding: 20px 0;}
  .culture {padding: 0 15px; height: 150px; }
  .honor::after { left: auto; right: -3px;}
  .honor dd {padding-left: 15px;}
  .honor .f-36 {font-size: 30px;}
  .licheng-line::before {left: -34px; margin-left: 0;}
  .licheng {padding-bottom: 20px; padding-top: 30px;}
  .licheng::after { left: 5px;}
  .licheng dt {padding-top: 50px;}
  .licheng dd {padding-top: 10px;}
  .licheng:nth-child(even) dt {padding-top: 10px; text-align: left;}
  .licheng:nth-child(even) dd {padding-top: 50px;}
  .licheng dd p {margin-left: 0;}
  .licheng h3 {left: 5px;}
  .licheng:nth-child(even) h3 {left: 5px; right: auto;}
  .licheng:nth-child(even) h3::before { left: -48px; right: auto; top: -1px;}
  .news-list dl {margin: 0;}
  .news-list dt {text-align: left; margin-bottom: 10px;}
  .news-list dt p {display: inline-block; font-size: 22px;}
  .video-main {padding: 0;}
  .video-listM h3::after {width: 40px; height: 40px; left: 10px; bottom: 10px;}
  .contact-l {height: auto;}
  .pro-filter {padding: 10px 0;}
  .pro-filter dl {margin-bottom: 10px;}
  .pro-filter dt { width: 100%;}
  .pro-filter dd {width: 100%;}
  .pro-conTex {padding-left: 15px; padding-top: 30px;}
  .case-1-tex {padding: 20px;}
  .case-1 li:last-child .case-1-tex {padding: 20px;}
  .case-1-tex img{width: 6rem;}
  .case-list li {margin-bottom: 20px;}
  .case-list li a { height: auto;}
  .case-listTex { padding: 10px;} 
  .case-listTex h3,.case-listTex p {margin-top: 5px;}
  .data-2 .swiper-slide {padding: 30px 0;}
}


/* 2020.08.21修改 */
.rongyu { background: #FFFFFF; box-shadow: 1px 1px 5px rgba(0,0,0,0.3); padding: 10px 10px 0 10px;}
.rongyu-img {background: #f5f5f5; width: 100%; height: 245px; overflow: hidden;}
.rongyu-img img {text-align: center; display: inline-block;}
.rongyu p {line-height: 48px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.pro-filter dd {width: 100%;}


@media screen and (max-width: 760px ) {
	.rongyu-img {height: 100px;}
}

@media (min-width: 1024px) {
	.pro-listImg { position: relative; height: 286px; overflow: hidden;}
	.pro-listImg img {margin: auto; max-height: 100%; max-width: 100%;}
}
@media (min-width: 768px) and (max-width: 1024px)  {
	.pro-listImg { position: relative; height: 200px; overflow: hidden;}
	.pro-listImg img {margin: auto; max-height: 100%; max-width: 100%;}
}