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



.productmain{
    width:calc(100% - 40px);
    margin: 20px;
    overflow:hidden;
	    padding-bottom: 50px;
    border-bottom: 1px solid #cecece;
}
.productmain .bmainpic {
	float:left;
	width:700px;
    text-align: center;
}
.productmain .bmainpic img {
	max-width:100%;
	max-height:100%;
}
.productmain .productdes {
	float:right;
	width:400px;
}







.productmain .productdes .title:after {
    content: "";
    display: block;
    margin: 15px 0;
    background: #f30000;
    width: 60px;
    height: 4px;
}




.productmain .productdes .title {
	    margin: 0 auto 40px;
    font-size: 36px;
    line-height: 42px;
    color: #f30000;
}
.productmain .productdes .text {
	padding: 5px 0;
	margin-bottom: 10px;
}
.productmain .productdes .share {
	padding: 5px 0;
	border-top: 1px #999 dotted;
	border-bottom: 1px #999 dotted;
	overflow: hidden;
}
.productmain .productdes .share > div {
	float:left;
	margin-right:10px;
}

.pane {
	width: calc(100% - 40px);
    margin: 0px 20px 20px;
    overflow:hidden;
}
.inst-gallery ul{
    height: auto;
    width: 100%;
    overflow:hidden;
}
.inst-gallery ul li{
        float: left;
    width: 220px;
    margin: 0 5px 15px;
    border: 1px solid #CCC;
}
.inst-gallery ul li .picpp {
    width: 210px;
    height: 210px;
    overflow: hidden;
    margin: 5px;
}
.inst-gallery ul li .picname {
    width: 100%;
    height: 40px;
    margin: auto;
    font-size: 10pt;
    line-height: 20px;
    color: #666;
    text-align: center;
    overflow: hidden;
}



#tagpart {
    width: 100%;
    font-size: 10pt;
    line-height: 23px;
    color: #333;
    overflow:hidden;
}
#tagpart #tabs {
    height: 40px;
    width: 100%;
    background-image: url(../jpg/line_33.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
}
#tagpart #tabs ul {
    height: 40px;
    width: 100%;
}
#tagpart #tabs ul li {
	float: left;
    height: 28px;
    width: auto;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    border-left: 1px solid #333;
    background-repeat: repeat-x;
    background-color: #E5E5E5;
    margin: 10px 5px 0;;
}
#tagpart #tabs ul li a {
    color: #333;
    display: list-item;
    padding: 3px 20px 0px;
    height: auto;
    cursor: pointer;
}
#tagpart #tabs ul li a.selected {
    background-color: #FFF;
    height: 30px;
}
#tagpart #tabs ul li a:hover {
    color:#903;
}
#tagpart .pane {
    width: 100%;
    padding: 20px 0px;
    overflow: hidden;
}



#tagpart .inst-gallery ul{
    height: auto;
    width: 100%;
    overflow:hidden;
}
#tagpart .inst-gallery ul li{
    float:left;
    width: 230px;
    margin: 0 4px 15px;
    border: 1px solid #CCC;
}
#tagpart .inst-gallery ul li .picpp {
    width: 220px;
    height: 220px;
    overflow: hidden;
    margin: 5px;
}
#tagpart .inst-gallery ul li .picname {
    width: 100%;
    height: 40px;
    margin: auto;
    font-size: 10pt;
    line-height: 20px;
    color: #666;
    text-align: center;
    overflow: hidden;
}


@media (max-width: 992px) {
.productmain {
        width:calc(100% - 40px);
    margin: 20px;
	
}
.productmain .bmainpic {
    width: 100%;
}

.productmain .productdes {
    float: left;
    width:calc(100% - 40px);
    margin: 20px;
}
}

@media (max-width: 767px) {
.inst-gallery ul li {
   float: left;
    width: calc(50% - 10px);
    margin: 0 5px 15px;
    border: 1px solid #CCC;
}
.inst-gallery ul li .picpp {
    width: 100%;
    height: 220px;
    overflow: hidden;
   margin: 0px; 
}
}