html{background:#fff}



#pagesw {width: 100%;height:860px;overflow: hidden; margin-bottom:130px}
.sections,.section {height:100%}
#pagesw,.sections {position: relative}
.section {background-color: #000;background-size: cover;background-position: 50% 50%;text-align: center;color: white}
#section0 {background-image: url('../img/ps1.jpg')}
#section1 {background-image: url('../img/ps2.jpg')}
#section2 {background-image: url('../img/ps3.jpg')}

.pages li{list-style-type:none;width:10px;height:10px;border-radius:10px;background-color:white}
.pages li:hover{box-shadow:0 0 5px 2px white}
.pages li.active{background-color:orange;box-shadow:0 0 5px 2px orange}
.pages{position:absolute;z-index:999}
.pages.horizontal{left:50%;transform:translateX(-50%);bottom:5px}
.pages.horizontal li{display:inline-block;margin-right:10px}
.pages.horizontal li:last-child{margin-right:0}
.pages.vertical{right:5px;top:50%;transform:translateY(-50%)}
.pages.vertical li{margin-bottom:10px}
.pages.vertical li:last-child{margin-bottom:0}



#proliu{width:1209px; margin:0 auto; text-align:center; margin-bottom:100px}
#proliu img{ height: auto; width: auto\9; width:100% }
#about{width:1209px; margin:0 auto; text-align:center; margin-bottom:100px;height:430px}
#about_a{ float:left; width:723px; height:423px}
#about_b{ float:right; width:486px; height:423px}
#about_b1{ width:200px;height:200px;font-size:30px; font-weight:bolder; margin-left:60px;text-align:left }
#about_b2{width:400px; height:270px;font-size:18px;margin-left:60px;text-align:right}
#cp1{width:1920px; margin:0 auto; text-align:center; margin-bottom:300px}
#cp1 img{ height: auto; width: auto\9; width:100% }
#com{width:1206px; margin:0 auto; text-align:center; margin-bottom:100px}
#com img{ height: auto; width: auto\9; width:100% }
#news{width:816px; margin:0 auto; text-align:center; margin-bottom:100px}
#news img{ height: auto; width: auto\9; width:100% }

#newsa{margin:0 auto; width:1140px;height:260px; margin-bottom:120px}
.newsb{float:left;width:330px; height:260px;text-align:left; margin-right:50px}
.newsb1{font-size:18px;font-weight:bold;text-align:left; font-family:'Arial Rounded MT'}
.newsb2{ font-size:48px;font-weight:800; font-family:'Arial Rounded MT'; height:60px; line-height:60px; margin-bottom:20px}
.newsb3{font-size:18px;font-weight:bold;text-align:left;  height:32px; line-height:32px; color:#4a4a4a}
.newsb3 a{font-size:18px;font-weight:bold;text-align:left;  height:32px; line-height:32px; color:#4a4a4a;text-decoration:none;cursor:pointer}
.newsb3 a:hover{font-size:18px;font-weight:bold;text-align:left;  height:32px; line-height:32px; color:#242424}
.newsb4{font-size:14px;font-weight:bold;text-align:left; color:#969696 }

#anli{width:100%; margin-bottom:200px; background:#333333; height:736px}
#anli a{text-decoration:none;cursor:pointer; color:#a3a3a3}
#anli a:hover{color:#242424}
#anlia{width:1162px; height:200px; color:#cccccc; font-size:35px; font-weight:bold; line-height:140px; margin:0 auto; text-align:left; letter-spacing:3px}
#anli1 li:nth-of-type(1) img { transform: translate(-210px); }
#anli1 li:nth-of-type(2) img { transform: translate(-180px); }
#anli1 li:nth-of-type(3) img { transform: translate(-380px); }
#anli1 { width: 1160px; height: 536px; margin:0 auto; }
#anli1 img { width: 800px; height: 536px; max-width: 820px; }
#anli1 li { float: left; position: relative; width: 82px; height: 100%; overflow: hidden; cursor: pointer; transition: 0.5s; transform-origin: bottom; filter: alpha(opacity=50); opacity: 0.5; }
#anli1 li img { transition: 1.2s; }
#anli1 li a { display: block; }
#anli1 li div { position: absolute; bottom: 0; left: 0; width: 100%; background: #000; line-height: 32px; filter: alpha(opacity=70); opacity: 0.7; text-indent: 2em; }
#anli1 li div a { color: #FFF; text-decoration: none; }
#anli1 li div a:hover { color: #F00; text-decoration: none; }
#anli1 li.active { cursor: pointer; transform: scale(1.02, 1.08); z-index: 3; width: 820px; filter: alpha(opacity=100); opacity: 1; }
#anli1 li.active img { transform: translate(0px); }
#anli1 li:nth-of-type(1) { transform-origin: bottom left; }
#anli1 li:nth-of-type(5) { transform-origin: bottom right; }