﻿@charset "utf-8";
@import url("http://www.w3cplus.com/download/reset.css");
* {
    margin:0;padding:0;
}
body {
    font-family:宋体;
    font-size:12px;
}
.f-en {
    font-family:Arial;
}
img {
border:none;
}
a {
    text-decoration:none;
    cursor:pointer;
    color:#333;
}
    a:focus
    {
        outline:0px;
    }
a:hover{
    text-decoration:none;
    color:#333;
}
p {
    color:#666;
    font-size:12px;
    text-align:left;
}
.center {
    width:1003px;margin:0 auto;float:none;
}
.fl {
    float:left;
}
.fr {
    float:right;
}
img { max-width: 100%;}

.clear {
    clear:both;
    height:1px;
    margin-top:-1px;
    overflow:hidden;
}
/* H6-H4 */
h6 {
    font-size:14px;
    font-family:微软雅黑;
    text-align:left;
}
h5 {
    font-size:16px; 
    font-family:微软雅黑;
    text-align:left;
}
h4 {
    font-size:18px;
    font-family:微软雅黑;
    text-align:left;
}
h3 {
    font-size:15px;
    font-family:微软雅黑;
    text-align:left;
}
h2 {
    font-size:20px;
    font-family:微软雅黑;
    text-align:left;
}
/* Header */
.jjh-header {
    width:1003px;
    height:87px;
    margin-bottom:5px;
}
.jjh-search
{
    background:url("/Resource/Theme/Default/Images/search.png") no-repeat;
    border:none;
    width:112px;
    height:21px;
    padding:0 10px;
}
.topmenu li
{
    list-style-type:none;
    padding:0 10px;
    line-height:35px;
    height:35px;
    display:block;
    float:left;
    font-size:12px;
    border-right:dashed 1px #ccc;
}
    .topmenu li a {
        display:block;
        padding:0 10px;
        color:#333;
        font-weight:bold;
        font-family:微软雅黑;
    }
    .topmenu li a:hover {
        background-color:#efefef;
        text-decoration:none;
    }
        .topmenu li a[title] {
            background-color:#efefef;
        }
.jjh-menu {
    width:1003px;
    margin-top:20px;
    border-top:dashed 1px #ccc;
    float:left;
    margin-bottom:2px;
}
.jjh-menu li {
    list-style-type:none;
    margin-top:5px;
    padding:0 5px;
    line-height:35px;
    height:35px;*height:38px;
    display:block;
    float:left;
    font-size:14px;
    border-right:dashed 1px #ccc;
    width:132px;
	text-align:center;
}
    .jjh-menu li a {
        display:block;
        padding:0 10px;
        color:#333;
        font-weight:bold;
        font-family:微软雅黑;
    }
    .jjh-menu li a:hover {
        color:#2ccaff;
        text-decoration:none;
        border-bottom:solid 2px #2ccaff;
    }
    .jjh-menu li a[title] {
            color:#2ccaff;
            text-decoration:none;
            border-bottom:solid 2px #2ccaff;
        }
/* ShowImg */
.jjh-showimg {

}

/* Center */
.jjh-bg
{
    width:100%;
    float:left;
    background:url("/Resource/Theme/Default/Images/jjh-bg.png");

}
.jjh-bg-height
{
   
}
.bread
{
    color:#999;
    line-height:50px;
    height:50px;
}
.bread a
{
    color:#333;
}
.nav-box
{
    width:236px;
    border-top:solid 1px #ccc;
    border-left:solid 1px #ccc;
    border-right:solid 1px #ccc;
}
.nav-title
{
    background:url("/Resource/Theme/Default/Images/menutitle-bg.png");
    width:206px;
    height:84px;
    padding:36px 0 0 30px;
}
.jjh-nav a
{
    display:block;
    color:#333;
}
.jjh-nav li {
    width:236px;
    list-style-type:none;
    display:block;
    line-height:64px;
    height:64px;
    *height:64px;
    *margin-bottom:-2px;
    border-bottom:solid 1px #ccc;
    background-color:#fff;
}
.jjh-nav li span{
    *margin-top:28px;
}
    .jjh-nav li:hover {
        background-color:#f0f0e5;
    }
    .jjh-nav li [title] {
        background-color:#f0f0e5;
    }
