@charset "utf-8";
.pro_content { position: relative; min-height: 480px}
.pro_content .left_pro{position: absolute;
width: 180px;
right:0;
top:20px;}
.pro_content .right_pro{ padding-right: 200px;}
.pro_content .pro_content_right>ul>li{ margin-bottom: 10px;}
.pro_lists{ display: none; margin-left: 15px;}
.pro_content .pro_content_right>ul>li>a{display: block; background: #f2f2f2 url("http://www.fjmuyu.com/template/pc/images/xiangxia.png")  95% center  no-repeat; padding-left: 15px; padding-top: 12px; padding-bottom: 12px; font-size: 16px; text-align: left;}
.pro_content .pro_content_right>ul>li>div{ background-color: #ffffff; border: #f8b62b 1px solid; padding: 15px 25px; padding-bottom: 25px; display: none}
.pro_content .pro_content_right>ul>li>div a{display: block; padding: 10px 0; padding-left: 6px; padding-right: 0px; font-size: 14px; border-bottom: #ebebeb 1px solid; color: #999999; text-align: left; background: url("http://www.fjmuyu.com/template/pc/images/erji_icon.png") left center no-repeat; } 

.pro_content .pro_content_right>ul>li>div a.active{display: block; padding: 10px 0; padding-left:6px; padding-right: 0px; font-size: 14px; border-bottom: #ebebeb 1px solid; color: red; text-align: left;  }

.pro_content .pro_content_right>ul>li>div a:hover{display: block; padding: 10px 0; padding-left:6px; padding-right: 0px; font-size: 14px; border-bottom: #f8b62b 1px solid; color: #f8b62b; text-align: left; background: url("http://www.fjmuyu.com/template/pc/images/erji_icon_hover.png") left center no-repeat;}


.pro_content .pro_content_right>ul>li>div a.active{display: block; padding: 10px 0; padding-left:6px; padding-right: 0px; font-size: 14px; border-bottom: #f8b62b 1px solid; color: #f8b62b; text-align: left; background: url("http://www.fjmuyu.com/template/pc/images/erji_icon_hover.png") left center no-repeat;}

.pro_content .pro_content_right > ul > li > a.active{display: block;
background: #f8b62b url("http://www.fjmuyu.com/template/pc/images/xiangshang.png") 95% center  no-repeat;
padding-left: 15px;
padding-top: 12px;
padding-bottom: 12px;
font-size: 16px;
text-align: left; color: #fff;}

.chupin_contnets{ padding-top: 90px; padding-bottom: 90px;}

.chupin_lists{ padding-top:15px;}

.chupin_lists ul{ text-align: left}

.chupin_lists ul li{ display: inline-block; width: 46%; vertical-align: top; margin: 0 1.4%; margin-bottom: 3%;transition: 0.3s; -moz-transition: 0.3s; box-shadow: 0 6px 13px 0 rgba(69,69,69,0.13);

-webkit-transition: 0.3s; -o-transition: 0.3s; line-height: 1; overflow: hidden}

.chupin_lists ul li .chupin_img{ position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; margin:8px;transition: 0.4s;}
.chupin_lists ul li .chupin_img img{ width: 100%}

.chupin_lists ul li h3{ font-size: 18px; margin-bottom: 15px; margin-top:20px; color: #ffffff;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center}

.chupin_lists ul li p{ font-size: 14px; margin-bottom:30px; color: #999;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center}

.chupin_lists ul li:hover{background-color: #f8b62b; border: #f8b62b 1px solid; transition: 0.3s; -moz-transition: 0.3s; 

-webkit-transition: 0.3s; -o-transition: 0.3s;}

.chupin_lists ul li:hover .chupin_img{transform: scale(1.05);

-webkit-transform: scale(1.05);

-moz-transform: scale(1.05);}

.chupin_lists ul li:hover p{color: #ffffff;}

.hezuo_lists{ padding-top: 50px;}

.hezuo_lists ul{ text-align: left}

.hezuo_lists ul li{ display: inline-block; width: 30%; vertical-align: top; margin: 0 1%; margin-bottom: 3%;  border: #2f2f2f 2px solid;transition: 0.3s; -moz-transition: 0.3s; 

-webkit-transition: 0.3s; -o-transition: 0.3s; line-height: 1; overflow: hidden}

.hezuo_lists ul li .chupin_img{ position: relative; height:150px; margin:8px;transition: 0.4s;}
.hezuo_lists ul li .chupin_img img {
  display: block;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 70%;
  max-width: 70%;
}

.hezuo_lists ul li h3{ font-size: 18px; margin-bottom: 15px; margin-top:20px; color: #ffffff;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center}

.hezuo_lists ul li p{ font-size: 14px; margin-bottom:30px; color: #999;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center}

.hezuo_lists ul li:hover{border: #f8b62b 2px solid; border: #f8b62b 2px solid; transition: 0.3s; -moz-transition: 0.3s; 

-webkit-transition: 0.3s; -o-transition: 0.3s;}

.hezuo_lists ul li:hover .chupin_img{transform: scale(1.05);

-webkit-transform: scale(1.05);

-moz-transform: scale(1.05);}

.hezuo_lists ul li:hover p{color: #ffffff;}

  

@media (max-width:768px) {
	.pro_content .left_pro {
    position: relative;
    width: auto;
    right: initial;
    top: auto;
}
	.pro_content .right_pro {
    padding-right: 0;
}

	.more_descipe{ margin-top: 60px;}

	.chupin_lists ul li{ width: 46%;}

	.chupin_lists ul li .chupin_img{}
	.hezuo_lists ul{ text-align: left}

.hezuo_lists ul li{ display:block; width: inherit; vertical-align: top; margin:0%; margin-bottom: 3%;  border: #2f2f2f 2px solid;transition: 0.3s; -moz-transition: 0.3s; 

-webkit-transition: 0.3s; -o-transition: 0.3s; line-height: 1; overflow: hidden}
	.chupin_lists ul li {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

}