@charset "utf-8";
html, body {height: 100%;}
body { margin:0; padding:0;font-family:'微软雅黑', Arial; font-size:12px;}
img{ border:0; padding:0; margin:0}
form{ margin:0; padding:0;}
.clear{ clear:both;}
a{ text-decoration:none; color:#000}
input,button,select,textarea{outline:none}
textarea{resize:none}
ol, ul, li {list-style: none; margin:0;padding:0;}
img {border: 0;}
.clear{clear:both;}
form{ padding:0; margin:0;}

.font_red{ color:#F00}

.top{ width:100%; background:#30374a; height:48px; overflow:hidden; position:fixed; top:0;}
.ztop{ height:48px;}
.top > .logo{ float:left; margin:10px 0 0 20px; margin-right:20px;}
.top > ul li{ float:left; width:80px; height:48px; line-height:48px; text-align:center; font-size:14px;}
.top > ul li a{ color:#FFF; width:80px; height:48px; display:block}
.top > ul li a:hover{ background:#F60}
.top > .rightdiv{ float:right; margin-right:20px; width:300px; height:48px; line-height:48px; text-align:right; font-size:14px; color:#FFF;}
.top > .rightdiv a{ color:#FFF;}
.top > .rightdiv a:hover{ color:#F60}

.index_top{ width:100%; height:445px; background:#ffa800 url(../images/index_01.jpg) no-repeat top;}
.index_center{ width:1003px; margin:10px auto; padding:10px; height:460px}

.index_center .div01{ width:246px; height:226px; margin:10px auto; margin:2px; float:left; overflow:hidden}
.index_center .div01:hover{ background:#066}


.index_center .color_01{ background:#ffb61b}
.index_center .color_02{ background:#5bc527}
.index_center .color_03{ background:#9933cc}
.index_center .color_04{ background:#0095cd}
.index_center .color_05{ background:#b8c400}
.index_center .color_06{ background:#39C}
.index_center .color_07{ background:#F90}
.index_center .color_08{ background:#cc6600}

.index_center1{ width:600px; margin:10px auto; padding:10px; height:360px; padding-bottom:50px}
.index_center1 > a{ width:150px; float:left; margin:15px 25px; height:150px;  color:#333; display:block}
.index_center1 > a:hover{ color:#F60; font-weight:bold}
.index_center1 > a > .divimg{ height:100px; text-align:center}
.index_center1 > a > .font01{ text-align:center; margin:0;padding:5px; font-size:16px}
.index_center1 > a > .font02{ text-align:center;margin:0;}

.divbg{ width:246px; height:226px;background:url(../images/index_02.png)center no-repeat}
.divbg .number{ font-size:24px; color:#FFF; padding:20px 25px 0 25px; text-align:right; font-family:Verdana, Geneva, sans-serif}
.divbg .title{ font-size:24px; color:#FFF; padding:45px 25px 0 25px;}
.divbg .content{ font-size:14px; color:#FFF; padding:10px 25px 0 25px;}
.index_bottom{  background:#30374a; height:70px; text-align: center; color:#FFF; line-height:25px;clear:both; padding-top:20px;}

.other_top{width:100%; height:45px; background:#ffa800;}
.other_top .co{width:1003px; margin:0 auto;height:45px;}
.other_top .co .logo{ float:left;}
.other_top .co a{ float:left; display:block; width:90px; height:45px; line-height:45px; text-align:center; font-size:14px; color:#FFF}
.other_top .co .sel{ background:#666}
.other_top .co a:hover{ background:#2791ed;}

.infolist{ width:1003px; margin:20px auto; min-height:800px;}
.infolist .left{ width:200px; height:300px; float:left}
.infolist .left .line_01{height:50px; background:#0f61a9 url(../images/infocontent_01.png) no-repeat right; line-height:50px; text-align:left; color:#FFF; font-size:16px; font-weight:bold; padding-left:30px;-moz-border-radius: 5px; 
-webkit-border-radius: 5px; }
.infolist .left .line_01:hover{ background:#F60; }
.infolist .left .line_01 a{ color:#FFF;height:50px; width:100%; display:block}
.infolist .left .line_02{height:40px; background:#f7f7f7;  color:#000; font-size:12px; border-bottom:1px solid #dddddd; margin-top:10px;}
.infolist .left .line_02 .dh_level_01{ background:#0f61a9; height:40px; border-bottom:1px solid #518cc1; color:#FFF; font-size:12px; padding-left:10px; line-height:40px;}
.infolist .left .line_02 .dh_level_01 a{ color:#FFF; width:100%; height:40px; display:block}
.infolist .left .line_02 .dh_level_01_hidden{background:#0f61a9 url(../images/infocontent_02.png) no-repeat 170px 10px;}
.infolist .left .line_02 .dh_level_01_show{background:#0f61a9 url(../images/infocontent_03.png) no-repeat 170px 10px;}
.infolist .left .line_02 .dh_level_02{ background:#fbfbfb; }

.infolist .left .line_02 .dh_level_02 .div01{border-bottom:1px solid #ebebeb; height:37px; line-height:37px; padding-left:30px;}
.infolist .left .line_02 .dh_level_02 .div01 a{ color:#666 }
.infolist .left .line_02 .dh_level_02 .sel{ background:#E1F1FD; color:#0688C6; font-weight:bold;}
.infolist .left .line_02 .dh_level_02 .sel a{ color:#36C }
.infolist .left .line_02 .dh_level_02 .div01 a:hover{ color:#F60}
.infolist .left .line_02 .dh_level_02_hidden{ display:none}
.infolist .left .line_02 .dh_level_02_show{ display:block}

.infolist .right{ width:785px; float:right}
.infolist .right .title{ height:40px; line-height:40px; border-bottom:1px solid #cccccc}
.infolist .right .title .left_01{ float:left; font-size:16px; font-weight:bold; padding-left:10px;}
.infolist .right .title .right_01{ float:right; font-size:12px; padding-right:10px; color:#999}
.infolist .right .content_01{ margin:10px; border: 1px dashed #CCC; padding:10px;}
.infolist .right .content_01 .bt{ line-height:25px; text-align:center; font-size:18px; font-weight:bold; color:#000}
.infolist .right .content_01 .fb{ line-height:20px; text-align:center; font-size:12px; color:#999}
.infolist .right .info{ font-size:14px; line-height:150%; margin:10px;}

.infolist .all{ text-align:left}
.infolist .all .title{ height:40px; line-height:40px; border-bottom:1px solid #cccccc}
.infolist .right .title .left_01{ float:left; font-size:16px; font-weight:bold; padding-left:10px;}
.infolist .right .title .right_01{ float:right; font-size:12px; padding-right:10px; color:#999}
.infolist .all .search{ padding:5px; background:#eeeff1; margin:10px 0; border:1px solid #ccc}
.infolist .all .search table tr td{ padding:5px;}


.infolist .all .list table{border-left:1px solid #e2e5f4;border-right:1px solid #e2e5f4;border-top:2px solid #fdad00; color:#555555}
.infolist .all .list table .th td{ background:#eeeff1; font-size:14px; font-weight:bolder; text-align:center; height:35px; line-height:35px;border-bottom:1px solid #e6e6e6;}
.infolist .all .list table td{height:35px; line-height:35px; border-bottom: 1px solid #e2e5f4;empty-cells:show; text-align:center; padding:0 5px;}
.infolist .all .list table a{ color:#09adf4}
.infolist .all .list table a:hover{ color:#F60}
.infolist .all .list table .tr_002 {background-color:#F9F9F9}
.infolist .all .list table tr:hover{ background-color:#e1efff}

.infolist .all .list .imgshow{ float:left; margin:10px 8px; text-align:center}
.infolist .all .list .imgshow:hover { color:#F90}
.infolist .all .list .imgshow img{ width:220px; height:165px; border:1px solid #CCC; padding:5px; margin-bottom:5px;}

.infolist .all .list .imgshow img:hover{border:1px solid #F90; }
.infolist .all .list .imgshow a{ color:#333 }
.infolist .all .list .imgshow a:hover{color:#F90; }

.infolist .all .list .content_01{ margin:10px; border: 1px dashed #CCC; padding:10px;}
.infolist .all .list .content_01 .bt{ line-height:25px; text-align:center; font-size:18px; font-weight:bold; color:#000}
.infolist .all .list .content_01 .fb{ line-height:20px; text-align:center; font-size:12px; color:#999}
.infolist .all .list .info{ font-size:14px; line-height:150%; margin:10px;}

.infolist .all .imgshow01{ margin:10px 0; text-align:center}
.infolist .all .imgshow01 img{ max-width:1000px;}


.input_text{ height:24px; background:url(../back/images/input_bg.gif) top; font-size:12px; padding:0 2px; border:1px solid #cdcdcd; line-height:24px;}
.input_area{ background:url(../back/images/input_bg.gif) top repeat-x; font-size:12px; padding:0 2px; border:1px solid #cdcdcd; line-height:24px;}
.input_select{ height:26px;padding:3px; border:1px solid #cdcdcd; color:#666; background:url(../back/images/input_bg.gif) top; }
.input_bottom_01{ border:1px solid #0966b6; color:#fff; background:#2791ed url(../back/images/menu01_03.gif) bottom repeat-x; padding:0 20px; font-size:12px; height:28px;}
.input_bottom_02{ border:1px solid #c7c7c7; color:#676767; background:url(../back/images/menu01_04.gif) repeat-x bottom; padding:0 20px; font-size:12px; height:28px;}

.test{ width:100%; text-align:center}

.library{ margin:10px  auto; width:1003px; min-height:800px;}
.library .table01{ border:1px solid #d4d4d4;-moz-border-radius: 5px; -webkit-border-radius: 5px; min-height:600px; min-width:1003px;}
.library .nav{ height:36px;  background:url(../images/nav_bg.png); border-bottom:1px solid #d4d4d4;  padding:0 20px;}
.library .nav .left{ float:left;line-height:36px;}
.library .nav .right{ float:right}
.library .nav .right a{ width:100px; height:30px; color:#FFF; background:#0066cc; display:block; line-height:30px; text-align:center; margin-top:3px;}
.library .title{ margin:30px 30px 10px 30px; border-bottom:1px solid #d8d8d8; }
.library .title .left{ font-size:16px; font-weight:bold; float:left;line-height:40px;}
.library .title .right{ float:right; width:340px;}
.library .title .right .b1{ float:left; width:290px; border:1px solid #e5e5e5; height:20px; padding:5px;}
.library .title .right .b1 .input{ border:0; height:20px;  width:280px; font-size:12px}
.library .title .right .b2{ float:left; border:1px solid #e5e5e5; height:30px;width:30px; background:url(../images/search.gif) center no-repeat}
.library .content{ margin:10px 30px; font-size:14px; line-height:150%; min-height:400px;}
.library .list{margin:10px 30px; font-size:14px; line-height:150%; min-height:400px;}
.library .list .tb01{border:1px solid #d4d4d4}
.library .list .tb01 .th td{ background:#f3f3f3; border-bottom:1px solid #cbcbcb; font-size:12px; font-weight:bold; text-align:center}
.library .list .tb01 .tr01{ background:#f7f7f7}
.library .list .tb01 td{ padding:3px;}
.library .list .tb01 .fjtd{ border-left:1px dotted #d4d4d4; padding:5px;}
.library .list .title01{ height:26px; font-size:16px; font-weight:bold; line-height:26px;}
.library .list .title01 a{ color:#333;}
.library .list .title01 a:hover{ color:#F60;} 
.library .list .div01{ height:40px; line-height:18px; padding-top:5px; color:#999; font-size:12px}
.library .file{ margin:10px 30px; border-top:1px solid #d8d8d8; padding-top:10px; }
.library .file a{ color:#333}
.library .file a:hover{ color:#F60}
.library .file .div01{  margin-right:10px; margin-bottom:10px;float:left}
.library .file img{ width:50px;}

.library .menutitle{ height:25px; border-bottom:1px solid #d7d7d7; font-size:14px; font-weight:bold; color:#333; padding-left:25px; margin-top:10px; margin-bottom:10px}
.library .menutitle a{ display:block; width:100%; height:25px;color:#333;}
.library .menulist{ height:auto; padding:0 15px 10px 15px;color:#666}
.library .menulist .listdiv{ padding-top:10px;}
.library .menulist a{ color:#999}
.library .bgshow{ background:url(../images/menu_01.png) no-repeat  3px 5px; color:#0CF;}
.library .bgshow a{ color:#61b0eb}
.library .bghidden{ background:url(../images/menu_02.png) no-repeat  3px 5px; color:#0CF;}
.library .divhidden{ display:none;}

.login_title{ margin:0 auto;}
.login_user{ border:1px solid #dad8db; width:325px; height:58px; background:#FFF url(../images/login_icon_user.png) no-repeat 20px 15px;-moz-border-radius: 10px; -webkit-border-radius: 10px; margin:40px auto 0 auto; text-align:left; padding-left:60px;}
.login_user input{ margin-top:18px; border:0; width:320px; line-height:20px; color:#999}
.login_pass{ border:1px solid #dad8db; width:325px; height:58px; background:#FFF url(../images/login_icon_pass.png) no-repeat 20px 15px;-moz-border-radius: 10px; -webkit-border-radius: 10px; margin:20px auto 0 auto; text-align:left; padding-left:60px;}
.login_pass input{ margin-top:18px; border:0; width:320px; line-height:20px; color:#999}
.login_submit{border:1px solid #dad8db; width:385px; height:58px; background:#3992d4 ;-moz-border-radius: 10px; -webkit-border-radius:10px; margin:30px auto 0 auto; text-align:left; text-align:center; line-height:58px;}
.login_submit a{ color:#FFF; font-size:16px; width:100%; height:58px; display:block}
.login_submit a:hover{background:#F90;-moz-border-radius: 10px; -webkit-border-radius: 10px;}
.login_Vd {
    border: 1px solid #dad8db;
    width: 325px;
    height: 58px;
    background: #FFF url(../images/login_icon_pass.png) no-repeat 20px 15px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: 20px auto 0 auto;
    text-align: left;
    padding-left: 60px;
}
    .login_Vd input {
        margin-top: 1px;
        border: 0;
        width: 300px;
        line-height: 20px;
        color: #999
    }

.login_Valitedate input {
    border: 1px solid #dad8db;
    width: 100px;
    height: 58px;
    background: #3992d4;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-left: 25px;
    margin-top: -1px;
    text-align: left;
    color: #FFF;
    font-size: 16px;
    text-align: center;
    line-height: 58px;
    cursor: pointer;
}
    .login_Valitedate input:hover {
        background: #F90;
    }
.login_submitVCode {
    width: 385px;
    height: 58px;
    margin: 30px auto 0 auto;
}

    .login_submitVCode input {        
        font-size: 16px;     
        display: block;
        border: 1px solid #dad8db;
        width: 100%;
        height: 58px;
        background: #3992d4;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        text-align: left;
        color: #FFF;
        font-size: 16px;
        text-align: center;
        line-height: 58px;
        cursor: pointer;
    }

        .login_submitVCode input:hover {
            background: #F90;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
        }

.social-media {
    margin-top: 30px;
    padding: 30px 0;
    text-align: center;
    color: #929bb0;
    border-top: 1px solid #dee9ff;
    font-size: 16px;
}
.social-icons {
    margin-top: 30px;
    margin-bottom: 16px;
}
    .social-icons a {
        padding: 2px;
        border-radius: 40px;
    }

      
 

    .trainLeft{ height:60px; text-align:center; padding-top:15px; line-height:20px; color:#FFF; border-bottom:1px #FFF dotted;}
.trainLeft a{ color:#FFF; display:block; height:60px; width:100%}
.ck{ background:#d39000}

.train_top_button{ background:url(../images/TrainTop_button_bg.png); line-height:48px;  text-align:center; font-size:16px; color:#FFF}
.train_top_button a{ color:#FFF; width:100%; height:48px; display:block}
.train_top_button a:hover{ background:#09F}
.train_top_button01{ line-height:48px; text-align:center; text-align:center; color:#FFF;font-size:16px;}
.train_top_button01 a{ color:#FFF; width:100%; height:48px; display:block}
.train_top_button01 a:hover{ color:#FF0}

.input_text_01{ width:40px; border:1px solid #CCC; height:30px; text-align:center; font-weight:bold}
.input01{ line-height:30px;}
.input01 a{ display:block; width:35px; height:35px; line-height:30px; color:#FFF; background:#06C; float:left; text-align:center; border-radius:5px;}
.input01 .div01{ float:left}
.input02{ width:200px; height:35px; line-height:35px;  border-radius:5px; background:#F60; color:#FFF; text-align:center; display:block; margin:20px auto 0 auto}

.ordermenu{ display:block; float:left;width:100px; height:35px; line-height:35px;  border:1px solid #fdad00; border-bottom:0; text-align:center; margin-left:20px;}
.ordermenu1{ display:block;float:left;width:100px; height:35px; line-height:35px;  border:1px solid #ccc; border-bottom:0; text-align:center; margin-left:20px; background:#f0f0f0; color:#666}

.orderbutton a{ display:block; height:40px; width:200px; line-height:40px;  text-align:center; font-size:14px; border-radius:5px; background:#F60; color:#FFF; margin:20px auto}
.orderbutton a:hover{ background:#FC0}
.orderbutton:hover{ background:#FFF}

.orderlist{ border-bottom:1px solid #efefef;  font-size:16px}
.orderlist1{ height:50px; line-height:50px; padding:0 30px; font-size:16p}
.order td{ background:#efefef; padding:0 5px;}
.order_text{ padding:3px; border:1px solid #CCC; width:300px;}
.order_area{ padding:3px; border:1px solid #CCC; width:750px;}
.input03{ width:200px; height:35px; line-height:35px;  border-radius:5px; background:#F60; color:#FFF; text-align:center; display:block;}


.page  {padding:20px 0;text-align:center;}
.page  A {border:#9aafe5 1px solid;padding:2px 5px;COLOR: #2e6ab1;MARGIN-RIGHT: 2px;TEXT-DECORATION: none}
.page  A:hover {border:#2b66a5 1px solid;COLOR: #000;BACKGROUND-COLOR: #FFFF00}
.page .pagination A:active {border:1px solid #2b66a5;COLOR: #000;BACKGROUND-COLOR: #FFFF00}
.page SPAN.current {border:#2e6ab1 1px solid;padding:2px 5px;FONT-WEIGHT: bold;COLOR: #fff;MARGIN-RIGHT: 2px;BACKGROUND-COLOR: #2e6ab1}
.page SPAN.disabled {border:#929292 1px solid;padding:2px 5px;COLOR: #929292;MARGIN-RIGHT: 2px;}