/*********************************** layout ************************************/
html,body{margin:0; color:#333; font-family:"Microsoft YaHei", Arial;font-size: 12px;behavior: url("http://192.168.1.3/newPro/product/js/csshover3.htc");}
a{color:#333; text-decoration:none; outline:none}
a img{border:none}
img{vertical-align:top}
ul,ul li{list-style:none; padding:0; margin:0; vertical-align:top}
input,textarea,select{font-size:12px; line-height:14px; vertical-align:middle; color:#666; outline:none; margin:0; padding:0}
form,p{margin:0; padding:0}
h1,h2,h3,h4{font-size:12px; font-weight: 400; margin:0; padding:0}
table{border-collapse: collapse;border-spacing: 0;margin: 0;padding: 0;}

/*********************************** public ************************************/
.main, .header .top-list ul, .header .logo-bar, .header .nav-bar ul, .footer .ft-area-cont { width: 898px; margin: 0 auto; }
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.hide { display: none; }
.fl { float: left; }
.fr { float: right; }
.mrl-32 { margin-left: 32px; }
.mrb-15 { margin-bottom: 15px; }
.mrr-15 { margin-right: 15px; }
.w-898 { width: 898px; }
.w-430 { width: 430px; }

/*********************************** header ************************************/
.header {  }
    .header .top-list { background: #EEEEEE; }
        .header .top-list ul { padding: 12px 0px; }
        .header .top-list ul li { float: right; margin-left: 10px; color: #666666; height: 17px; line-height: 17px; position: relative; }
        .header .top-list ul li a { padding-right: 10px; color: #666666; position: relative; top: 2px; }
    .header .logo-bar { position: relative; margin-bottom: 10px; }
        .header .logo-bar a { float: left; }
        .header .logo-bar .search-form { width: 260px; height: 31px; border-top: 1px solid #DCDCDC; border-left: 1px solid #dcdcdc; border-right: 1px solid #BDBDBD; border-bottom: 1px solid #BDBDBD; position: absolute; right: 0px; top: 33px; }
        .header .logo-bar .search-form .keywords { height: 20px; line-height: 20px; width: 208px; border: none; padding: 5px 5px 0 5px; }
        .header .logo-bar .search-form .to-search { cursor: pointer; border: none; background: url('../images/sech-bg.jpg') 0px 1px repeat-x; width: 42px; position: absolute; right: 0px; top: 0px; height: 31px; border-left: 1px solid #bdbdbd; }
    .header .nav-bar { background: url('../images/nav-bg.jpg') 0px 0px repeat-x; border-bottom: 1px solid #bbbbbb; border-top: 1px solid #dcdcdc; }
        .header .nav-bar ul {  }
        .header .nav-bar ul li { float: left; height: 43px; border-right: 1px solid #dcdcdc; _height: 40px; }
        .header .nav-bar ul li a { float: left; font-size: 14px; padding: 12px 17px; color: #8c8c8c; }
        .header .nav-bar ul .first { border-left: 1px solid #dcdcdc; }
        .header .nav-bar ul .on, .header .nav-bar ul .con { border-right: 1px solid #dd090a; }
        .header .nav-bar ul .on a, .header .nav-bar ul .con a { background: url('../images/nav-hover-bg.jpg') 0px 0px repeat-x; color: #ffffff; }

            
/************************************ index ************************************/
.main {}
    .main .swf { width: 899px; position: relative; margin-top: 30px; }
    .main .swf .focuspic { position: relative; z-index: 1; width: 899px; height: 371px; overflow: hidden; }
    .main .swf .focuspic li { position: absolute; left: 0px; top: 0px; width: 899px; height: 371px; }
    .main .swf .focuspic li.first { z-index: 50; }
    .main .swf .focuspic li img { width: 899px; height: 371px; }
    .main .swf .focusbts_bg { width: 899px; height: 39px; }
    .main .swf .focustxt { float: left; line-height: 39px; font-size: 14px; }
    .main .swf .focustxt a { display: none; }
    .main .swf .focustxt .current { display: block; }
    .main .swf .focusbts { float: right; padding-top: 14px; }
    .main .swf .focusbts a { display: block; float: left; width: 13px; height: 13px; margin-left: 10px; background: #c8c8c8; overflow: hidden; text-indent: -50px; cursor: pointer; }
    .main .swf .focusbts .current { background: #dd0909; }
    .main .swf .focusbts a:hover { background: #dd0909; }
    
    .area-1 {  }
    .area-1 .ar-1 { border-top: 1px solid #BBBBBB; float: left; margin-top: 28px; }
    .area-1 .ar-1 ul { float: left; margin-top: 15px; }
    .area-1 .ar-1 ul li { float: left; }
    .area-1 .ar-1 .ul-1 { width: 430px; }
    .area-1 .ar-1 .ul-1 li h3 a { font-size: 16px; color: #dd090a; font-family: 'Times New Roman'; }
    .area-1 .ar-1 .ul-1 li p { width: 199px; color: #8a8a8a; margin-top: 5px; line-height: 18px; }
    .area-1 .ar-1 .ul-2 { width: 892px; }
    .area-1 .ar-1 .ul-2 li img { width: 199px; height: 120px; }
    .area-1 .ar-1 .ul-2 li h3 { margin: 10px 0; width: 199px; }
    .area-1 .ar-1 .ul-2 li h3 a { font-size: 14px; }
    .area-1 .ar-1 .ul-2 li p { width: 199px; color: #8a8a8a; margin-top: 5px; line-height: 18px; }
    .area-1 .ar-1 .col-dd090a a { color: #dd090a; }
    .h-1 { float: left; border-top: 4px solid #dc0909; padding-top: 5px; }
    .h-1 a { font-size: 24px; color: #666666; }
    .h-2 { background: url('../images/bg-2.jpg') repeat-x 0px 37px; padding-bottom: 13px; }
    .h-2 a { font-size: 24px; color: #666666; }

/*********************************** footer ************************************/
.footer { margin-top: 33px; }
.footer .links { background: #dedede; }
    .footer .links .ft-area-cont { height: 200px; }
    .footer .links .ft-cont { float: left; width: 224px; }
    .footer .links h4 { height: 35px; line-height: 35px; border-bottom: 1px solid #BCBCBC; font-size: 18px; }
    .footer .links h4 a { font-size: 18px; }
    .footer .links ul { border-top: 1px solid #FEFEFE; padding-top: 5px; }
    .footer .links ul li { line-height: 20px; height: 20px; }
    .footer .links p { border-top: 1px solid #FEFEFE; padding-top: 5px; line-height: 20px; height: 20px; }
.footer .copy { background: #333333; }
    .footer .copy .ft-area-cont { height: 40px; line-height: 40px; color: #999999; }

/*********************************** banner ************************************/
.banner { margin-top: 28px; margin-bottom: 20px; }
.banner img { width: 899px; height: 255px;  }
/*.banner .swf_2 { width: 780px; height: 240px; float: left; overflow: hidden; }*/
.location { width: 960px; }
    .location div { height: 30px; float: left; }
    .location .col { background: url('../images/nav-bg.jpg') repeat-x; width: 180px; float: left; }
    .location .loc { line-height: 30px; padding-left: 10px; font-size: 14px; }
        .location .loc a { padding: 0 5px; }

/********************************** list page **********************************/
.side-left { float: left; width: 628px; }
    .side-left .list-cont { border-bottom: 1px solid #E0E0E0; margin-bottom: 15px; }
    .side-left .list-cont h2 { font-size: 30px; padding-bottom: 10px; border-bottom: 1px solid #E2E2E2; }
    .side-left .list-cont ul { margin-top: 15px; }
    .side-left .list-cont ul li { margin-bottom: 20px; height: 102px; }
    .side-left .list-cont ul li .tit { font-size: 14px; font-weight: 800; }
    .side-left .list-cont ul li .tit span { color: #db0909; }
    .side-left .list-cont ul li p { padding: 10px 0 5px; color: #717171; }
    .side-left .list-cont ul li .more { color: #db0909; }
    .side-left .list-cont ul li .img-a { float: left; margin-right: 20px; }
    .side-left .list-cont ul li .img-a img { width: 154px; height: 93px; }
    
    .side-left .page { border-top: 1px solid #E0E0E0; padding: 15px 0; height: 27px; }
    .side-left .page div { float: left; text-align: center; }
    .side-left .page a { background: url('../images/page-bg.jpg') no-repeat 0px 0px; width: 28px; height: 27px; float: left; line-height: 25px; margin-right: 5px; }
    .side-left .page .left, .side-left .page .right { background: none; }
    .side-left .page .on { background: url('../images/page-bg-on.jpg') no-repeat 0px 0px; width: 25px; height: 27px; float: left; line-height: 25px; color: #fff; }
    .side-left .page span { float: left; margin-right: 5px; }
    
    .side-left .about-list { border-bottom: 1px solid #E0E0E0; margin-bottom: 15px; *padding-bottom: 15px; }
    .side-left .about-list h3 { font-size: 16px; color: #db0909; }
    .side-left .about-list ul { margin: 15px 0; }
    .side-left .about-list ul li { float: left; width: 309px; color: #db0909; font-size: 14px; line-height: 22px; height: 22px; }
    .side-left .about-list ul li a { padding-left: 5px; }
    .side-left .about-list ul li span { color: #333; }
    
    .side-left .qa-form { position:relative; }
    .side-left .qa-form h3 { font-size: 16px; color: #db0909; margin-bottom: 10px; }
    .side-left .qa-form form input, .side-left .qa-form form textarea { border: 1px solid #707070; }
    .side-left .qa-form form .qa-div { line-height: 28px; _padding: 5px 0; }
    .side-left .qa-form form .qa-div img { vertical-align: middle; padding-left: 5px; cursor: pointer; }
    .side-left .qa-form form .textarea span { position: relative; top: -26px; }
    .side-left .qa-form form .textarea { margin-top: 5px; }
    .side-left .qa-form form .submit-area { padding-left: 12px; position: relative; }
    .side-left .qa-form form .submit-area .qa-submit { position: absolute; top: 5px; right: 143px; background: url('../images/study-qa-submit.jpg') no-repeat 0 0; border: none; width: 68px; height: 24px; color: #ffffff; cursor: pointer; }
    
    
.side-right { float: right; width: 250px; }
    .side-right .area-2 { padding-bottom: 15px; border-bottom: 1px solid #C9C9C9; margin-bottom: 15px; }
    .side-right .area-2 h3 { font-size: 20px; color: #db0909; border-bottom: 4px solid #db0909; padding-bottom: 5px; margin-bottom: 15px; }
    .side-right .area-2 .ul-3 li { color: #db0909; line-height: 29px; height: 29px; }
    .side-right .area-2 .ul-3 li a { padding-left: 5px; font-size: 14px; }
    
    .side-right .area-2 .ul-4 li { height: 57px; }
    .side-right .area-2 .ul-4 li a { float: left; margin-right: 7px; }
    .side-right .area-2 .ul-4 li a img { width: 71px; height: 57px; }
    .side-right .area-2 .ul-4 li span { color: #db0909; font-size: 14px; }
    .side-right .area-2 .ul-4 li span a { padding-left: 5px; float: none; }
    .side-right .area-2 .ul-4 li p { line-height: 19px; color: #959595; }
    
    .side-right .area-2 .ul-5 li { float: left; }
    .side-right .area-2 .ul-5 li img { width: 117px; height: 93px; }

/********************************* singel page *********************************/
.side-left .cont-area {  }
    .side-left .cont-area .tit { font-size: 30px; padding-bottom: 10px; border-bottom: 1px solid #E2E2E2; }
    .side-left .cont-area .info { display: block; margin: 10px 0; color: #828282; }
    .side-left .cont-area .desc { background: #fefbd6; padding: 20px; line-height: 22px; margin-bottom: 25px; }
    .side-left .cont-area .content { margin-bottom: 25px; width: 628px; }
    .side-left .single .tit { border: none; }