@charset "utf-8";

/* CSS Document */

* html {
    margin: 0px;
    padding: 0px;
}

body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: auto;
    font-size: 13px;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    background: #ffdcd0;
    background: url(../images/d1/bg_green.jpg) top center no-repeat;
}

a {
    color: #000;
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    color: #FF6600;
    text-decoration: none;
}

ul {
    display: block;
    margin: 0px;
    padding: 0px;
}

ul li {
    display: block;
    margin: 0px;
    line-height: 20px;
    list-style-type: none;
}

span {
    display: block;
}

img {
    border: none;
}

.bold {
    font-weight: bold;
}

.clear {
    clear: both;
}

#wrapper {
    float: right;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: auto;
    background: url(../images/d1/footer_bg.jpg) bottom center no-repeat;
}

#container {
    margin: 0 auto;
    padding: 0px;
    width: 1000px;
    height: auto;
}

#header {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 113px;
    background: url(../images/header_top.jpg) top center no-repeat;
    /*	background:url(../images/th-TH/flash.jpg) no-repeat top center;*/
}

#header .in-header {
    margin: 0 auto;
    padding: 0;
    width: 980px;
    height: auto;
    /*	background:url(../images/th-TH/flash.jpg) no-repeat top center;*/
}

#header .in-header .top {
    float: left;
    margin: 0;
    width: 980px;
    height: 190px;
}

#header .in-header .mid {
    float: left;
    margin: 0;
    width: 980px;
    height: 370px;
}

#flash {
    float: left;
    margin: 0;
    width: 100%;
    height: 384px;
}

#content {
    float: left;
    margin: 0;
    padding: 0px;
    width: 1000px;
    background: url(../images/line.jpg) repeat-y;
    height: auto;
    /*background:#fff;*/
}

.box-0 {
    float: left;
    width: 100%;
    height: 223px;
    background: url(../images/d1/bg_slider.jpg) top center;
}

.slider-1 {
    margin: 0 auto;
    width: 1000px;
    height: 223px;
}

.slider-1 .l-btn {
    float: left;
    padding-top: 60px;
    margin: 0 0 0 25px;
    width: 60px;
    height: auto;
    text-align: right;
}

.slider-1 .r-btn {
    float: left;
    padding-top: 60px;
    margin: 0 0 0 0;
    width: 60px;
    height: auto;
}

.slider-1 .slider-box {
    float: left;
    margin: 15px;
    width: 175px;
    height: auto;
}

.slider-1 .slider-box .pic {
    float: left;
    margin: 0 0 0 0;
    padding: 4px;
    width: 173px;
    height: 133px;
}

.slider-1 .slider-box .pic img {
    display: block;
    margin: 0 auto;
    border: #242424 3px solid;
}

.slider-1 .slider-box .title {
    float: left;
    margin: 12px 0 0 0;
    width: 175px;
    height: auto;
    color: #9abd2b;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
}

.slider-1 .slider-box .title a {
    color: #9abd2b;
}

.box-1 {
    float: left;
    margin: 0;
    width: 1000px;
    height: auto;
}

.box-1 .crop-menu {
    float: left;
    margin: 10px 0 0 0;
    width: 224px;
    height: auto;
}

.box-1 .menu {
    float: left;
    margin: 10px 0 0 0;
    width: 224px;
    height: auto;
}

.box-1 .menu .top {
    float: left;
    margin: 0;
    width: 224px;
    height: auto;
}

.box-1 .menu .mid {
    float: left;
    margin: 0;
    width: 224px;
    min-height: 255px;
    background: url(../images/menu/menu-mid.png) repeat-y;
}

.box-1 .menu .mid .m1 {
    float: left;
    margin: 0;
    width: 224px;
    min-height: 29px;
}

.box-1 .menu .foot {
    float: left;
    margin: 0;
    width: 224px;
    height: auto;
}

.box-1 .menu-depart {
    float: left;
    margin: 10px 0 0 0;
    width: 224px;
    min-height: 465px;
    background: url(../images/menu_department/mnu_department_bg.png) no-repeat;
}

.box-1 .menu-depart .top-d {
    float: left;
    margin: 0;
    width: 224px;
    height: 63px;
}

.box-1 .menu-depart .mid-d {
    float: left;
    margin: 0;
    width: 224px;
    min-height: 255px;
}

.box-1 .menu-depart .mid-d .m-d {
    float: left;
    margin: 2px 0 0 0;
    width: 224px;
    min-height: 29px;
}

