/* clearfix */
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
*html .clearfix{ zoom:1;}


.preview{ overflow:hidden;margin:0 auto; width:100%; text-align:center}
/* smallImg */
.smallImg{position:relative; height:52px;  padding:6px 0px; width:450px; overflow:hidden; margin:0 auto;margin-top:1px;}
.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:-50px;}

#imageMenu {height:50px; width:420px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:83px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:70px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:64px; height:44px; border:3px solid #0478E5;}
/* bigImg */
.bigImg{position:relative;width:100%; height:auto; overflow:hidden;}
.bigImg #midimg{width:auto; height:400px;}
.bigImg #winSelector{width:435px; 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 #0478E5; overflow: hidden; z-index:999; display:none}
#bigView img{position:absolute;}





@media only screen and (max-width: 650px) {
.preview{width:350px; overflow:hidden;margin:0 auto; margin-bottom:15px;}
.smallImg{position:relative; height:52px; margin-top:1px; background-color:#fff; 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:230px; overflow:hidden;}
.bigImg #midimg{width:350px; height:230px;}

#imageMenu li {height:50px; width:63px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:54px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:48px; height:44px; border:3px solid #0478E5;}
}

@media only screen and (max-width:350px) {
.preview{width:300px; overflow:hidden;margin:0 auto}
.smallImg{position:relative; height:52px; margin-top:1px; padding:6px 0px; width:300px; overflow:hidden;float:left;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09.png) no-repeat; margin-left:266px; margin-top:-50px;}

#imageMenu {height:50px; width:270px; overflow:hidden; margin-left:0; float:left;}

.bigImg{position:relative; float:left; width:300px; height:197px; overflow:hidden;}
.bigImg #midimg{width:300px; height:197px;}
}



.cpxx_bg{background:url(../images/cpxx_bg.jpg); width:100%; padding:100px 0px 100px 0px; overflow:hidden; border-bottom:#E5E5E5 1px solid }

@media only screen and (max-width: 1366px) {
.cpxx_bg{background:url(../images/cpxx_bg.jpg); width:100%; padding:60px 0px 60px 0px; overflow:hidden; }
}

@media only screen and (max-width:1190px) {
.cpxx_bg{background:url(../images/cpxx_bg.jpg);width:100%; padding:40px 0px 40px 0px; overflow:hidden; }
}

@media only screen and (max-width:900px) {
.cpxx_bg{background:url(../images/cpxx_bg.jpg); width:100%; padding:30px 0px 30px 0px; overflow:hidden;}
}


.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%}
@media (max-width: 768px) {
.xc_t_wrap { margin-bottom:5px;overflow:hidden}
.xc_t_wrap .xc_title { font-size:20px;color:#111;font-weight:normal; }
}




/*-------cp show----------*/
.cpbox{ overflow:hidden; margin:0px; padding:0px;}
.cpbox_L{ float:left; height:auto; width:43%;}
.cpbox_R{ float:left; height:auto; width:57%; overflow:hidden}


.cpxx{ overflow:hidden; padding:0px; margin:0px;}
.cpxx dl{ overflow:hidden; padding:0px; margin:0px}
.cpxx dl dt{ overflow:hidden; padding:0px; margin:0px; font-size:24px; line-height:190%; color:#222; margin-bottom:10px}
.cpxx dl dd{ overflow:hidden; padding:0px; margin:0px; font-size:16px; padding-top:5px; color:#333;}
.cpxx dl dd span{color:#111; font-weight:bold}
.cpxx dl dd b{ color:#167BC5; font-weight:normal;font-size:16px;font-weight:bold}
.cp_zx_tel{overflow:hidden; padding:0px; margin:0px; font-size:16px; padding-top:10px}
.cp_zx_tel span{font-size:22px; color:#FF0000; font-weight:bold}

.cptd_sm{ color:#666666; font-size:16px; line-height:190%; overflow:hidden}


@media only screen and (max-width:1190px) {
.cpbox_L{ float:left; height:auto; width:auto; margin-right:15px;}
.cpbox_R{ float:left; height:auto; width:240px; overflow:hidden}
}

@media only screen and (max-width:1000px) {
.cpbox{ overflow:hidden; margin:0px; padding:0px;max-width:1200px;margin:0 auto;margin-top:10px; width:96%;}
.cpbox_L{ float:left; height:auto; width:100%; margin-right:0px; margin-bottom:10px}
.cpbox_R{ float:left; height:auto; width:100%; overflow:hidden; }
.cpxx dl dt{margin-bottom:2px; line-height:170%; font-size:20px}
.cpxx dl dd{ overflow:hidden; padding:0px; margin:0px; font-size:14px; padding-top:5px;}

.cptd_sm{ color:#666666; font-size:14px; line-height:180%; overflow:hidden}

}




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