﻿body {
    margin: 0;
    padding: 0;
    background: #015EAB;
}
div, ul, li, td, p, h1, h2, h3, h4, h5, h6, form, input, textarea {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    font-family: arial,serif;
}
img {
    border: none;
    padding: 0;
    margin: 0;
}

a {
    color: #333333;
    text-decoration: none;
}
    a:visited {
        color: #333333;
        text-decoration: none;
    }
    a:hover {
        color: #000000;
        text-decoration: none;
    }
    a:active {
        color: #333333;
    }

.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

/* header */
#header {
    margin: auto;
    width:100%;
    height: 172px;
    overflow:hidden;
    background:#00CCFF;
    padding:27px 0 0 0;
}
    #header ul.nav {
        width:100%;
        height:34px;
        overflow:hidden;
        background:#FFFFFF;
    }
        #header ul.nav li {
            margin:auto;
            width:1000px;
            line-height:34px;
            text-align:center;
        }
            #header ul.nav li a {
                padding:0 25px;
                font-size:16px;
                color:#000000;
            }
                #header ul.nav li a:hover {
                    color:#333333;
                }
    #header ul.name {
        margin:auto;
        width: 1000px;
        height: 138px;
        overflow: hidden;
    }

#banner {
    margin:auto;
    width:1000px;
    height:350px;
    padding:20px 0 0 0;
}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:1000px; height:330px; margin:20px 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:150px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:150px; right:10px; z-index:10;}
#playBox .smalltitle {width:1000px; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1; cursor:pointer;}
#playBox .smalltitle .thistitle{ background:#69aaec;}

#bannerbg
{
    margin:auto;
    width:1000px;
    height:42px;
    overflow:hidden;
    background:url(/images/banner_bg.jpg) no-repeat 0 0;
}

#footer {
    background:#00CCFF;
}
    #footer ul {
        margin:auto;
        width:1000px;
        height:90px;
        overflow:hidden;
    }
        #footer ul li.lico {
            float:left;
            width:170px;
            padding:23px 0 0 0;
        }
        #footer ul li.rico {
            float:right;
            width:170px;
            padding:18px 0 0 0;
        }
        #footer ul li.text {
            float:left;
            width:650px;
            color: #FFFFFF;
            text-align:center;
            line-height: 24px;
            padding:10px 0;
            font-size:12px;
        }
            #footer ul li.text a {
                color: #333333;
            }

/* main */
#main {
    margin:auto;
    width:1000px;
    overflow:hidden;
}
    #main div.left {
        float:left;
        width:215px;
        overflow:hidden;
    }
        #main div.left ul.video {
            width:216px;
            height:368px;
            overflow:hidden;
        }
        #main div.left ul.news {
            padding:20px 0 0 0;
        }
        #main div.left ul.news li {
            height:149px;
            padding:5px 10px;
            border:1px solid #DDDDDD;
        }
            #main div.left ul.news li span {
                display:block;
                height:24px;
                line-height:24px;
                overflow:hidden;
            }
                #main div.left ul.news li span a {
                    color:#FFFFFF;
                    font-weight:bold;
                }
                #main div.left ul.news li span a:hover {
                    color:#00CCFF;
                }
            #main div.left ul.news li label {
                display:block;
                text-align:right;
                padding:5px 0 0 0;
            }
                #main div.left ul.news li label a {
                    color:#00B5FF;
                }

    #main div.right {
        float:right;
        width:765px;
        overflow:hidden;
    }
        #main div.right span {
            float:left;
            width:185px;
            height:180px;
            overflow:hidden;
            padding:0 8px 0 0;
        }