.jjh-content-top
{
    width:743px;
    border:solid 1px #ccc;
    background-color:#fff;
    margin-bottom:53px;
    float:left;
    min-height:600px;
}
.content-title-box
{
    height:120px;
    
}
.content-title
{
    width:190px;
    font-family:微软雅黑;
    font-size:20px;
    color:#fff;
    background-color:#9a9a9a;
    line-height:120px;
}
.jjh-content-box
{
    padding:50px 45px 140px 45px;
}
.jjh-content-box h4
{
    color:#2ccaff;
    margin-bottom:50px;
}
    .jjh-content-box p
    {
        margin-bottom:20px;
        line-height:30px;
        font-size:14px;
        text-indent:2em;
    }
.jjh-content-box1
{
    padding:20px 45px 40px 45px;
}
.name
{
    font-size:18px;
}
.teather-box
{
    padding:30px 10px 30px 0;
    border-bottom:dashed 1px #ccc;
}
.yellowbook-box
{
    padding:30px 10px 30px 0;
    border-bottom:dashed 1px #ccc;
}
.service-search
{
    width:570px;
}
.service-title
{
    width:83px;
    text-align:right;
    float:left;
    line-height:30px;
    height:30px;
}
.service-search li
{
    margin-left:20px;
    list-style-type:none;
    display:block;
    float:left;
    line-height:30px;
    height:30px;
}
.service-search li a
{
    color:#007fe2;
}
.service-search li a:hover
{
    color:#666;
    background-color:#efefef;
}
.bluebox
{
    width:38px;
    height:38px;
    background-color:#2ccaff;
    line-height:38px;
    font-family:微软雅黑;
    color:#fff;
}
.blueline
{
    border-bottom:solid 3px #2ccaff;
    width:615px;
    height:35px;
    line-height:35px;
    font-family:微软雅黑;
    font-size:17px;
    font-weight:bold;
}
.service-search-job
{
    width:570px;
}
.service-search-job li
{
    margin-left:10px;
    list-style-type:none;
    display:block;
    float:left;
    line-height:30px;
    height:30px;
}
.service-search-job li a
{
    color:#999;
}
.service-search-job li a:hover
{
    color:#666;
    background-color:#efefef;
}
.search-bg
{
    background:url("/Resource/Theme/Default/Images/search-bg.png") no-repeat;
    border:none;
    width:399px;
    height:42px;
    padding:0 30px;
}
.search-btn
{
    background:url("/Resource/Theme/Default/Images/btn2.png") no-repeat;
    border:none;
    width:76px;
    height:42px;
}
.logo-img
{
    width:160px;
    height:105px;
    border:solid 1px #ccc;
}
.newsyear-box
{
    width:236px;
    border:solid 1px #ccc;
    margin-top:30px;
    background-color:#fff;
}
.newsyear-title
{
    height:64px;
    line-height:64px;
    background-color:#efefef;
    width:206px;
    padding-left:30px;
}
.jjh-years-box
{
    width:210px;
    background-color:#fff;
    padding:10px 0px;
    margin-left:20px;
}
.jjh-years
{
    width:120px;
    margin:10px 12px;
}
    .jjh-years li
    {
        list-style-type:none;
        padding:0 4px;
        display:block;
        line-height:25px;
        float:left;
    }
        .jjh-years li a
        {
            display:block;
            padding:0 4px;
        }
        .jjh-years li a:hover
        {
            background-color:#efefef;
            display:block;
            padding:0 4px;
        }
.year
{
    font-size:30px;
    font-weight:bold;
    margin-top:-14px;
}
.news-box
{
    margin:30px 0;
}
.news-box li
{
    float:left;
    list-style-type:none;
    display:block;
    width:653px;
    height:40px;
    line-height:40px;
    background:#efefef;
    margin-bottom:10px;
}

.news-box li span
{
    float:left;
    margin:0 20px;
}
.news-box li:hover
{
    color:#333;
}
    .news-box li span[title]
    {
        *margin-top:10px;
    }
