body { font: 14px/1.7em 'Helvetica', sans-serif; color: #000; }
a { color: #000; }
a:hover { text-decoration: none; }
.top_nav { width: 100%; height: 80px; position: fixed; top: 0; left: 0; text-align: center; box-sizing: border-box; font-size: 24px; line-height: 80px; color: #fff; padding: 0 20px; transition: all 0.5s linear; z-index: 10; }
.top_nav a { color: #fff; }
.top_nav .white, .top_nav .black { transition: height 0.5s linear; width: 207px; position: absolute; left: 50%; margin: 0 0 0 -103px; }
.top_nav .white { height: 53px; top: 14px; }
.top_nav .black { height: 0; bottom: 14px; }
.top_nav .en { width: 146px; height: 23px; position: absolute; left: 20px; top: 50%; margin-top: -12px; background-image: url(../img/en1.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.top_nav .ch { width: 36px; height: 19px; position: absolute; right: 20px; top: 50%; margin-top: -12px; background-image: url(../img/ch1.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; }
.top_nav.change { background-color: #fff; color: #000; }
.top_nav.change a { color: #000; }
.top_nav .en a, .top_nav .ch a { width: 100%; height: 100%; display: block; }
.top_nav.change .white { height: 0; }
.top_nav.change .black { height: 53px; }
.top_nav.change .en { background-image: url(../img/en2.png); }
.top_nav.change .ch { background-image: url(../img/ch2.png); }
.bigPic { width: 100%; height: 728px; position: fixed; top: 0; left: 0; right: 0; z-index: 1; background-size: auto 100%; background-repeat: no-repeat; background-position: 50% 0; }
.bigPic .cover { width: 100%; position: absolute; left: 0; top: 0; bottom: 0; background-image: url(../img/cover.png); background-repeat: repeat-x; background-position: 0 0; background-size: auto 100%; }
.bigPic .cover a { display: block; width: 100%; height: 100%; }
.bigPic .text { width: 100%; box-sizing: border-box; padding: 0 50px; position: absolute; left: 0; bottom: 40px; color: #fff; text-align: center; }
.bigPic .text a { color: #fff; }
.bigPic h1 { font-size: 50px; line-height: 1.3em; }
.bigPic .desc { padding-bottom: 15px; }
.bigPic .more { height: 25px; background-color: #EB322C; font-size: 14px; line-height: 25px; margin: 0 auto; display: inline-block; padding: 0 5px; }
.wrap { clear: both; width: 100%; background: #fff; position: relative; z-index: 2; margin-top: 728px; }
.list { clear: both; width: 1208px; margin: 0 auto; padding: 100px 0 0 0; }
.list ul { clear: both; zoom: 1; overflow: hidden; padding-bottom: 80px; display: none; }
.list li { width: 596px; float: left; display: inline; margin: 0 0 0 16px; }
.list li:first-child { margin: 0; }
.list li img { width: 596px; height: 335px; }
.list li div { position: relative; margin-bottom: 55px; }
.list li p { width: 380px; overflow: hidden; box-sizing: border-box; padding: 20px; position: absolute; right: 0; bottom: -20px; background-color: #282828; transition: background-color 0.5s linear; font-size: 20px; line-height: 26px; color: #fff; }
.list li p a { color: #fff; display: block; max-height: 52px; overflow: hidden; font-weight: bold; }
.list li:hover p { background-color: #EB322C; }
.list li span { display: block; padding-left: 20px; font-size: 16px; }
.list li span a { color: #666; }
.list_more { clear: both; width: 80px; height: 60px; margin: 0 auto 100px; background: url(../img/more.png); background-repeat: no-repeat; background-position: 50% 0; background-size: auto 100%; cursor: pointer; }
.sanj { width: 56px; height: 28px; margin: 0 auto; background: url(../img/footer.png) no-repeat 0 0; }
.footer { clear: both; background-color: #3d3d3d; position: relative; padding: 60px 0; color: #9d9d9d; line-height: 22px; }
.footer a { color: #9d9d9d; }
.footer ul { margin: 0 auto; width: 1200px; zoom: 1; overflow: hidden; background: url(../img/bg1.gif) repeat-y 0 0; }
.footer li { float: left; display: inline; padding: 0 30px; text-align: left; }
.footer li div { font-size: 20px; font-weight: bold; padding-bottom: 15px; }
.footer .f1 { width: 226px; padding-left: 0; }
.footer .f2 { width: 255px; }
.footer .f3 { width: 235px; }
.footer .f4 { width: 250px; padding-right: 0; }

html, body { -webkit-text-size-adjust: none; }
html { font-size: 625%; }
 @media screen and (max-device-width: 480px) {
html { font-size: 312.5%; }
.top_nav { height: 0.8rem; line-height: 0.8rem; padding: 0 0.2rem; font-size: 0.24rem; }
.top_nav .white, .top_nav .black { width: 2.07rem; position: absolute; left: 50%; margin: 0 0 0 -1.03rem; }
.top_nav .white { height: 0.53rem; top: 0.14rem; }
.top_nav .black { bottom: 0.14rem; }
.top_nav.change .black { height: 0.53rem; }
.top_nav .en { width: 1.46rem; height: 0.23rem; margin-top: -0.12rem; left: 0.2rem; }
.top_nav .ch { width: 0.36rem; height: 0.19rem; margin-top: -0.09rem; right: 0.2rem; }
.bigPic { position: relative; top: auto; left: auto; right: auto; height: 7.28rem; }
.bigPic .text { padding: 0 0.5rem; bottom: 0.4rem; }
.bigPic h1 { font-size: 0.4rem; }
.bigPic .desc { padding-bottom: 0.15rem; }
.bigPic .more { height: 0.4rem; font-size: 0.14rem; line-height: 0.4rem; padding: 0 0.05rem; }
.wrap { margin-top: 0; }
.list { width: 100%; box-sizing: border-box; padding: 1rem 0 0; }
.list ul { padding-bottom: 0; }
.list li { width: 100%; margin: 0; box-sizing: border-box; padding: 0 0 0.8rem; font-size: 0.26rem; line-height: 1.8em; }
.list li div { margin-bottom: 0; }
.list li img { width: 100%; height: auto; margin-bottom: 0.2rem; }
.list li p { width: 100%; height: auto; overflow: auto; padding: 0 0.2rem 0.2rem; position: relative; top: auto; right: auto; bottom: auto; background-color: transparent; transition: none; font-size: 0.3rem; line-height: 1.8em; color: #000; font-weight: bold; }
.list li p a { display: inline; height: auto; color: #000; }
.list li span { display: block; padding: 0 0.2rem; }
.list li:hover p { background-color: #fff; }
.list_more { clear: both; width: 0.8rem; height: 0.6rem; margin: 0 auto 1rem; background: url(../img/more.png); background-repeat: no-repeat; background-position: 50% 0; background-size: auto 100%; cursor: pointer; }
.sanj { width: 0.56rem; height: 0.28rem; background-size: 100% auto; }
.footer { padding: 0.6rem 0; line-height: 0.22rem; }
.footer ul { width: 100%; box-sizing: border-box; background: none; }
.footer li { box-sizing: border-box; font-size: 0.2rem; line-height: 1.6em; }
.footer li div { font-size: 0.3rem; padding-bottom: 0.2rem; }
.footer .f1, .footer .f2, .footer .f3 { width: 100%; padding: 0 0.2rem 0.3rem; margin-bottom: 0.3rem; border-bottom: 1px dotted #9d9d9d; }
.footer .f4 { width: 100%; padding: 0 0.2rem; }
}