.box-1 .menu-depart .foot-d {
    float: left;
    margin: 0;
    width: 224px;
    height: auto;
}

.box-1 .content-1 {
    float: right;
    margin: 0;
    width: 760px;
    height: auto;
}

.box-1 .content-1 .row {
    float: right;
    margin: 0;
    width: 760px;
    height: auto;
}

.box-1 .content-1 .banner {
    float: right;
    margin: 0;
    width: 760px;
    height: 267px;
    background: url(../images/bg_banner.png) no-repeat;
}

.box-1 .content-1 .banner .in-banner {
    margin: 0 auto;
    padding: 17px 0 0 0;
    width: 710px;
    height: 236px;
}

.box-1 .content-1 .leader {
    float: left;
    margin: 0;
    width: 380px;
    min-height: 350px;
}

.box-1 .content-1 .vdo {
    float: left;
    margin: 0;
    width: 380px;
    height: auto;
}

.box-1 .content-1 .vdo .top {
    float: left;
    margin: 0;
    width: 380px;
    height: auto;
}

.box-1 .content-1 .vdo .mid {
    float: left;
    margin: 0;
    width: 380px;
    height: 325px;
    background: url(../images/vdo/vdo_bg.png) no-repeat;
}

.box-1 .content-1 .vdo .mid .box-show-vdo {
    margin: 0 auto;
    padding: 20px 0 0 0;
    width: 340px;
    height: auto;
}

.box-1 .content-1 .crop {
    float: right;
    margin: 0;
    width: 380px;
    height: auto;
}

.box-1 .content-1 .present {
    float: left;
    margin: 0;
    width: 380px;
    height: auto;
}

.box-1 .content-1 .structure {
    float: left;
    margin: 0;
    width: 380px;
    height: auto;
}

.box-1 .content-1 .structure .top {
    float: left;
    margin: 0;
    width: 380px;
    height: auto;
}

.box-1 .content-1 .structure .mid {
    float: left;
    margin: 5px 0 0 0;
    width: 380px;
    height: auto;
    text-align: center;
}

.box-1 .content-1 .h-i {
    float: left;
    margin: 0;
    width: 760px;
    height: auto;
    background: url(../images/news_bg.jpg) no-repeat;
}

.box-1 .content-1 .h-i .more-hi {
    float: right;
    margin: 5px 30px 0 0;
    width: 100px;
    height: auto;
    text-align: right;
}

.box-1 .content-1 .h-i .top {
    float: left;
    margin: 0;
    width: 760px;
    height: 80px;
}

.box-1 .content-1 .h-i .bot {
    float: left;
    margin: 0;
    width: 760px;
    height: 47px;
    background: url(../images/news_bot.jpg) no-repeat;
}

.box-1 .content-1 .hotnews {
    float: left;
    margin: 0;
    width: 274px;
    height: auto;
}

.box-1 .content-1 .hotnews .crop-hotnews {
    margin: 0 auto;
    width: 240px;
    height: auto;
}

.box-1 .content-1 .hotnews .crop-hotnews .pic {
    float: left;
    margin: 0;
    width: 240px;
    height: auto;
}

.box-1 .content-1 .hotnews .crop-hotnews .title {
    float: left;
    margin: 5px 0 0 0;
    width: 240px;
    height: auto;
    line-height: 18px;
    font-size: 12px;
    font-weight: bold;
}

.box-1 .content-1 .information {
    float: left;
    margin: 0;
    width: 486px;
    height: auto;
}

.box-1 .content-1 .information ul {
    margin: 0 auto;
    padding: 10px 0 0 0;
    width: 400px;
    height: auto;
}

.box-1 .content-1 .information ul li {
    float: left;
    margin: 4px 0 0 0;
    padding: 0 0 0 16px;
    width: 384px;
    height: auto;
    line-height: 18px;
    background: url(../images/bullet.gif) no-repeat;
    font-size: 12px;
}

.box-2 {
    float: left;
    margin: 0 0 0 0;
    width: 1000px;
    height: auto;
}

.box-2 .row-2 {
    float: left;
    margin: 0 0 0 0;
    width: 1000px;
    height: auto;
}

.box-2 .row-2 .top {
    float: left;
    margin: 0 0 10px 0;
    width: 1000px;
    height: auto;
}