.contact-box
{
    border:solid 1px #2ccaff;
    margin-top:30px;
}
.contact-title
{
    font-family:微软雅黑;
    font-size:15px;
    color:#fff;
    text-indent:1em;
    line-height:30px;
    height:30px;
    background-color:#2ccaff;
    *width:650px;
}
.contact-content li
{
    width:300px;
    height:30px;
    line-height:30px;
    float:left;
    text-indent:1em;
   
}
.people-box
{
    width:226px;height:190px;margin:10px 5px;
}
.magezine-box
{
    width:236px;
    height:78px;
    border:solid 1px #ccc;
    background-color:#fff;
}
.tab-bg
{
    background:url("/Resource/Theme/Default/Images/tab01.png") no-repeat;
    border:none;
    width:739px;
    height:87px;
    margin-top:-45px;z-index:999;position:relative;
}
.tab01
{
    margin-left:195px;
    margin-top:10px;
}
    .tab01 a
    {
        color:#fff;
        width:169px;height:70px;display:block;
    }

    .tab02
{
    margin-left:23px;
    margin-top:10px;
}
    .tab02 a
    {
        color:#fff;
        width:169px;height:70px;display:block;
    }
.tab-bg-red
{
    background:url("/Resource/Theme/Default/Images/tab03.png") no-repeat;
    border:none;
    width:739px;
    height:87px;
    margin-top:-45px;z-index:999;position:relative;
}
.tab-bg-red2
{
    background:url("/Resource/Theme/Default/Images/tab04.png") no-repeat;
    border:none;
    width:739px;
    height:87px;
    margin-top:-45px;z-index:999;position:relative;
}
.tabtext
{
    font-size:18px;
    font-family:微软雅黑;
    line-height:30px;
}
.project-bg
{
    background:url("/Resource/Theme/Default/Images/projectbg.png") no-repeat;
    border:none;
    width:225px;
    height:177px;
    padding:6px 0 0px 14px;
}
.focus
{
    background:url("/Resource/Theme/Default/Images/btn6.png") no-repeat;
    border:none;
    width:24px;
    height:24px;
    line-height:24px;
    text-align:center;
    margin:0 10px;
}
.focus a
{
    display:block;
    color:#fff;
}
.no-focus
{
    background:url("/Resource/Theme/Default/Images/btn7.png") no-repeat;
    border:none;
    width:24px;
    height:24px;
    line-height:24px;
    text-align:center;
    margin:0 10px;
}
    .no-focus a
    {
        display:block;
        color:#2ccaff;
    }
.teather-box1
{
    background:#efefef;
    padding:20px;
}
.buttonblue a
{
    width:40px;
    height:20px;
    line-height:20px;
    background:#2ccaff;
    color:#fff;
    display:block;
    text-align:center;
    margin-top:20px;
}
.buttonblue a:hover
{
    width:40px;
    height:20px;
    line-height:20px;
    background:#999;
    color:#fff;
    display:block;
    text-align:center;
}
.buttonblue1
{
    width:60px;
    height:30px;
    line-height:30px;
    background:#2ccaff;
    color:#fff;
    display:block;
    text-align:center;
}
.buttonblue2
{
    width:60px;
    height:30px;
    line-height:30px;
    background:#999;
    color:#666;
    display:block;
    text-align:center;
}
.textinput
{
    width:250px;
    height:25px;
    line-height:25px;
    padding-left:4px;
}
.textinput1
{
    width:350px;
    height:200px;
    line-height:25px;
    padding-left:4px;
}
.namelist li
{
    list-style-type:none;
    display:block;
    height:50px;
    margin:10px 0;
    border-bottom:dashed 1px #ccc;
}

.namelist-time
{
    width:40px;height:40px;line-height:15px;color:#fff;background-color:#2ccaff;
}
.video-box
{
    width:460px;height:300px;line-height:25px;margin-left:100px;
}
.video
{
    width:460px;height:300px;
    border:1px dashed red;
}




