@charset "utf-8";
/* CSS Document */
/*
动画过度
{transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;} 

 */

* {margin: 0;padding: 0;}
html{font-size: 20px;}
a{text-decoration: none; color: #fff;}
img{display:block;border:0;}
li { list-style:none;}
body{max-width: 640px;margin:0 auto; background: #fff;color:#000;font-size:0.6rem;}

.Warning {width:100%;height:auto;display:block;}
.Warning img {width:100%;height:auto;}


.nav {width:100%;height:3rem;position:relative;position:fixed;left:0;top:0px;background:#fff;z-index:9;border-bottom:2px solid #F2F2F2;z-index:9;}
.nav span {width:auto;height:2rem;margin-top:0.5rem;display:block;position:absolute;right:0;top:0;padding-left:10px;padding-right:10px;border-radius:4px;background:#00A0E9;margin-right:1rem;text-align:center;line-height:2rem;font-size:0.8rem;font-weight:bold;color:#fff;}
.nav span {    -webkit-box-shadow: 3px 3px 3px #000;
    -moz-box-shadow: 3px 3px 3px #000;
    box-shadow: 3px 3px 3px #000;}
.nav span img {width:auto%;height:100%;float:right;}
.nav .logo {height:2.6rem;width:50%;margin-top:0.2rem;display:block;}
.nav .logo img {width:auto%;height:100%;}
.right_nav {width:50%;height:100%;background:#fff;position:fixed;right:-50%;top:0;z-index:9;border-left:2px solid #eee;}
.right_nav {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;} 
.right_nav.on {right:0;}
.right_nav a {height:2rem;width:100%;margin-top:0.2rem;display:block;border-bottom:1px solid #F2F2F2;line-height:2rem;color:#00A0E9;text-indent:2rem;}
.right_nav .logo img {width:auto%;height:100%;}

.bannerbox {width:100%;height:auto;position:relative;margin-top:3rem;}
.bannerbox img {width:100%;height:auto;}
.bannerbox h1 {position:absolute;font-size:1rem;color:#fff;}

.index_box {width:100%;height:auto;;overflow:hidden;padding-bottom:1rem;}
.index_box_h1 {background:url(../img/h1.png) top center no-repeat;width:100%;height:5rem; background-size: auto 100%;}
.index_box_h2 {background:url(../img/h2.png) top center no-repeat;width:100%;height:5rem; background-size: auto 100%;}
.index_box_h3 {background:url(../img/h3.png) top center no-repeat;width:100%;height:5rem; background-size: auto 100%;}
.index_box_h4 {background:url(../img/h4.png) top center no-repeat;width:100%;height:5rem; background-size: auto 100%;}
.index_box_h5 {background:url(../img/h5.png) top center no-repeat;width:100%;height:5rem; background-size: auto 100%;}

.index_commonweal_box {width:98%;height:auto;margin:0 auto;}
.index_commonweal_box img {width:100%;height:auto;}

.memorabilia {width:96%;height:auto;margin:0 auto;}
.yearbox {width:100%;height:auto;font-size:0.8rem;border-bottom:1px solid #f2f2f2;line-height:2rem;}
.yearbox span {color:#00A0E9;font-size:1rem;}

.index_leader_box {width:100%;height:auto;overflow:hidden;}
.index_leader_box .leader {width:32%;height:auto;display:block;float:left;margin-left:13%;background:#000000;margin-bottom:2em;}
.index_leader_box .leader_top {width:100%;height:auto;overflow:hidden;}
.index_leader_box .leader_top img {width:100%;height:auto;}
.index_leader_box .leader_bottom {text-align: center;font-size:0.4rem;color:#fff;line-height:2rem;}

.index_branch_box_img {width:96%;height:auto;overflow:hidden;margin:0 auto;}
.index_branch_box_img img {width:100%;height:auto;}
.index_branch_box_img span {width:100%;height:2rem;line-height:2rem;color:#fff;text-align:center;background:#333333;font-size:0.6rem;display:block;}
.index_branch_box p {width:96%;height:auto;margin:0 auto;line-height:1.6rem;font-size:0.6rem;}

.index_history_box {width:100%;height:auto;margin:0 auto;overflow:hidden;}
.index_history_box a {width:20%;height:auto;float:left;display:block;margin-top:1rem;text-align:center;margin-left:4%;}
.index_history_box a img {width:96%;height:auto;margin:0 auto;}

.index_more {width:30%;height:2rem;line-height:2rem;color:#fff;font-size:0.6rem;border-radius: 2.77778em;margin:0 auto;display:block;text-align:center;margin-top:1rem;background:#00A1E9;}

#box1 {background:#f2f2f2;}
#box3 {background:#f2f2f2;}

#max {background:#000;width:100%;height:10000px;z-index:998;position:absolute;left:0;top:4rem;opacity:0.8;}

.b_txt_box {width:98%;height:4rem;margin:0 auto;color:#333333;font-size:0.6rem;line-height:2rem;overflow:hidden;}
.b_txt_box span {color:#00A0E9;font-weight:bold;}
.txt_box {width:98%;height:auto;margin:0 auto;color:#333333;font-size:0.6rem;line-height:1.6rem;overflow:hidden;}
.txt_box span {color:#00A0E9;font-weight:bold;}
.b_txt_box.on {height:auto;}
.h_box {width:100%;height:3rem;border-bottom:1px solid #f2f2f2;text-align:center;line-height:3rem;font-size:1rem;color:#00A0E9;font-weight:bold;}
.h_box_more {width:100%;height:2rem;line-height:2rem;display:block;font-size:0.6rem;text-decoration:underline;color:#00A0E9;text-align:right;font-weight:bold;}

.leader_box {width:100%;height:auto;overflow:hidden;}
.leader_box .leader {width:32%;height:auto;display:block;float:left;margin-right:1%;margin-top:1rem;background:#000000;}
.leader_box .leader_top {width:100%;height:auto;overflow:hidden;}
.leader_box .leader_top img {width:100%;height:auto;}
.leader_box .leader_bottom {text-align: center;font-size:0.4rem;color:#fff;line-height:2rem;}
.leader_img {width:90%;height:auto;}
.leader_txt {width:70%;height:auto;float:left;margin-top:1rem;}

.leader_pic {width:90%;height:auto;margin:0 auto;overflow:hidden;}
.leader_pic .leader_top {width:100%;height:auto;overflow:hidden;}
.leader_pic .leader_top img {width:100%;height:auto;}
.leader_pic .leader_bottom {text-align:center;font-size:0.4rem;color:#fff;line-height:2rem;}

.history_box_li {width:98%;height:auto;overflow:hidden;border-bottom: 1px solid #f2f2f2;margin-top:1rem;padding-bottom:1rem;color:#333333;font-size:0.6rem;line-height:1rem;}
.history_box_li_img {width:50%;height:auto;margin:0 auto;}
.history_box_li_img img {width:100%;height:auto;}
.history_box_li h1 {line-height:3rem;font-size:1rem;}

.business_box {width:98%;height:auto;margin:0 auto;overflow:hidden;}

.commonweal_box {width:100%;height:auto;overflow:hidden;}
.commonweal_box_img {width:32%;height:4rem;overflow:hidden;float:left;margin-left:1%;margin-top:0.4rem;}
.commonweal_box_img img {width:100%;height:auto;}

.news_list_box {width:98%;height:auto;margin:0 auto;overflow:hidden;}
.news_list_box_li {width:100%;height:3.6rem;position:relative;display:block;border-bottom:1px solid #e5e5e5;overflow:hidden;}
.news_list_box_li:hover {background:#f2f2f2;text-decoration:none;}
.news_list_box_li_img {width:80%;height:4rem;margin:0 auto;overflow:hidden;}
.news_list_box_li_img img {width:100%;height:auto;}
.news_list_box_li h1 {width:100%;height:3rem;line-height:3rem;position:absolute;left:0;top:0;font-size:0.6rem;color:#00A0E9;}
.news_list_box_li span {color:#b2b2b2;position:absolute;right:0;bottom:0rem;font-size:0.6rem;}

.newsbox {width:98%;height:auto;margin:0 auto;overflow:hidden;font-size:0.8rem;color:#333333;line-height:1.4rem;margin-top:4rem;}
.newbox_h {width:100%;height:auto;border-bottom:1px solid #f2f2f2;text-align:center;line-height:3rem;font-size:1rem;color:#00A0E9;}
.newsbox img {width:100%;height:auto;}

.foot {width:100%;height:auto;margin-top:3rem;background:#fff;-webkit-box-shadow: inset 2px 2px 5px 1px rgba(0,0,0,.08);
-moz-box-shadow: inset 2px 2px 5px 1px rgba(0,0,0,.08);
box-shadow: inset 2px 2px 5px 1px rgba(0,0,0,.08);
background-color: #f2f2f2;}
.foot_li {width:90%;height:2rem;text-align:center;line-height:2rem;border-bottom:1px solid #ccc;margin:0 auto;color:#757575;font-size:0.6rem;margin:0 auto;}
.foot_li a {color:#00A0E9;font-size:0.6rem;}
.foot_li a:hover {text-decoration:underline;}

#h1 {cursor:pointer;}
#h2 {cursor:pointer;}
#h3 {cursor:pointer;}



.page_bottom {width:100%;height:2rem;background:#f2f2f2;text-align:center;position:fixed;bottom:0;left:0;}
.page_bottom a {color:#00A0E9;line-height:2rem;font-size:0.6rem;}

.us_box_img {width:96%;height:auto;margin:0 auto;}
.us_box_img img {width:100%;height:auto;}