html
{
    margin: 0;
    padding: 0;
}
body
{
    margin: 0;
    padding: 0;
}
#sybody
{
    overflow: hidden;
    height: 800px;
}
img
{
    border: none;
}
ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
li
{
    margin: 0;
    padding: 0;
}
#header
{
    width: 80%;
    margin: 0 auto;
}
#header ul li
{
    margin-top: 18px;
    margin-left: 70px;
    float: left;
}
.clear
{
    clear: both;
}
#logo
{
    margin-top: 10px;
    float: left;
}
#navlist
{
    float: right;
}
#container
{
    height: 100%;
}
#hd
{
    position: relative;
    height: 80px;
}
#hdlay
{
    width: 100%;
    position: absolute;
    z-index: 5;
}
.page_ct img
{
    display: none;
}
#opbg
{
    width: 100%;
    height: 80px;
    position: absolute;
    background-color: #fff;
    top: 0px;
    left: 0px;
    z-index: 2;
    opacity: .2;
    filter: alpha(opacity=20);
    display: block !important;
    _display: none;
}
#page_1
{
    background: url(../images/1.jpg);
    background-size: 100% 100%;
}
#page_2
{
    background: url(../images/2.jpg);
    background-size: 100% 100%;
}
#page_3
{
    background: url(../images/3.jpg) no-repeat;
    background-size: 100% 100%;
}
#page_4
{
    background: url(../images/4.jpg) no-repeat;
    background-size: 100% 100%;
}
#page_5
{
    background: url(../images/5.jpg) no-repeat;
    background-size: 100% 100%;
}
#page_6
{
    background: url(../images/6.jpg) no-repeat;
    background-size: 100% 100%;
}
#page_p
{
    background: url(../images/7.jpg);
    background-size: 100% 100%;
}
#page_1 .page_ct_kz
{
    float: left;
    height: 100%;
    width: 30%;
}
#page_1 .page_ct_kt
{
    float: right;
    height: 100%;
    width: 70%;
}
#page_2 .page_ct_kz
{
    float: left;
    height: 100%;
    width: 70%;
}
#page_2 .page_ct_kt
{
    float: right;
    height: 100%;
    width: 30%;
}
#page_3 .page_ct_kz
{
    float: left;
    height: 100%;
    width: 35%;
}
#page_3 .page_ct_kt
{
    float: right;
    height: 100%;
    width: 65%;
}
#page_4 .page_ct_kz
{
    float: left;
    height: 100%;
    width: 30%;
}
#page_4 .page_ct_kt
{
    float: right;
    height: 100%;
    width: 70%;
}
#page_5 .page_ct_kz
{
    float: left;
    height: 100%;
    width: 30%;
}
#page_5 .page_ct_kt
{
    float: right;
    height: 100%;
    width: 70%;
}
#page_6 .page_ct_kz
{
    float: left;
    height: 100%;
    width: 40%;
}
#page_6 .page_ct_kt
{
    float: right;
    height: 100%;
    width: 60%;
}

.pg
{
    width: 100%;
    height: 100%;
}
.page_ct
{
    width: 80%;
    height: 100%;
    margin: 0 auto;
}

.page_ct2
{
    width: 80%;
    height: 100%;
    margin: 0 auto;
}