.box-2 .row-2 .top-2 {
    float: left;
    margin: 0 0 10px 0;
    padding: 60px 0 0 0;
    width: 1000px;
    height: auto;
    background: url(../images/d1/download_knowledge_top.jpg) no-repeat
}

.box-2 .row-2 .bot {
    float: left;
    margin: 10px 0 0 0;
    width: 1000px;
    height: auto;
}

.box-2 .row-2 .download {
    float: left;
    margin: 0;
    width: 528px;
    height: auto;
}

.box-2 .row-2 .download ul {
    float: left;
    margin: 10px 0 0 0;
    width: 528px;
    height: auto;
}

.box-2 .row-2 .download ul li {
    float: left;
    margin: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 528px;
    height: auto;
}

.box-2 .row-2 .download ul li span.title {
    float: left;
    margin: 0 0 0 2px;
    width: 430px;
    min-height: 20px;
    line-height: 25px;
    font-size: 12px;
    border-bottom: #ddd 1px solid;
}

.box-2 .row-2 .download ul li span.date {
    float: left;
    margin: 0 0 0 2px;
    width: 80px;
    min-height: 20px;
    line-height: 25px;
    font-size: 12px;
    text-align: center;
    border-bottom: #ddd 1px solid;
}

.box-2 .row-2 .download ul li span.status {
    float: left;
    margin: 0 0 0 2px;
    width: 90px;
    min-height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    border-bottom: #ddd 1px solid;
}

.box-2 .row-2 .knowledge {
    float: right;
    margin: 0;
    width: 462px;
    height: auto;
}

.box-2 .row-2 .knowledge .k1 {
    float: left;
    margin: 0;
    width: 220px;
    height: auto;
}

.box-2 .row-2 .knowledge .k1 .top {
    float: left;
    margin: 0;
    padding: 6px;
    width: 208px;
    height: autopx;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    line-height: 18px;
    background: #cdcf01;
}

.box-2 .row-2 .knowledge .k1 .top a {
    color: #000;
}

.box-2 .row-2 .knowledge .ct {
    float: right;
    margin: 0;
    padding: 0 5px 0 5px;
    width: 193px;
    min-height: 150px;
    border-left: #ccc 1px solid;
}

.box-2 .row-2 .knowledge .ct .pic {
    float: right;
    margin: 0;
    padding: 0;
    width: 193px;
    height: auto;
}

.box-2 .row-2 .knowledge .ct .date1 {
    float: right;
    margin: 0;
    padding: 0;
    width: 193px;
    height: auto;
    line-height: 16px;
    font-size: 13px;
    font-weight: bold;
    color: #cdcf01;
}

.box-2 .row-2 .knowledge .ct .date2 {
    float: right;
    margin: 0;
    padding: 0;
    width: 193px;
    height: auto;
    line-height: 16px;
    font-size: 13px;
    font-weight: bold;
    color: #cf012f;
}

.box-2 .row-2 .knowledge .ct .detail {
    float: right;
    margin: 0;
    padding: 0;
    width: 193px;
    height: auto;
    line-height: 16px;
    font-size: 13px;
    font-weight: normal;
    color: #333;
}

.box-2 .row-2 .knowledge .ct .more {
    float: left;
    margin: 5px 0 0 0;
    padding: 0;
    width: 193px;
    height: auto;
    text-align: right;
}

.box-2 .row-2 .knowledge .ct .pic img {
    display: block;
    margin: 0 auto;
}

.box-2 .row-2 .knowledge .reg {
    float: left;
    margin: 0;
    padding: 0;
    width: 220px;
    height: 15px;
    background: url(../images/reg.jpg) no-repeat
}

.box-2 .row-2 .knowledge .k2 {
    float: left;
    margin: 0 0 0 10px;
    width: 220px;
    height: auto;
}

.box-2 .row-2 .knowledge .k2 .top {
    float: left;
    margin: 0;
    padding: 6px;
    width: 208px;
    height: auto;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 18px;
    background: #cf012f;
}

.box-2 .row-2 .knowledge .k2 .top a {
    color: #fff;
}

.box-2 .row-2 .model {
    float: left;
    margin: 0;
    width: 1000px;
    height: auto;
}

.box-2 .row-2 .model .top {
    float: left;
    margin: 0;
    width: 1000px;
    height: auto;
}

.box-2 .row-2 .model .multi-flash {
    float: left;
    margin: 0;
    width: 1000px;
    height: 279px;
    background: url(../images/model_bg.jpg) top center no-repeat;
}

