@charset "utf-8";

BODY { font-size: 12px; font-family: "Microsoft Yahei"; color: #666; }




#divSmallBox { overflow: hidden; *display: inline; *zoom: 1; width: 15px; height: 15px; margin: 0 5px; border-radius: 15px; background: #ffffff; }
#playBox { width: 1200px; height: 350px; margin: 0px auto; position: relative; overflow: hidden; }
    #playBox .oUlplay { width: 99999px; position: absolute; left: 0; top: 0; }
        #playBox .oUlplay li { float: left; }
    #playBox .pre { cursor: pointer; width: 45px; height: 45px; background: url(../images/l.png) no-repeat; position: absolute; top: 170px; left: 10px; z-index: 10; }
    #playBox .next { cursor: pointer; width: 45px; height: 45px; background: url(../images/r.png) no-repeat; position: absolute; top: 170px; right: 10px; z-index: 10; }
    #playBox .smalltitle { width: 1200px; height: 10px; position: absolute; bottom: 15px; z-index: 10; }
        #playBox .smalltitle ul { width: 125px; margin: 0 auto; }
            #playBox .smalltitle ul li { width: 15px; height: 15px; margin: 0 5px; border-radius: 15px; background: #ffffff; float: left; overflow: hidden; *display: inline; *zoom: 1; cursor: pointer; }
        #playBox .smalltitle .thistitle { background: #d00; }





/* header start */
/*#header { margin: 0 auto; width: 1200px; }
#logo { margin: 10px; }
#top_r { margin-top: 20px; width: 1050px; height: auto; }
#logoimg { width: 450px; height: 60px; }
#language { width: 400px; height: 20px; color: #fff; font: 14px/20px "Microsoft YaHei"; text-align: right; }
    #language a { margin: 0 10px; color: #fff; }
        #language a:hover { color: #d00; }
    #language p { margin-top: 10px; }
    #language span { color: #d00; font: 18px/20px "Microsoft YaHei"; }
#nav { margin-top: 15px; padding: 0 10px; width: 1030px; background: url(../images/nav_bg.png) no-repeat center; }
    #nav ul { margin: 0; padding: 0; }
        #nav ul li { float: left; display: block; width: 128px; text-align: center; position: relative; }
            #nav ul li a.tit { display: block; width: 128px; height: 33px; color: #fff; font: bold 14px/33px "Microsoft YaHei"; }
                #nav ul li a.tit:hover, #nav ul li a.tit.current { color: #9fd2fd; background: url(../images/nav_bg2.png) no-repeat center 5px; }

    #nav .sub-box { position: absolute; left: 0px; top: 100%; width: 128px; font-size: 12px; line-height: 25px; display: none; background-color: #f3f9f5; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; overflow: hidden; z-index: 15; }
        #nav .sub-box p { width: 108px; line-height: 25px; margin: 0 auto; padding: 0 10px; transition: background 0.3s ease 0s; }
            #nav .sub-box p:hover { background-color: #00a1e9; }
                #nav .sub-box p:hover a { color: #fff; border-bottom: 1px solid #00a1e9; }
            #nav .sub-box p:last-child a { border-bottom: none; }
        #nav .sub-box a { display: inline-block; color: #333; width: 108px; border-bottom: 1px solid #d4d4d4; }
            #nav .sub-box a:hover { color: #00a1e9; }*/



.header-wrap { width: 100%; -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; background: #fff; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2); }
    .header-wrap .otherlogo {left:180px;top:20px;position:absolute;z-index:3;width:142px;height:60px;background:url(../images/logoimg.png) no-repeat; }
    .header-wrap .top-link { line-height: 30px; height: 30px; width: 840px; position: absolute; right: 0; top: 0; background-color: #00a1e9; z-index: 3; }
        .header-wrap .top-link .search-sub { width: 382px; padding-top: 19px; height: 63px; background-color: #fff; position: absolute; right: 0; top: 30px; display: none; z-index: 13; }
        .header-wrap .top-link .search-box { margin-left: 40px; }
            .header-wrap .top-link .search-box .tex { border: 1px solid #bebebe; font-size: 12px; height: 13px; line-height: 12px; padding: 14px 10px 13px; width: 194px; }
            .header-wrap .top-link .search-box .sub-btn { border: none; width: 86px; height: 42px; background-color: #00a1e9; color: #fff; font-size: 14px; line-height: 42px; text-align: center; }
        .header-wrap .top-link .mobile-sub { width: 150px; height: 150px; position: absolute; right: 98px; top: 30px; display: none; z-index: 10; }
            .header-wrap .top-link .mobile-sub img { width: 150px; }
.search-bg-alert { position: fixed; left: 0; top: 0; width: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); z-index: 12; height: 100%; display: none; }
.header-wrap .link { margin-right: 50px; font-size: 14px; font-weight: bold; }
    .header-wrap .link a { color: #fff; display: inline-block; float: left; }
    .header-wrap .link .line { display: inline-block; float: left; width: 1px; height: 12px; background-color: #fff; margin: 10px 18px 0; }
.header-wrap .logo { display: inline-block; margin-top: 10px; margin-left: 20px; margin-bottom: 10px; }
.header-wrap .nav { line-height: 42px; margin-right: 8px; margin-top: 100px; position: relative; z-index: 2; }
    .header-wrap .nav li { font-size: 16px; padding-right: 45px; position: relative; float: left; }
    .header-wrap .nav a.tit { color: #000; padding-right: 24px; background: url(../images/ico_04.png) no-repeat right center; display: inline-block; }
    .header-wrap .nav li:first-child a.tit { background: none; padding: 0; }
    .header-wrap .nav li:hover a.tit { color: #00a1e9; }
    .header-wrap .nav .sub-box { position: absolute; left: -15px; top: 100%; width: 170px; font-size: 16px; line-height: 30px; display: none; /*padding-top: 20px;*/ /*padding-bottom: 36px;*/ background-color: #f3f9f5; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; overflow: hidden; }
        .header-wrap .nav .sub-box p { width: 150px; line-height: 42px; margin: 0 auto; padding: 0 10px; transition: background 0.3s ease 0s; }
            .header-wrap .nav .sub-box p:hover { background-color: #00a1e9; }
                .header-wrap .nav .sub-box p:hover a { color: #fff; border-bottom: 1px solid #00a1e9; }
            .header-wrap .nav .sub-box p:last-child a { border-bottom: none; }
        .header-wrap .nav .sub-box a { display: inline-block; color: #333; padding-left: 20px; width: 130px; border-bottom: 1px solid #d4d4d4; }
            .header-wrap .nav .sub-box a:hover { color: #00a1e9; }
.iban-wrap { height: 420px; }
.iban { height: 420px; background: url(../images/loadings.gif) no-repeat center; }
    .iban .imglist li.active { animation: bannerIn 15s forwards; }









.line { float: left; width: 2px; height: 33px; background: url(../images/nav_line.jpg) no-repeat center; }
/* header end */
.w1200 { width: 1200px; margin: 0px auto; }
.com_tit { OVERFLOW: hidden; MARGIN-BOTTOM: 22px; BACKGROUND: url(../images/line5.gif) repeat-x left bottom; ZOOM: 1; PADDING-BOTTOM: 14px; }
    .com_tit .c_name { FONT-SIZE: 18px; BACKGROUND: url(../images/line4.gif) no-repeat left center; FLOAT: left; COLOR: #00a1e9; PADDING-LEFT: 14px; }
        .com_tit .c_name IMG { DISPLAY: block; }
    .com_tit .c_more { FONT-SIZE: 12px; FLOAT: right; FONT-WEIGHT: normal; COLOR: #222; PADDING-TOP: 24px; MARGIN: 0px 6px 0px 0px; }
.t_lt { HEIGHT: 41px; WIDTH: 15px; BACKGROUND: url(../images/s_lt.gif) no-repeat; POSITION: absolute; LEFT: 0px; }
.t_rt { HEIGHT: 41px; WIDTH: 15px; BACKGROUND: url(../images/s_rt.gif) no-repeat; RIGHT: 0px; POSITION: absolute; }
.thanks { margin-bottom: 26px; padding-top: 40px; }
.th_con { height: 45px; }
.th_wrp { width: 896px; float: left; }
    .th_wrp LI { WIDTH: 130px; FLOAT: left; MARGIN: 0px 8px; DISPLAY: inline; }
    .th_wrp IMG { BORDER-TOP: #ccc 1px solid; HEIGHT: 45px; BORDER-RIGHT: #ccc 1px solid; WIDTH: 120px; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; }
    .th_wrp SPAN { COLOR: #444; TEXT-ALIGN: center; MARGIN-TOP: 5px; DISPLAY: block; }
.th_search { width: 304px; float: right; }
    .th_search .search-box { }
        .th_search .search-box .tex { border: 1px solid #bebebe; font-size: 12px; height: 13px; line-height: 12px; padding: 16px 10px; width: 194px; }
        .th_search .search-box .sub-btn { border: none; width: 86px; height: 47px; background-color: #00a1e9; color: #fff; font-size: 14px; line-height: 47px; text-align: center; }

.cate { MARGIN-BOTTOM: 12px; }
.lt_cate { WIDTH: 233px; }
.rt_cate { WIDTH: 916px; }
.tit { HEIGHT: 56px; LINE-HEIGHT: 56px; }
.lt_cate .tit { WIDTH: 195px; BACKGROUND: url(../images/h2_bg.gif) no-repeat; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 19px; }
.tit .f_name { FONT-SIZE: 18px; COLOR: #fff; }
.tit .f_more { FONT-SIZE: 12px; FONT-WEIGHT: normal; COLOR: #fff; }
.lt_bg1 { BACKGROUND: url(../images/lt_bg1.gif) repeat-y left top; PADDING-TOP: 18px; }
.lt_bg { BACKGROUND: url(../images/lt_bg2.gif) no-repeat left bottom; PADDING-BOTTOM: 10px; PADDING-TOP: 0px; PADDING-LEFT: 11px; PADDING-RIGHT: 20px; }
    .lt_bg H3 { FONT-SIZE: 16px; HEIGHT: 34px; WIDTH: 195px; BACKGROUND: url(../images/h3_bg.gif) no-repeat; COLOR: #fff; MARGIN: 0px auto 5px; LINE-HEIGHT: 34px; TEXT-INDENT: 14px; }
        .lt_bg H3 A { COLOR: #fff; }
    .lt_bg UL { MARGIN-BOTTOM: 5px; display: none; }
        .lt_bg UL.db { display: block; }
    .lt_bg LI { HEIGHT: 48px; BACKGROUND: url(../images/lt_line.gif) repeat-x left bottom; LINE-HEIGHT: 40px; }
        .lt_bg LI A { FONT-SIZE: 13px; BACKGROUND: url(../images/lt_li.gif) no-repeat left center; COLOR: #333; PADDING-LEFT: 23px; DISPLAY: inline-block; width: 180px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .lt_bg .lt_lst { BACKGROUND: none transparent scroll repeat 0% 0%; }
.rt_cate .tit { MARGIN-BOTTOM: 25px; BACKGROUND: url(../images/rt_tit.gif) no-repeat; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 17px; PADDING-RIGHT: 22px; }
.tit EM { FONT-SIZE: 14px; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-WEIGHT: normal; COLOR: #fff; MARGIN-LEFT: 5px; }
.rt_list LI { MARGIN-BOTTOM: 15px; WIDTH: 188px; FLOAT: left; DISPLAY: inline; MARGIN-RIGHT: 54px; }
    .rt_list LI:last-child { MARGIN-RIGHT: 0px; }
    .rt_list .no_mar { MARGIN-RIGHT: 0px; }
.rt_list a.rt-img { width: 180px; height: 180px; display: block; BORDER: #cdcdcd 1px solid; padding: 3px; }
    .rt_list a.rt-img IMG { vertical-align: middle; max-width: 180px; max-height: 180px; _width: expression((this.offsetWidth > 180) ? "180px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 180) ? "180px" : this.offsetHeight + "px" ); }

    .rt_list a.rt-img i { display: inline-block; height: 100%; width: 0; vertical-align: middle; }
.rt_list SPAN { COLOR: #333; TEXT-ALIGN: center; MARGIN-TOP: 12px; DISPLAY: block; }


.bg2 { HEIGHT: 615px; BACKGROUND: url(../images/bg2.png) no-repeat center top; }
.three { WIDTH: 960px; PADDING-TOP: 30px; MARGIN: 0px auto; }
.tr_tit { FONT-SIZE: 48px; COLOR: #00567c; TEXT-ALIGN: center; }
    .tr_tit B { FONT-SIZE: 68px; }
    .tr_tit STRONG { MARGIN-RIGHT: 50px; }
    .tr_tit EM { FONT-SIZE: 14px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: normal; COLOR: #0096d9; MARGIN-TOP: -10px; DISPLAY: block; }
    .tr_tit SPAN { MARGIN-BOTTOM: 21px; FONT-SIZE: 18px; FONT-WEIGHT: normal; COLOR: #00567c; DISPLAY: block; }
.tr_list LI { WIDTH: 280px; FLOAT: left; DISPLAY: inline; MARGIN-RIGHT: 53px; }
.tr_list .tr_lst { MARGIN-RIGHT: 0px; }
.tr_list IMG { HEIGHT: 208px; WIDTH: 208px; MARGIN: 0px auto; DISPLAY: block; }
.tr_list B { FONT-SIZE: 18px; COLOR: #003147; TEXT-ALIGN: center; MARGIN: 12px 0px; DISPLAY: block; }
.tr_list SPAN { FONT-SIZE: 14px; BACKGROUND: url(../images/t_li.gif) no-repeat left 3px; COLOR: #003147; PADDING-LEFT: 22px; MARGIN: 0px 0px 10px 26px; DISPLAY: block; }

.about { HEIGHT: 490px; WIDTH: 1200px; MARGIN: 30px auto 16px; }
.ab_dl { MARGIN-BOTTOM: 20px; }
    .ab_dl DT { WIDTH: 354px; FLOAT: left; }
    .ab_dl DD { WIDTH: 768px; FLOAT: right; PADDING-RIGHT: 13px; }
    .ab_dl H4 { FONT-SIZE: 16px; MARGIN: 10px 0px 14px; }
        .ab_dl H4 A { COLOR: #00a1e9; }
    .ab_dl SPAN { OVERFLOW: hidden; MARGIN-BOTTOM: 14px; FONT-SIZE: 13px; HEIGHT: 144px; COLOR: #222; DISPLAY: block; LINE-HEIGHT: 24px; }
    .ab_dl .learn { HEIGHT: 22px; WIDTH: 71px; BACKGROUND: url(../images/m1.gif) no-repeat; COLOR: #fff; TEXT-ALIGN: center; DISPLAY: inline-block; LINE-HEIGHT: 22px; }
.ab_con { HEIGHT: 150px; WIDTH: 1200px; POSITION: relative; }
    .ab_con .t_lt { TOP: 37px; }
    .ab_con .t_rt { TOP: 37px; }
.ab_wrp { WIDTH: 1148px; MARGIN: 0px auto; }
    .ab_wrp LI { WIDTH: 164px; FLOAT: left; MARGIN: 0px 13px; DISPLAY: inline; }
        .ab_wrp li a.h-img { width: 158px; height: 110px; display: block; padding: 2px; border: 1px solid #ddd; text-align: center; }
    .ab_wrp a.h-img IMG { vertical-align: middle; max-width: 158px; max-height: 110px; _width: expression((this.offsetWidth > 158) ? "158px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 110) ? "110px" : this.offsetHeight + "px" ); }

    .ab_wrp a.h-img i { display: inline-block; height: 100%; width: 0; vertical-align: middle; }
    .ab_wrp SPAN { COLOR: #222; TEXT-ALIGN: center; MARGIN-TOP: 8px; DISPLAY: block; }
.gray { BACKGROUND: #f1f1f1; PADDING-BOTTOM: 21px; PADDING-TOP: 17px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; }
.news { WIDTH: 1200px; MARGIN: 0px auto 16px; }
.n_part { OVERFLOW: hidden; HEIGHT: 312px; WIDTH: 357px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 3px; PADDING-TOP: 22px; PADDING-LEFT: 16px; DISPLAY: inline; PADDING-RIGHT: 17px; MARGIN-RIGHT: 15px; }
.news .n3 { MARGIN-RIGHT: 0px; }
.n_part .com_tit { MARGIN-BOTTOM: 18px; BACKGROUND: no-repeat; PADDING-BOTTOM: 0px; }
.n_list LI { OVERFLOW: hidden; HEIGHT: 30px; LINE-HEIGHT: 30px; }
    .n_list LI A { BACKGROUND: url(../images/n_li.gif) no-repeat left 11px; COLOR: #444; PADDING-LEFT: 19px; DISPLAY: inline-block; }
.qa_con { OVERFLOW: hidden; HEIGHT: 242px; }
    .qa_con DL { MARGIN-BOTTOM: 16px; BACKGROUND: url(../images/line6.gif) no-repeat center bottom; PADDING-BOTTOM: 17px; }
    .qa_con .dl_lst { BACKGROUND: none transparent scroll repeat 0% 0%; }
    .qa_con DT { MARGIN-BOTTOM: 4px; HEIGHT: 30px; BACKGROUND: url(../images/q.gif) no-repeat left 3px; PADDING-LEFT: 33px; LINE-HEIGHT: 30px; width: 240px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
        .qa_con DT A { FONT-WEIGHT: bold; COLOR: #444; }
    .qa_con DD { BACKGROUND: url(../images/a.gif) no-repeat left 0px; COLOR: #c3c3c3; PADDING-LEFT: 33px; LINE-HEIGHT: 25px; }
.friend { HEIGHT: 140px; WIDTH: 1176px; BACKGROUND: #fff; PADDING-BOTTOM: 7px; PADDING-TOP: 15px; PADDING-LEFT: 12px; MARGIN: 0px auto; PADDING-RIGHT: 12px; }
    .friend .com_tit { MARGIN-BOTTOM: 26px; }
        .friend .com_tit .c_more { FONT-FAMILY: "宋体"; }
.fd_wrp { WIDTH: 1176px; MARGIN: 0px auto; }
    .fd_wrp LI { FLOAT: left; MARGIN: 0px 8px; DISPLAY: inline; }
    .fd_wrp IMG { BORDER-TOP: #ccc 1px solid; HEIGHT: 80px; BORDER-RIGHT: #ccc 1px solid; WIDTH: 160px; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; }
    .fd_wrp SPAN { COLOR: #444; TEXT-ALIGN: center; MARGIN-TOP: 5px; DISPLAY: block; }

.ft_bg { OVERFLOW: hidden; HEIGHT: 302px; BACKGROUND: url(../images/ft_bg.gif) repeat-x left top; }
lt_bg .footer { WIDTH: 1200px; MARGIN: 0px auto; }
.footernav { FONT-SIZE: 14px; HEIGHT: 57px; COLOR: #fff; TEXT-ALIGN: center; LINE-HEIGHT: 57px; }
    .footernav A { COLOR: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; }
.ft_con { COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 55px; PADDING-LEFT: 0px; LINE-HEIGHT: 30px; PADDING-RIGHT: 0px; width: 1005px; margin: 0 auto; }
    .ft_con A { COLOR: #444; }
    .ft_con H2 { BACKGROUND: url(../images/ft_line.gif) no-repeat right 0px; PADDING-BOTTOM: 46px; PADDING-TOP: 32px; PADDING-LEFT: 0px; PADDING-RIGHT: 46px; }
    .ft_con .f_txt { BACKGROUND: url(../images/ft_line.gif) no-repeat right 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 12px; PADDING-LEFT: 15px; PADDING-RIGHT: 75px; width: 491px; }
    .ft_con .code { PADDING-BOTTOM: 0px; PADDING-TOP: 7px; PADDING-LEFT: 45px; PADDING-RIGHT: 0px; }
        .ft_con .code SPAN { TEXT-ALIGN: center; DISPLAY: block; }