/* center */
#center {
    margin: auto;
    width: 1000px;
    padding: 10px 0;
    overflow: hidden;
}
    #center ul.reg {
        height:54px;
        overflow:hidden;
    }
        #center ul.reg li {
            height:20px;
            padding:12px 0 0 0;
            text-indent:30px;
            color:#696768;
            border-bottom:1px solid #C7C7C7;
            background:url(/images/ico_home.jpg) no-repeat 5px 10px;
        }
            #center ul.reg li a {
                color:#696768;
            }
                #center ul.reg li a:hover {
                    color:#000000;
                }

    #center div.left {
        float:left;
        width:245px;
        overflow:hidden;
    }
        #center div.left ul.menu li.t {
            height:29px;
            background:#00CCFF;
            padding:14px 0 0 15px;
        }
            #center div.left ul.menu li.t b {
                display:block;
                height:18px;
                line-height:18px;
                text-indent:10px;
                font-size:16px;
                font-weight:normal;
                color:#FFFFFF;
                border-left:5px solid #FFFF00;
            }
        #center div.left ul.menu li.i {
            border:1px solid #C3C3C3;
            border-top:none;
            padding:5px 10px 30px 10px;
        }
            #center div.left ul.menu li.i a {
                display:block;
                line-height:20px;
                padding:10px 0 10px 15px;
                color:#888888;
                font-size:14px;
                border-bottom:1px dashed #C3C3C3;
            }
                #center div.left ul.menu li.i a:hover,#center div.left ul.menu li.i a.o {
                    color:#00CCFF;
                }
        #center div.left ul.menu li.x {
            border: 1px solid #C3C3C3;
            border-top: none;
            text-align:left;
            line-height:22px;
            color:#696768;
            padding: 10px;
        }

    #center div.right {
        float: right;
        width: 727px;
        overflow: hidden;
    }
        #center div.right ul.text li.t {
            height:39px;
            line-height:39px;
            text-indent:10px;
            background:#ECECEC;
            color:#6E6E6E;
            font-size:15px;
            border-left:3px solid #00CBFE;
        }
        #center div.right ul.text li.st {
            text-align:left;
            color:#999999;
            height:25px;
            line-height:25px;
            padding:0 12px 0 0;
            text-align:right;
        }
        #center div.right ul.text li.v {
            padding:10px;
            text-align:center;
        }
        #center div.right ul.text li.x {
            padding:10px 12px;
            line-height:26px;
            text-align:left;
            color:#6E6E6E;
        }

        #center div.right ul.text li.f {
            padding:20px 12px;
        }
            #center div.right ul.text li.f span.i {
                display:block;
                height:45px;
                line-height:30px;
            }
                #center div.right ul.text li.f span.i label {
                    float:left;
                    width:120px;
                    text-align:left;
                    color:#696768;
                }
                #center div.right ul.text li.f span.i input {
                    float:left;
                    width:250px;
                    height:28px;
                    border:1px solid #C3C3C3;
                }
                #center div.right ul.text li.f span.i textarea {
                    float:left;
                    width:450px;
                    height:100px;
                    border:1px solid #C3C3C3;
                }
            #center div.right ul.text li.f span em {
                float:left;
                padding:0 5px;
                color:#CC0000;
            }
            #center div.right ul.text li.f span.x {
                height:115px;
            }
            #center div.right ul.text li.f span.btu {
                display:block;
                padding:0 0 0 120px;
            }
                #center div.right ul.text li.f span.btu input {
                    padding:5px 20px;
                    cursor:pointer;
                }

        #center div.right ul.text li.n {
            padding:10px 0;
        }
        #center div.right ul.text li.n span {
            display:block;
            height:35px;
            line-height:35px;
            font-size:13px;
            padding:0 0 0 12px;
            border-bottom:dashed 1px #E2E2E2;
        }
            #center div.right ul.text li.n span a {
                float:left;
                color:#6E6E6E;
            }
                #center div.right ul.text li.n span a:hover {
                    color:#00CCFF;
                }
            #center div.right ul.text li.n span em {
                float:right;
                width:80px;
                font-style:normal;
                color:#999999;
            }
        #center div.right ul.text li.o {
            padding:10px 12px;
        }
            #center div.right ul.text li.o span {
                float:left;
                width:220px;
                height:210px;
                padding:10px 20px 0 0;
            }
                #center div.right ul.text li.o span img {
                    width:220px;
                    height:166px;
                }
                #center div.right ul.text li.o span label {
                    display:block;
                    padding:5px 0;
                    line-height:20px;
                    color:#696768;
                }

        #center div.right ul.text li.z {
            padding: 10px 12px;
        }
            #center div.right ul.text li.z span {
                float: left;
                width: 340px;
                height: 30px;
                text-align:left;
                padding: 5px 20px 0 0;
            }

        #center div.right ul.text li.p {
            clear:both;
            height:35px;
        }
.online {
    position: absolute;
    width: 150px;
    font-size:12px;
}
    .online ul {
        padding-bottom: 10px;
        background: url(/images/online_b.png) no-repeat bottom;
    }
        .online ul li.t {
            width: 150px;
            height: 35px;
            cursor: pointer;
            background: url(/images/online_t.png) no-repeat 0 0;
        }
        .online ul li.i {
            padding-top: 8px;
            text-align: left;
            padding-left: 5px;
            background: url(/images/online_c.png) repeat-y 0 0;
        }
            .online ul li.i span {
                display: block;
                height: 35px;
                line-height: 23px;
            }
                .online ul li.i span img {
                    float:left;
                    padding:0 5px;
                }
                .online ul li.i span b {
                    float:left;
                }
                .online ul li.i span.mail {
                    display: block;
                    height: 55px;
                }
                    .online ul li.i span.mail a {
                        display: block;
                        padding: 25px 0 0 0;
                        height: 30px;
                        background: url(/images/email.png) no-repeat 0 0;
                    }

.lrlist {
    position: absolute;
    top:210px;
    width:180px;
    height:480px;
    padding:10px 0 0 0;
    background:#FFFFFF;
    border-bottom:10px solid #FFFFFF;
}
.lrlistu {
    display:none;
}
.lrlist i {
    margin:-20px 0 0 -5px;
    position: absolute;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    color: #FFFFFF;
    background: #333333;
    z-index: 999999;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    cursor:pointer;
    border:2px solid #FFFFFF;
}

.lli, .rli {
    height: 480px;
    overflow: hidden;
}
    .lrlist ul {
        height:480px;
        overflow:hidden;
        background:#FFFFFF;
    }
        .lrlist ul li {
            clear: both;
            margin: 0 auto;
            width: 200px;
        }
.lrlist a {
    clear: both;
    margin: 0 auto;
    display: block;
    width: 190px;
    height: 200px;
}
    .lrlist a img {
        display: block;
        width: 190px;
        height: 143px;
    }
        .lrlist a label {
            display:block;
            clear:both;
            padding:5px 0;
        }