.jjh-footbg
{
    width:100%;
    height:10px;
    background:url("/Resource/Theme/Default/Images/jjh-bg1.png");
    margin-top:-1px;*margin-top:0px;
}
.en-title
{
    color:#2ccaff;
    font-family:Arial;
}
.more a
{
    background-color:#31b9e9;
    color:#fff;
    width:59px;
    height:21px;
    line-height:21px;
    *line-height:20px;
    text-align:center;
    display:block;
}
.more a:hover
{
    background-color:#999;
    color:#fff;
    width:59px;
    height:21px;
    line-height:21px;
    *line-height:20px;
    text-align:center;
    display:block;
}
.green
{
    width:308px;
    height:185px;
    background:url("/Resource/Theme/Default/Images/green.png");
    color:#fff;
    text-align:center;
    font-family:微软雅黑;
    line-height:185px;
    font-size:24px;
}
.blue
{
    width:308px;
    height:185px;
    background:url("/Resource/Theme/Default/Images/blue.png");
    color:#fff;
    text-align:center;
    font-family:微软雅黑;
    line-height:185px;
    font-size:24px;
}
.yellow
{
    width:308px;
    height:185px;
    background:url("/Resource/Theme/Default/Images/yellow.png");
    color:#fff;
    text-align:center;
    font-family:微软雅黑;
    line-height:185px;
    font-size:24px;
}
.red
{
    width:308px;
    height:185px;
    background:url("/Resource/Theme/Default/Images/red.png");
    color:#fff;
    text-align:center;
    font-family:微软雅黑;
    line-height:185px;
    font-size:24px;
}
.c-green
{
    font-family:微软雅黑;
    font-size:16px;
    color:#7ec123;
}
.c-blue
{
    font-family:微软雅黑;
    font-size:16px;
    color:#1376d1;
}
.c-yellow
{
    font-family:微软雅黑;
    font-size:16px;
    color:#ffb301;
}
.c-red
{
    font-family:微软雅黑;
    font-size:16px;
    color:#e33431;
}
.searchbox
{
    height:30px;
    line-height:30px;
    width:570px;
    padding:0 10px;
}

.searchbtn a
{
    background-color:#31b9e9;
    color:#fff;
    width:59px;
    height:34px;
    line-height:34px;
    *line-height:34px;
    text-align:center;
    display:block;
}
.searchbtn a:hover
{
    background-color:#999;
    color:#fff;
    width:59px;
    height:34px;
    line-height:34px;
    *line-height:34px;
    text-align:center;
    display:block;
}
.searchbox1
{
    width:651px;border-top:solid 1px #ccc;border-left:solid 1px #ccc;
}
.searchbox2
{
    width:210px;height:230px;border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;padding:3px;
}
.searchbox2:hover
{
    width:210px;
    height:230px;
    background:url("/Resource/Theme/Default/Images/beijing.png") no-repeat;
}
.searchimg
{
    margin:10px;
}
.searchtitle
{
    border-top:solid 1px #ccc;margin:0px 10px;
}
    .searchtitle a:hover
    {
        color:#2ccaff;
    }
.loading a
{
    background-color:#31b9e9;
    color:#fff;
    width:100px;
    height:34px;
    line-height:34px;
    *line-height:34px;
    text-align:center;
    display:block;
}
.loading a:hover
{
    background-color:#999;
    color:#fff;
    width:100px;
    height:34px;
    line-height:34px;
    *line-height:34px;
    text-align:center;
    display:block;
}