#page_1 .page_ct
{
    height: auto;
}
#nav_page
{
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 3;
    top: 320px;
    right: 50px;
}
#nav_page li
{
    margin-bottom: 7px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url(../images/yuan.png) no-repeat 0px -20px !important;
    _background: url(../images/yuan.gif) no-repeat 0px -20px;
}
#nav_page .sp_current
{
    background: url(../images/yuan.png) no-repeat 0px 0px !important;
    _background: url(../images/yuan.gif) no-repeat 0px 0px;
}
#logo a
{
    display: block;
    width: 133px;
    height: 53px;
}
#sypg_cu
{
    display: block;
    background: url(../images/zi-sy.png) no-repeat 0px 0px;
    width: 64px;
    height: 32px;
    text-indent: -9999px;
}
#sypg
{
    display: block;
    background: url(../images/zi-sy-c.png) no-repeat 0px 0px;
    width: 64px;
    height: 32px;
    text-indent: -9999px;
}
#sypg:hover
{
    background: url(../images/zi-sy.png) no-repeat 0px 0px;
}
#ippg_cu
{
    display: block;
    background: url(../images/zi-ip-c.png) no-repeat 0px 0px;
    width: 134px;
    height: 35px;
    text-indent: -9999px;
}
#ippg:hover
{
    background: url(../images/zi-ip-c.png) no-repeat 0px 0px;
}
#ippg
{
    display: block;
    background: url(../images/zi-ip.png) no-repeat 0px 0px;
    width: 134px;
    height: 35px;
    text-indent: -9999px;
}
#yjpg
{
    display: block;
    background: url(../images/zi-yj.png) no-repeat 0px 0px;
    width: 132px;
    height: 32px;
    text-indent: -9999px;
}
#yjpg_cu
{
    display: block;
    background: url(../images/zi-yj-c.png) no-repeat 0px 0px;
    width: 132px;
    height: 32px;
    text-indent: -9999px;
}
#yjpg:hover
{
    background: url(../images/zi-yj-c.png) no-repeat 0px 0px;
}

#gymhr_cu
{
    display: block;
    background: url(../images/zi-gymhr-c.png) no-repeat 0px 0px;
    width: 157px;
    height: 32px;
    text-indent: -9999px;
}
#gymhr
{
    display: block;
    background: url(../images/zi-gymhr.png) no-repeat 0px 0px;
    width: 157px;
    height: 32px;
    text-indent: -9999px;
}
#gymhr:hover
{
    background: url(../images/zi-gymhr-c.png) no-repeat 0px 0px;
}

#lxwm_cu
{
    display: block;
    background: url(../images/zi-lxwm-c.png) no-repeat 0px 0px;
    width: 126px;
    height: 32px;
    text-indent: -9999px;
}
#lxwm
{
    display: block;
    background: url(../images/zi-lxwm.png) no-repeat 0px 0px;
    width: 126px;
    height: 32px;
    text-indent: -9999px;
}
#lxwm:hover
{
    background: url(../images/zi-lxwm-c.png) no-repeat 0px 0px;
}

#bz_cu
{
    display: block;
    background: url(../images/zi-bz-c.png) no-repeat 0px 0px;
    width: 64px;
    height: 32px;
    text-indent: -9999px;
}
#bz
{
    display: block;
    background: url(../images/zi-bz.png) no-repeat 0px 0px;
    width: 64px;
    height: 32px;
    text-indent: -9999px;
}
#bz:hover
{
    background: url(../images/zi-bz-c.png) no-repeat 0px 0px;
}

#page_yj
{
    font-size: 14px;
}
#ippage_ct
{
    text-align: center;
    margin: 0 auto;
    width: 420px;
    height: 550px;
}
#ip_footer
{
    font-size: 14px;
    text-align: center;
    width: 970px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 25px;
    color: #99999e;
}
#ip_ba
{
    margin-top: 10px;
}
#page_yj
{
    font-size: 14px;
}

#pl_header
{
    width: 100%;
    border-bottom: 1px solid #8195e4;
    height: 80px;
}