.box-2 .row-2 .model .multi-flash .in-multi {
    margin: 0 auto;
    padding-top: 9px;
    width: 982px;
    height: auto;
}

.box-2 .row-2 .knowledge-commu {
    float: left;
    margin: 10px 0 0 0;
    width: 1000px;
    height: auto;
}

.box-2 .row-2 .knowledge-commu .top {
    float: left;
    margin: 0;
    width: 1000px;
    height: auto;
}

.box-2 .row-2 .knowledge-commu .mid {
    float: left;
    margin: 0;
    width: 1000px;
    height: auto;
}

.box-2 .row-2 .knowledge-commu .mid ul {
    float: left;
    margin: 0;
    width: 1000px;
    height: auto;
}

.box-2 .row-2 .knowledge-commu .mid ul li {
    float: left;
    margin: 0;
    width: 1000px;
    min-height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #000;
}

.box-2 .row-2 .knowledge-commu .mid ul li span.title {
    float: left;
    margin: 0 0 0 50px;
    width: 475px;
    min-height: 16px;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    font-weight: bold;
}

.box-2 .row-2 .knowledge-commu .mid ul li span.view {
    float: left;
    margin: 0 0 0 5px;
    width: 100px;
    min-height: 16px;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    font-weight: normal;
    text-align: center;
}

.box-2 .row-2 .knowledge-commu .mid ul li span.name {
    float: left;
    margin: 0 0 0 5px;
    width: 90px;
    min-height: 16px;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    font-weight: normal;
    text-align: center;
}

.box-2 .row-2 .knowledge-commu .mid ul li span.date {
    float: left;
    margin: 0 0 0 5px;
    width: 200px;
    min-height: 16px;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    font-weight: normal;
    text-align: center;
}

.box-2 .row-2 .slider-2 {
    float: left;
    margin: 20px 0 20px 0;
    width: 1000px;
    height: 127px;
}

.box-2 .row-2 .slider-2 .crop-slider-2 {
    margin: 0 auto;
    width: 953px;
    height: 127px;
    background: url(../images/bg_slider2.png) no-repeat;
}

.box-2 .row-2 .slider-2 .crop-slider-2 .btn-s2 {
    float: left;
    margin: 0;
    width: 43px;
    height: 127px;
}

.box-2 .row-2 .slider-2 .crop-slider-2 .boxpic-s2 {
    float: left;
    margin: 0;
    padding: 25px 0 0 0;
    width: 867px;
    height: 97px;
}

.box-2 .row-2 .slider-2 .crop-slider-2 .link-banner {
    float: left;
    margin: 0 10px 0 10px;
    width: 196px;
    height: auto;
}


/**********************-fotter-**********************************/

#footer {
    float: left;
    margin: 0 0 0 0;
    width: 100%;
    height: 223px;
}

#footer .infooter {
    margin: 0 auto;
    padding-top: 0;
    width: 980px;
    height: auto;
}

#footer .infooter .top-link {
    float: left;
    margin: 20px 0 0 0;
    width: 980px;
    height: 44px;
    font-size: 14px;
    font-weight: normal;
    line-height: 44px;
    color: #fff;
}

#footer .infooter .top-link .link-text {
    float: left;
    margin: 0;
    width: 450px;
    height: 44px;
}

#footer .infooter .top-link .link-text a {
    color: #fff;
}

#footer .infooter .top-link .link-text a:hover {
    color: #999;
}

#footer .infooter .top-link .link-pic {
    float: right;
    margin: 0;
    width: 350px;
    height: 44px;
}

#footer .infooter .top-link .link-pic .facebook {
    float: right;
    width: 58px;
    height: auto;
    text-align: center;
    border-right: #008f08 2px solid;
}

#footer .infooter .top-link .link-pic .phone {
    float: right;
    width: 24px;
    height: auto;
    text-align: center;
    border-left: #006004 2px solid;
}

#footer .infooter .top-link .link-pic .phone-number {
    float: right;
    margin: 0 0 0 5px;
    width: 200px;
    height: 44px;
    line-height: 46px;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
}

#footer .infooter .mid-link {
    float: left;
    margin: 10px 0 0 0;
    width: 980px;
    height: auto;
}

#footer .infooter .mid-link .name-address {
    float: left;
    margin: 0;
    width: 600px;
    height: auto;
}

#footer .infooter .mid-link .name-address .name-depart {
    float: left;
    margin: 0;
    width: 600px;
    height: auto;
}

