/* by Adon , CSS Document */


.slider{ float:left; width:100%; position:relative; color:#fff;height:1024px;background:url(../img/banner_taoyuan.jpg) no-repeat center; background-size:cover;background-attachment:fixed}
.slider .item { position:relative;text-align:center; width:100%; top:50%; margin:-70px auto;}
.slider .item .p1{ font-size:50px; max-width:780px; margin:0 auto;}
.content{ float:left; width:100%;}
.content small{ display:block; font-size:15px; max-width:900px; margin:10% auto;}
.content .ul1{ text-align:center; position:relative;}
.content .ul1 li img{ max-height:679px;}
.content .ul1 .prev{ position:absolute; top:50%; left:0; z-index:9; margin-top:-30px;}
.content .ul1 .next{ position:absolute; top:50%; right:0; z-index:9; margin-top:-30px;}
.content .ul2{ text-align:center; position:relative; overflow:hidden; margin:10% 0 5% 0;}
.content .ul2 .p1{ font-size:25px; color:#2c2c2c; border-bottom:solid 1px #dddddd; padding:2.5% 0; margin-bottom:2.5%;}
.content .ul2 ul li{ float:left; width:16.6%;}
.content .ul2 ul li span{ display:block; font-size:14px; color:#7c7c7c; margin:25px 15px;}


.ajax-view{ position:fixed; top:0; left:0; background:url(../img/bantouming.png) repeat; width:100%;display:none;height:100%; z-index:99}
.ajax-vieww{ position: fixed; top:90px; left:0; margin:0 auto; background:#fff; z-index:99; right:0; max-width:1111px;width:100%; padding:5%;}
.ajax-vieww .closes{ position:absolute; top:5%; right:5%;}
.ajax-vieww .thumb{ overflow:hidden; position:relative;float:left; max-width:550px; width:70%;}
.ajax-vieww .thumb .pic{ float:left; width:100%; height:100%;}
.ajax-vieww .thumb img{ max-width:550px;}
.ajax-vieww .item{ float:right; max-width:265px; color:#919191; font-size:18px; width:25%;padding-top:8%;}
.ajax-vieww .item .p1{ margin-bottom:5%; font-size:25px; color:#2f2f2f;}
.ajax-vieww .item .p2{font-size:15px; }




@media (max-width:1024px){
.slider{background-attachment: inherit !important}	
.slider{ height:auto;}
.slider .item{ margin:30% auto;}


.ajax-view{ background:#fff; overflow-y:auto;}
.ajax-vieww{ top:0;position:absolute;}

}
@media (max-width:768px){
.slider .item .p1{ font-size:40px;}
.content .ul2 ul li{ width:25%;}

.ajax-vieww .item .p1{ font-size:20px;}
.ajax-vieww .thumb,.ajax-vieww .item,.ajax-vieww .thumb img{ max-width:100%;}
}
@media (max-width:640px){
.ajax-vieww .item{ font-size:14px;}
}
@media (max-width:480px){
.slider .item .p1{ font-size:28px;}
.slider .item{ margin:50% auto;}
.content .ul2 ul li{ width:33.33%;}
.content .ul2 ul li span{ font-size:12px; height:34px;}
.content .ul1 .prev img,.content .ul1 .next img{ height:40px;}
.content .ul2 .p1{ font-size:20px;}
.content small{ font-size:14px;}
.ajax-vieww .closes{ z-index:8}
.ajax-vieww .thumb{ width:100%;}
.ajax-vieww .item .p1{ font-size:18px;}
.ajax-vieww .item{ font-size:12px; width:100%;}

}
@media (max-width:320px){
.content small{ font-size:12px;}
.content .ul1 .prev img,.content .ul1 .next img{ height:30px;}
.content .ul2 .p1{ font-size:18px;}
.content .ul2 ul li{ width:50%;}
.slider .item .p1{ font-size:24px;}
}