.boxgrid{width:213px;height:160px;margin:10px;float:left;background:#161613;border:solid 2px #8399AF;overflow:hidden;position:relative;}
.boxgrid h3{margin:10px 10px 0 10px;color:#FFF;font:18pt Arial, sans-serif;letter-spacing:-1px;font-weight:bold;}
.boxgrid img{position:absolute;top:0;left:0;border:0;}
.boxgrid p{padding:5px 10px 0 10px;color:#fff;font-weight:bold;font:10pt "Lucida Grande", Arial, sans-serif;}		
.boxcaption{float:left;position:absolute;background:#000;height:100px;width:100%;opacity:.8;/* For IE 5-7 */filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* For IE 8 */-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.captionfull .boxcaption{top:150px;left:0px;}
.caption .boxcaption {top:120px;left:0px;}
.boxgrid p a
{
    color:#FFF;
    text-decoration:underline;
}


.gray
{
    width:308px;
    height:185px;
    background:url("/Resource/Theme/Default/Images/gray.png");
    color:#fff;
    text-align:center;
    font-family:微软雅黑;
    line-height:185px;
    font-size:24px;
}











/* Footer */
/*.jjh-footer {
    width:1003px;border-top:solid 1px #ccc;margin-top:80px;margin:0 auto;float:none;
}*/
.jjh-footer
{
    width:100%;
    height:150px;
    background:url("/Resource/Theme/Default/Images/footer-bg.png");
}

.btn1
{
    background:url("/Resource/Theme/Default/Images/btn1.png") no-repeat;
    width:170px;
    height:39px;
    border:none;
}

/* 其他css */
.en-text
{
    font-family:Arial;
}
.fw {
    font-weight:bold;
}
.fs-10 {
    font-size:10px;
}
.fs-13 {
    font-size:13px;
}
.fs-14 {
    font-size:14px;
}
.fs-16 {
    font-size:16px;
}
.fs-20 {
    font-size:20px;
}
.td {
    text-decoration:underline;
}
.c-blue {
    color:#2ccaff
}
.c-blue a{
    color:#2ccaff
}
.lh-20 {
    line-height:20px;
}
.lh-25 {
    line-height:25px;
}
.lh-30 {
    line-height:30px;
}
.lh-40 {
    line-height:40px;
}
.ti-2 {
    text-indent:2em;
}
.cp  {
 cursor:pointer;
}
.color-9
{
    color:#999;
}
.color-6
{
    color:#666;
}
.color-f
{
    color:#fff;
}
.color-f a
{
    color:#fff;
}
.color-pink
{
    color:#ff6991;
}
.ta-l
{
    text-align:left;
}
.ta-c
{
    text-align:center;
}
.c-f p
{
    color:#fff;
    text-align:center;
}
.line
{
    width:100%;
    height:40px;
    border-bottom:dashed 1px #ccc;
}
.line1
{
    width:100%;
    border-bottom:dashed 1px #ccc;
}
.line2
{
    border-bottom:solid 1px #ccc;
}
.border-line
{
    border:solid 1px #ccc;
}
.border-line1
{
    border-top:solid 1px #ccc;
    height:10px;
    width:100%;
}
/* 宽高css */
.w-100 {
    width:100px;
}
.w-160 {
    width:160px;
}
.w-210
{
    width:210px;
}
.w-238
{
    width:238px;
}
.w-282 {
    width:282px;
}
.w-290 {
    width:290px;
}
.w-310 {
    width:310px;
}
.w-510 {
    width:510px;
}
.w-400 {
    width:400px;
}
.w-450 {
    width:450px;
}
.w-480 {
    width:480px;
}
.w-653{
    width:653px;
}
.w-1003 {
    width:1003px;
}
.h-50
{
    height:50px;
}
/* 位置css */
.ml-2 {
    margin-left:2px;
}
.ml-10 {
    margin-left:10px;
}
.ml-20 {
    margin-left:20px;
}
.ml-25 {
    margin-left:25px;
}
.ml-30 {
    margin-left:30px;
}
.ml-40 {
    margin-left:34px;
}
.ml-45 {
    margin-left:40px;
}
.ml-50 {
    margin-left:50px;
}
.ml-60 {
    margin-left:60px;
}
.ml-80 {
    margin-left:80px;
}
.ml-90 {
    margin-left:90px;
}
.ml-100 {
    margin-left:100px;
}
.ml-290 {
    margin-left:290px;
}
.mr-8 {
    margin-right:8px;
}
.mr-10 {
    margin-right:10px;
}
.mr-18 {
    margin-right:18px;
}
.mr-20 {
    margin-right:20px;
}
.mt7-2 {
    *padding-top:4px;margin-top:2px;
}
.mt-5{
    margin-top:5px;
}
.mt-10 {
    margin-top:10px;
}
.mt-15 {
    margin-top:19px;
}
.mt-20 {
    margin-top:20px;
}
.mt-25 {
    margin-top:25px;
}
.mt-30 {
    margin-top:30px;
}
.mt-40 {
    margin-top:40px;
}
.mb-10 {
    margin-bottom:10px;
}
.mb-20 {
    margin-bottom:20px;
}
.mb-30 {
    margin-bottom:30px;
}
.mb-40 {
    margin-bottom:40px;
}
.mlr-10
{
    margin:0 10px;
}
.mlr-30
{
    margin:0 30px;
}
.mlrtb-13
{
    margin:13px 20px 20px 20px;
}
.mtb-15
{
    margin:15px 0;
}
.plrtb-15
{
    padding:15px;
}
.ptl-20
{
    padding:20px 0 0 20px;
}
.pt-40
{
    padding-top:40px;
}
.pb-80
{
    padding-bottom:80px;
}
.mt-ie7
{
    *margin-top:5px;
}


















