.preview{width:450px; overflow:hidden;margin:0 auto}
/* smallImg */
.smallImg{position:relative; height:58px; margin-top:1px;padding:6px 0px; width:450px; overflow:hidden;float:left;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/d_08.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09.png) no-repeat; margin-left:434px; margin-top:-55px;}

#imageMenu {height:56px; width:420px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:56px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:50px; height:50px; border:3px solid #ef0f3a;}
/* bigImg */
.bigImg{position:relative; float:left; width:450px; height:auto; overflow:hidden; text-align: center; background: #fff; margin-bottom: 10px}
.bigImg #midimg{max-width:100%; 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 #959595; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}

@media only screen and (max-width: 650px) {
.preview{width:350px; overflow:hidden;margin:0 auto}
.smallImg{position:relative; height:58px; margin-top:1px; padding:6px 0px; width:350px; overflow:hidden;float:left;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09.png) no-repeat; margin-left:334px; margin-top:-50px;}

#imageMenu {height:50px; width:320px; overflow:hidden; margin-left:0; float:left;}

.bigImg{position:relative; float:left; width:350px; height:auto; overflow:hidden;}
.bigImg #midimg{width:350px; height:auto;}
}

@media only screen and (max-width:350px) {
.preview{width:300px; overflow:hidden;margin:0 auto}
.smallImg{position:relative; height:58px; margin-top:1px; background-color:#fff; padding:6px 0px; width:300px; overflow:hidden;float:left;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09.png) no-repeat; margin-left:284px; margin-top:-50px;}

#imageMenu {height:50px; width:270px; overflow:hidden; margin-left:0; float:left;}

.bigImg{position:relative; float:left; width:300px; height:300px; overflow:hidden;}
.bigImg #midimg{width:350px; height:350px;}
}

/*-------cp show----------*/
.cpbox{ overflow:hidden; margin:0px; padding:0px;background:url(../images/m_bg.jpg) no-repeat center;  background-size:cover; background-size:cover; margin-bottom:20px; padding:40px 0px}
.cpbox_L{ float:left; height:auto; width:53%; margin-bottom:15px}
.cpbox_R{ float:left; height:auto; width:47%; overflow:hidden}

.thumb_k{ margin:0px; padding:0px;overflow:hidden; text-align: center}
.thumb_k img{ max-width:400px; width:100%; height: auto; vertical-align: top}

.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:190%; color:#333333; margin-bottom:10px}
.cpxx dl dd{ overflow:hidden; padding:0px; margin:0px; font-size:16px;}
.cpxx dl dd b{ color:#222; font-weight:normal;font-size:16px;font-weight:bold; padding-top:10px}


.cptd_sm{ color:#333; font-size:16px; line-height:190%}
.cpsx_sm{color:#333; font-size:16px;overflow:hidden; margin:0px; padding:0px; margin-top:10px; margin-bottom:10px}
.cpsx_sm p{overflow:hidden; margin:0px;}

.cp_zx_tel{overflow:hidden; padding:0px; margin:0px; font-size:16px; color:#333333; margin-bottom:10px;  display: none; }
.cp_zx_tel span{font-size:22px; color:#FF0000; font-weight:bold}
.cp_zx_tel span a{font-size:22px; color:#FF0000; font-weight:bold}


.mfzx_btn_k{ overflow:hidden;}
.mfzx_btn1{overflow:hidden; background:#FF9C00; line-height:30px;padding:1px 0px 1px 0px; background-size:20px 20px; font-size:15px; color:#FFFFFF; border-radius:4px; width:100px; float:left;  text-align: center}
.mfzx_btn2{overflow:hidden; background:#FF9C00 url(../images/i_tb.svg) no-repeat 5px center; line-height:30px;padding:1px 8px 1px 30px; background-size:20px 20px; font-size:15px; color:#FFFFFF;border-radius:4px; width:100px; float:left}
.mfzx_btn_k a:hover .mfzx_btn1{background:#FF6600;}



@media only screen and (max-width:1190px) {
.preview{width:350px; overflow:hidden;margin:0 auto;height: auto}
.bigImg{position:relative; float:left; width:350px; height:350px; overflow:hidden;}
.bigImg #midimg{width:350px; height:350px;}
}
@media only screen and (max-width:1024px) {
.cp_zx_tel{display: block}
}
@media only screen and (max-width:800px) {
.cpbox_L{ float:left; height:auto; width:100%; margin-right:0px;}
.cpbox_R{ float:left; height:auto; width:100%; overflow:hidden;}
.cpxx dl dt{margin-bottom:12px; text-align: center;font-size:18px; line-height:24px; margin-top: 20px;}
.cpxx dl dd{ overflow:hidden; padding:0px; margin:0px; font-size:14px;}

.cpsx_sm{font-size:14px;overflow:hidden; margin:0px; padding:0px; margin-top:10px; margin-bottom:10px}
.cptd_sm{ font-size:14px; line-height:190%}
}


.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:24px;color:#111;font-weight:normal; overflow:hidden; line-height:190%; padding-left: 15px; position:relative;font-family: 'Aileron-Regular';font-family: 'Koulen';}
.smwz{ font-size:15px; line-height:30px}
.xc_t_wrap .xc_title::after{ content: ""; height: 22px; width: 4px; background: #ee0000;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:1024px) {
	
	.xc_t_wrap .xc_title { font-size:18px;}	
}