#footer .infooter .text1 {
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 8px;
    width: 570px;
    height: auto;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    color: #fff;
    line-height: 20px;
}

#footer .infooter .text1 a {
    color: #ffde00;
}

.stat {
    float: right;
    margin: 30px 0 0 0;
    padding: 0;
    width: 230px;
    height: auto;
}

.stat .st-in {
    margin: 0 auto;
    padding: 0;
    width: 190px;
    height: auto;
}

.stat .st-in .textstat {
    float: left;
    margin: 0 0 0 0px!important;
    margin: 0 0 0 0px;
    padding: 0;
    width: 100%;
    height: 12px;
    font-size: 12px;
    font-weight: normal;
    color: #ffde00;
    text-align: center;
}

.stat .st-in .textonline {
    float: left;
    margin: 0 0 0 0px!important;
    margin: 0 0 0 0px;
    padding: 0;
    width: 190px;
    height: 12px;
    font-size: 13px;
    color: #000000;
    text-align: center;
}

.stat .st-in .number-home {
    float: left;
    margin: 10px 0 0 0;
    padding: 0;
    width: 190px;
    height: auto;
}

.stat .st-in .number-home img {
    margin-left: auto;
    margin-right: auto;
    margin: 1px;
    padding: 0;
    width: 23px;
    height: auto;
}


/****************************************************/

.departmentnews {
    float: left;
    margin: 0 0 0 16px;
    width: 710px;
    height: auto;
    background-color: #afd475;
}

.departmentnews .inborder {
    float: left;
    margin: 0 0 0 5px;
    width: 698px;
    height: auto;
    background-color: #afd475;
}

.departmentnews .inborder ul {
    float: left;
    margin: 0;
    width: 697px;
    height: auto;
}

.departmentnews .inborder ul li {
    float: left;
    margin: 0;
    width: 698px;
    min-height: 28px;
    border-bottom: #408708 1px solid;
    border-right: #408708 1px solid;
    border-left: #408708 1px solid;
}

.departmentnews .inborder ul li span.department {
    display: block;
    float: left;
    padding: 4px 0 0 4px!important;
    padding: 4px 0 0 2px;
    width: 180px;
    min-height: 30px;
    color: #000;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
}

.departmentnews .inborder ul li span.title {
    display: block;
    float: left;
    padding: 4px 0 0 4px!important;
    padding: 4px 0 0 2px;
    width: 420px;
    min-height: 40px;
    color: #000;
    line-height: 20px;
    font-size: 12px;
    border-left: #408708 1px solid;
    border-right: 1px solid #408708;
}

.departmentnews .inborder ul li span.date {
    display: block;
    float: left;
    padding: 4px 0 0 10px!important;
    padding: 4px 0 0 5px;
    width: 70px;
    min-height: 30px;
    line-height: 18px;
    font-size: 12px;
    color: #000;
}


/*********************login bar*************************/

.login-bar {
    float: left;
    margin: 0;
    width: 100%;
    height: 55px;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    background: url(../images/login/bg_loginbar.png) repeat-x;
}

.login-bar .crop-login {
    margin: 0 auto;
    width: 990px;
    height: 55px;
}

.login-bar .crop-login .box-login {
    float: right;
    width: 411px;
    height: 55px;
    background: url(../images/login/bg_login_btn.png) no-repeat;
}

.login-bar .crop-login .box-login .center-lg {
    margin: 0 auto;
    width: 300px;
    height: 55px;
}

.login-bar .crop-login .btn-login {
    float: right;
    margin: 5px 8px 0 0;
    width: 133px;
    height: 35px;
    background: url(../images/login/btn_bg_lg.png) no-repeat;
    text-align: center;
    line-height: 35px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

.login-bar .crop-login .title-login {
    float: left;
    margin: 5px 2px 0 0;
    width: 70px;
    height: 35px;
    text-align: left;
    line-height: 35px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}

.login-bar .crop-login .text-login {
    float: left;
    margin: 5px 0 0 0;
    width: 75px;
    height: 35px;
    text-align: left;
    line-height: 35px;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
}

.login-bar .crop-login .text-login a {
    color: #fff;
}

.login-bar .crop-login .btn-login a {
    color: #fff;
}

.login-bar .crop-login .btn-login a:hover {
    color: #dfcdff;
}

.menu-depart a {
    display: inline-block;
    text-align: center;
    margin-bottom: 1px;
    padding: 4px 0;
}