#pl_logo
{
    margin-top: 15px;
    float: left;
}
#pl_navlist
{
    float: right;
}
#pl_nav
{
    width: 970px;
    margin: 0 auto;
}
#pl_ss
{
    float: left;
    margin-left: 40px;
    margin-top: 52px;
}
#pl_ss span
{
    font-weight: bold;
    color: #8195e4;
}
#pl_navlist li
{
    margin-top: 24px;
    margin-left: 70px;
    float: left;
}
#page_yj #hd_ct
{
    width: 970px;
    text-align: center;
    margin: 0 auto;
}
.pl
{
    padding: 15px 0;
    width: 970px;
    text-align: left;
    margin: 0 auto;
    border-bottom: 1px solid #cdd6f9;
}
.pl_title
{
    font-weight: bold;
}
.pl_info
{
    margin: 10px 0;
    color: #ccc;
}
.pl_ct
{
    margin-bottom: 20px;
}
.pl_answer
{
    color: #ccc;
}
.pl_an_ct
{
    margin-top: 15px;
}
#fy
{
    border-top: 1px solid #8195e4;
    text-align: center;
    margin: 0 auto;
    width: 970px;
    height: 23px;
    font-size: 12px;
    background-color: #cdd6f9;
    padding: 1px;
}
#fy .current
{
    display: inline-block;
    padding: 4px 7px;
    margin: 0 3px;
    color: #000;
}
#fy a
{
    display: inline-block;
    border: 1px solid #8195e4;
    padding: 3px 7px;
    text-decoration: none;
    font-size: 12px;
    margin: 0 3px;
    background-color: #fff;
}
#fy a:hover
{
    background: #359cee;
    border-color: #359cee;
    color: #fff;
}
#fy a:link, #fy a:visited
{
    border: 1px solid #e8e8e8;
    color: #333;
}
#fy_ct
{
    margin: 0 auto;
}
#pl_footer
{
    color: #99999e;
    text-align: center;
    width: 970px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 30px;
}
#pl_ba
{
    margin-top: 15px;
}
#footer
{
    height: 100px;
    color: #99999e;
    text-align: center;
    width: 970px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 30px;
}
#sy_ba
{
    margin-top: 15px;
}

#page_p
{
    position: relative;
    height: 1000px;
    min-height: 650px;
}
#ippage_ct
{
    text-align: center;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 550px;
}

.download
{
    width: 1105px;
    margin: 0 auto;
}

.download li
{
    float: left;
    margin: 0px 28px;
}

.download_android div
{
    background: url(../images/if7-android.jpg);
    background-repeat: no-repeat;
    width: 312px;
    height: 242px;
}

.download_android:hover div
{
    background: url(../images/if7-android-c.jpg);
    width: 312px;
    height: 242px;
}

.download_ios div
{
    background: url(../images/if7-iphone.jpg);
    background-repeat: no-repeat;
    width: 312px;
    height: 242px;
}

.download_ios:hover div
{
    background: url(../images/if7-iphone-c.jpg);
    width: 312px;
    height: 242px;
}

.download_qr div
{
    background: url(../images/if7-ercode.jpg);
    background-repeat: no-repeat;
    width: 312px;
    height: 242px;
}

.news_left
{
    list-style-type: disc;
    margin: 0px;
    padding: 0px;
    width: 70%;
}

.news_left li
{
    margin: 0px;
    padding: 0px;
    margin-left: 45px;
    text-align: left;
     line-height:24px;
}

.news_left li a
{
    text-decoration: none;
    color: #8a8a8a;
    font-family: 'Microsoft YaHei' !important;
    font-size: 14px;
}

.news_left li a:hover
{
    text-decoration: none;
    color: #90c43c;
    font-family: 'Microsoft YaHei' !important;
    font-size: 14px;
}

.news_right
{
    list-style-type: disc;
    margin: 0px;
    padding: 0px;
    width: 70%;
}

.news_right li
{
    margin: 0px;
    padding: 0px;
    margin-left: 62px;
    text-align: left;
    line-height:24px;
}

.news_right li a
{
    text-decoration: none;
    color: #8a8a8a;
    font-family: 'Microsoft YaHei' !important;
    font-size: 14px;
}

.news_right li a:hover
{
    text-decoration: none;
    color: #90c43c;
    font-family: 'Microsoft YaHei' !important;
    font-size: 14px;
}

.footer_ct
{
    text-align: right;
  
}

.footer_ct span
{
    height:50px;
      background:url(../images/if7-contact.jpg) no-repeat
}