*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
.demoh2{font-size:14px;margin:20px;color:#ff6600;}
/* preview style */
.preview{ float:left}
/* smallImg */
.smallImg{position:relative;height:430px; padding:20px 5px 16px 5px; width:82px; overflow:hidden;float:left; margin-right:20px}
.scrollbutton{width:45px; height:10px; overflow:hidden; position:absolute; left:17px; cursor:pointer;background:#fff url(../images/zoom.gif) no-repeat;}
.scrollbutton.smallImgUp{background-position:0 0; top:8px;}
.scrollbutton.smallImgDown{background-position:0 -11px; margin-top:0px; bottom:2px}
.scrollbutton.smallImgUp.disabled{background-position:0 -22px;}
.scrollbutton.smallImgDown.disabled{background-position:0 -33px;}
#imageMenu {height:404px;overflow:hidden; margin-top:4px;}
#imageMenu li {height:81px; width:72px; overflow:hidden;}
#imageMenu li img{padding:1px;border:1px solid #E8E8E8; width:68px; height:68px;cursor:pointer; vertical-align:top}
#imageMenu li#onlickImg img{border:1px solid #e7141b;}
/* bigImg */
.bigImg{position:relative;float:left;width:452px;height:452px;overflow:hidden;border:1px solid #E4E4E4; text-align:center;background: #f6f6f6}
.bigImg img{ vertical-align:middle}
.bigImg #midimg{max-width:450px; width: auto;height:450px;}
.bigImg #winSelector{width:235px;height:210px;}
#winSelector{position:absolute;cursor:crosshair;filter:alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;background-color:#000;border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #ccc;overflow: hidden;width:260px;height:295.652px;top:20%;left:540px;z-index:999;}
#bigView img{position:absolute;}

@media only screen and (max-width: 1190px) {
.smallImg{position:relative;height:360px; padding:20px 5px 16px 5px; width:82px; overflow:hidden;float:left; margin-right:10px}

.bigImg{position:relative;float:left;width:402px;height:402px;overflow:hidden; text-align:center; }

.bigImg #midimg{max-width:450px; width: auto;height:400px;}

#imageMenu {height:350px;overflow:hidden; margin-top:4px;}
#imageMenu li {height:84px; width:72px; overflow:hidden;}
}
@media only screen and (max-width: 960px) {
	
.preview{width:auto; margin:0 auto; float:none; width:500px}
}

@media only screen and (max-width: 800px) {
.bigImg #winSelector{width:235px;height:210px; display:none}
.smallImg{position:relative;height:360px; padding:20px 5px 16px 5px; width:82px; overflow:hidden;float:left; margin-right:1px}

}
@media only screen and (max-width:560px) {
.preview{width:auto; margin:0 auto; float:none; width:340px}
.bigImg{position:relative;float:right;width:260px;height:260px;padding:2px;overflow:hidden;}
.bigImg #midimg{max-width:260px; width: auto; height:260px}

.smallImg{position:relative;height:230px; padding:20px 5px 16px 5px; width:60px; overflow:hidden;float:left;}
.scrollbutton{width:52px; height:10px; overflow:hidden; position:absolute; left:7px; cursor:pointer;background:#fff url(../images/zoom.gif) no-repeat left;}
#imageMenu li {height:58px; width:52px; overflow:hidden;}
#imageMenu li img{padding:1px;border:1px solid #E8E8E8; width:48px; height:48px;cursor:pointer;}
#imageMenu {height:226px;overflow:hidden; margin-top:4px;}

}


@media only screen and (max-width:330px) {
.preview{width:auto}
.bigImg{position:relative;float:right;width:210px;height:210px;padding:2px;overflow:hidden;}
.bigImg #midimg{width:100%;height:auto;}

.smallImg{position:relative;height:177px; padding:20px 5px 16px 5px; width:60px; overflow:hidden;float:left;}
.scrollbutton{width:52px; height:10px; overflow:hidden; position:absolute; left:7px; cursor:pointer;background:#fff url(../images/zoom.gif) no-repeat left;}
#imageMenu li {height:58px; width:52px; overflow:hidden;}
#imageMenu li img{padding:1px;border:1px solid #E8E8E8; width:48px; height:48px;cursor:pointer;}
#imageMenu {height:174px;overflow:hidden; margin-top:4px;}
}


.cpxx_L{ overflow:hidden; float:left; width:50%; }
.cpxx_R{ overflow:hidden; float: right; width:50%; }

@media only screen and (max-width:1450px) {

}
@media only screen and (max-width:1100px) {
.cpxx_L{  width:55%;}
.cpxx_R{width:43%;}	
}
@media only screen and (max-width:960px) {
.cpxx_L{ overflow:hidden; float: none; width:100%; margin-bottom: 20px}
.cpxx_R{width:100%; float: none;}	
}



.cpxx{ overflow:hidden; padding:0px; margin:0px; margin-bottom: 15px}
.cpxx dl{ overflow:hidden; padding:0px; margin:0px}
.cpxx dl dt{ overflow:hidden; padding:0px; margin:0px; font-size:22px; line-height:30px; color:#111; margin-bottom:20px;font-weight: bold}
.cpxx dl dd{ overflow:hidden; padding:0px; margin:0px; font-size:16px; color:#666}


.splm{overflow: hidden;height:40px;margin:0px;padding:0px;line-height:40px;border-top:1px #f20002 solid;background:#F2F0F0; margin-bottom:15px;margin-top:15px}
.splm span{display: block; color: #f20002;font-size: 16px;font-weight: bold; padding-left:20px}


.xc_t_wrap { margin-bottom:5px; border-bottom:#eee 1px solid; overflow:hidden; margin-top:30px}
.xc_t_wrap .xc_title { font-size:22px;color:#111; overflow:hidden; line-height:190%; padding-left: 15px; position:relative;font-weight: bold}
.smwz{ font-size:15px; line-height:30px}
.xc_t_wrap .xc_title::after{ content: ""; height: 22px; width: 3px; background: #01379e;left: 0; z-index: 1;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}


@media only screen and (max-width:1100px) {
	.xc_t_wrap .xc_title { font-size:18px;}
	.cpxx dl dt{ font-size:18px;}
	.cpxx dl dd{ font-size:14px; line-height: 22px}
}

.cp_Detailed{ overflow-y:scroll;height:260px;padding-right:20px;}


@media only screen and (max-width:960px) {
.cp_Detailed{ overflow-y: hidden; padding-right:0px; overflow: hidden;height: auto}
.cpxx dl dt{ font-size:16px; line-height: 26px}
}