body{width:100%;background:#fff;font-size:0}

a{color:#333}

a:hover{color:red}

.nav{position:fixed;top:0;left:16.3%;z-index:2000;width:236px;text-align:center}

.nav a{color:#fff}

.nav a:hover span{color:#ff0}

.nav li{margin:3.5px 0;width:236px;height:53px;background:url(../img/nav_bg.jpg) no-repeat;color:#fff;font-size:24px;line-height:53px; text-align:left; text-indent:9px;}

.nav .hash li{background:#690;color:#ff0}

.nav ul a.hash:hover li{-webkit-opacity: 1;  -moz-opacity: 1;   -khtml-opacity: 1;  opacity: 1;   filter:alpha(opacity=100);  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  }

.nav ul a:hover li{-webkit-opacity: 0.5;  -moz-opacity: 0.5;   -khtml-opacity: 0.5;  opacity: .5;   filter:alpha(opacity=50);  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);  }

.nav2{display:none; z-index:1000; height:12%;}
.nav2 ul li{ float:left; width:16%; }
.nav2_space{height:166px; width:100%; display:none;}



.nslides li{height:78px; text-align:left; text-indent:0px;}
.nslides2{ margin-top:30px; margin-left:20px;}
.nslides2 li{ text-align:left; text-indent:0px;}


.panel_ct_l{float:left;width:253px;height:10px}

hr{margin:21px auto;width:55%;border:none;border-bottom:1px dashed #999}



.panel_top{position:absolute;top:0;padding-bottom:30px;width:100%;text-align:center; overflow:hidden;}

.panel{position:absolute;z-index:2;margin-top:-10000px;/*height:4008px;*/ width:100%;background:#fff;box-shadow:0 4px 7px rgba(0,0,0,.6);-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out; text-align:center; padding-bottom:50px;}

.panel:target{margin-top:0;background-color:#fff}



.content{position:relative;float:left;overflow:hidden;width:62.7%}

.p4{margin:24px auto 0;width:95%;text-align:left;font-size:18px;line-height:24px}

.p5{font-size:18px;line-height:39px}

.content_ct2 li img{width:99%}

.content_ct2 li p{width:95%;height:80px;font-size:14px;line-height:20px}

.moreitem{position:absolute;top:0;left:0;}

.solditem{position:absolute;left:0;margin-top:60px}



.bigger{overflow:hidden;}

.bigger img{width:100%;  transition: 0.8s;}

.bigger img:hover{opacity:.7;-webkit-transition:200ms linear;-moz-transition:200ms linear;-o-transition:200ms linear;transition:200ms linear;-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.05);transform:scale(1.15);-ms-transform:scale(1.15);-ms-transition:200ms linear;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70)}

.content_ct3 div.bigger{width:95%;margin-top:30px; margin-left:20px}

.nslides li{ background:#fff;}



.content_ct1{margin:0 auto;width:95%;text-align:left}

.content_ct1 div.bigger{width:53%;float:left;}

.content_ct1 img{width:100%;}

.content_ct1_r{float:left;width:47%}

.content_ct1_r p{padding-left:17px}
.content_ct4 div.bigger{width:43%;float:left;}

.p1{margin-top:10px;color:#333;font-size:40px;line-height:50px}

.p2{margin:30px auto 0;width:90%;color:#333;text-align:left;font-size:20px;line-height:30px}

.p3{color:#333;font-size:20px;line-height:30px}

.content_ct2 ul{margin:16px auto 0;width:95%;text-align:left}

.content_ct2 li{position:relative;float:left;overflow:hidden;width:20%}


.panel_ct{margin-left:16.3%}

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

.content_ct1{margin:0 auto;width:95%;text-align:left}

.content_ct1 div.bigger{width:50%;float:left;}

.content_ct1 img{ width:100%;}

.content_ct1_r{float:left;width:50%}

.content_ct1_r p{padding-left:17px; padding-top:3px;}
.content_ct4 div.bigger{width:43%;float:left; margin-left:35px;}
.content_ct4_r p{padding-left:30px}
.p1{margin-top:10px;color:#333;font-size:40px;line-height:50px}

.p2{margin:30px auto 0;width:90%;color:#333;text-align:left;font-size:20px;line-height:30px}

.p3{color:#333;font-size:20px;line-height:30px}

.content_ct2 ul{margin:16px auto 0;width:95%;text-align:left}

.content_ct2 li{position:relative;float:left;overflow:hidden;width:20%; margin-bottom:10px;}
.border_img{ overflow:hidden; margin-bottom:5px;}
}

@media only screen and (max-width:1450px){.content_ct1{margin:0 auto;width:423px;text-align:left}

.content_ct1 div.bigger{width:100%}

.content_ct1_r{margin-top:20px;width:100%}

.content_ct1_r p{padding-left:17px}

.p1{margin-top:10px;color:#333;font-size:28px;line-height:40px}

.p2{margin:15px auto 0;width:90%;color:#333;text-align:left;font-size:16px;line-height:20px}

.p3{color:#333;font-size:16px;line-height:20px}
.content_ct2 ul{margin:16px auto 0;width:95%;text-align:left}

.content_ct2 li{position:relative;float:left;overflow:hidden;width:20%}
.border_img{ overflow:hidden;}

}

@media only screen and (min-width:1010px) and (max-width:1450px){.content_ct2 ul{margin:16px auto 0;width:95%;text-align:left}

.content_ct2 li{position:relative;float:left;overflow:hidden;width:20%}
.border_img{ overflow:hidden;}

}

@media only screen and (max-width:1010px){.content_ct2 ul{margin:16px auto 0;width:95%;text-align:left}

.content_ct2 li{position:relative;float:left;overflow:hidden;width:20%}
.border_img{ overflow:hidden;}

.p5{font-size:14px;line-height:20px}

}





@media only screen and (min-width:1246px){.nav{left:16.3%}

.panel_ct{margin-left:16.3%}

}

@media only screen and (max-width:1010px){.nav{left:0}
.panel_ct{margin-left:0}
.nav{ display:none;}
.panel_ct_l{display:none;}
.content{width:100%;}
.nav2_space{display:block;}
.nav2{display:block; position:fixed; top:0px; left:0px;}
.p2{font-size:10px;}
.p3{font-size:10px;}
.content_ct1{ width:90%;}

}

@media only screen and (min-width:1010px) and (max-width:1246px){.nav{left:12.3%}

.panel_ct{margin-left:12.3%}

}