body {
    font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
}

.cc_website{
    padding-top: 2em;margin-left: 0.5em;
}
.cc_top{
    background-image: url('../images/tgbg.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 377px;
}

.cc_main{
    background-image: url('../images/mainbg.gif');
    background-repeat: repeat-x;
    background-position: center top
}

.cc_bottom{
    background:#3f6c6b;
}

.cc_main .cont_bg{
    background:#fff;
    padding-bottom: 2%;
}

.cc_main .line{
    background: #e9e9e9;height:10px;
 }

.cc_main .title{
    padding: 0.3em 5% 0.3em 5%;
    font-size:2em;
    line-height: 1.5em;
    color:#000000;
    text-align: center;
}

.cc_main .leadtitle{
    padding-top:1.5em;
    font-size:1.5em;
    line-height: 1.5em;
    color:#000000;
    text-align: center;
}

.cc_main .subtitle{
    padding-bottom: 0.5em;
    font-size:1.5em;
    line-height: 1.5em;
    color:#000000;
    text-align: center;
}
.cc_main .source{
    padding: 0.5em 5% 2em 5%;
    line-height: 1.5em;
    color:#888888;
    text-align: center;
}

.cc_main .content{
    padding:0 5%;
    line-height: 1.7em;
    color:#000000;
    font-size:1.2em;
    text-align: left;
}

.cc_main .content img{
    margin: 0 auto;
    padding: 1em;
}

.cc_bottom .bottom_cont{
    padding:5em 0 7em 0;
    color: #c1cbca;
    line-height: 2em;
}

.cc_nav_img{
    background: #193333;height: 100%;text-align: center;padding: 0.5em 0;
}

.page-wrap {
    text-align: center;
}
.pagination {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    margin: 10px 0;
    font-size: 0;
}
.pagination li {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border: 1px solid #e2e2e2;
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin: 0 -1px 5px 0;
    background-color: #fff;
    color: #333;
    font-size: 12px;
    text-align: center;
}
.pagination li a {
    display: block;
    width: 100%;
    height: 100%;
}
.pagination li.active {
    border: 1px solid #1E9FFF;
}
.pagination li.active span {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #1E9FFF;
    color: #fff;
}
.pagination li.disabled {
    background: #f2f2f2;
}

.pagination li.active span{
    background-color:#3c9274;
}
.pagination li.active {
    border: 1px solid #0d8d5b;
}

.layui-nav {
    background: none;
}
.layui-nav *{
    font-size: 17px;
}

.layui-nav .layui-nav-item a{
    color: white;
}

.layui-nav-child{
    background: rgba(26, 112, 87, 0.95); border: #0d8d5b solid 1px;top:3.2em;text-align: left;
}
.layui-nav .layui-nav-more {
    border-style:none;
}
.layui-nav .layui-nav-item a:hover {
    color: #b0ffb0; background: #254b4b;text-align: left;
}

.cc_menu2{
    background: #fff;color: #336666;margin-top: 1px;font-size: 1.2em;
}
.cc_menu2 li{
    float:left;
    padding:1.2em 0.9em;
}
.cc_menu2 a{
    color: #193333;
}

.cc_menu2 li:hover {
    background: #518983;
    color: white;
}
.cc_menu2  li:hover a{
    color: white;
}

.cc_menu3{
    color: #336666;margin-top:0.2em;font-size: 1.2em;
}
.cc_menu3 ul{
    float: right;
}
.cc_menu3 li{
    float:left;
    padding:0.7em 1.2em;
}
.cc_menu3 a{
    color: #193333;
}

.cc_menu3 li:hover {
    background: #518983;
    color: white;
}
.cc_menu3  li:hover a{
    color: white;
}

.sub_nav{
    padding: 40px 0 30px 0;
}

/*-------------------------------------------------------------------*/
@media screen and (min-width:768px){
    .layui-nav .layui-nav-item{
        line-height: 3.2em;
    }

    .cc_menu{
        background: #397777;text-align: right;
    }

    .ttiao_title{
        white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
    }

    .sub_nav_title{
        float: left;width: 20%;text-align: center;color:#336666;font-size: 1.8em;
    }
    .sub_nav_left_line{
        float: left;width: 40%;height: 1px;margin-top:1.2em;background: #c0d4d4;
    }
    .sub_nav_right_line{
        float: left;  width: 30%; height: 1px;margin-top:1.2em;background: #c0d4d4;
    }
    .sub_nav_more{
        float: left;width: 10%;padding-top: 0.3em;font-size:1.2em;text-align: center;color:#336666;
    }
    .gonggao_time{
        float: left;width: 20%;
    }
    .gonggao_title{
        float: left;width: 80%;
    }
    .js_pic{
        float:left;width: 14.6%;margin: 0 1%;;
    }

    .js_pic_bg{
        background: #336666;height: 100%;min-height: 330px;
    }

    .cc_website_flag{
        float: left;
    }
    .cc_website_name{
        float: left;font-size:2.5em;font-weight: bold;color: #336666;text-align:left;padding-left:0;padding-top: 0.05em;
    }

    .cc_nav,.cc_nav a{
        padding-top: 1.8em;padding-left: 1em;color: #ccc; font-size: 1em;
    }

    .bottom_word{
        float: left;
        position:relative;
        left: -100px;top: 50px;
    }

    .wm{
        float: left;
        text-align: right;
        position:relative;
        width: 33%;
        padding-top: 1em;
    }
    .wm_word{
        padding-top: 0.5em;
        padding-right: 2em;
    }

    .cc_nav_sub{
        margin: 0 20px;border:1px solid #ccc;line-height: 3.7em;
    }
    .cc_nav_sub .sub_main
    {
        background: #4c8887;text-align: center;line-height: 3em;color: #fff;font-size: 1.8em;
    }

    .cc_nav_sub .sub_select
    {
        background: #9cf2da;text-align: center;font-size: 1.2em;
    }
    .cc_nav_sub .sub
    {
       background: #eee;text-align: center;font-size: 1.2em;border-bottom: #ccc solid 1px;
    }
    .cc_date{
        color: #397777;font-size: 0.8em;text-align: right;padding:1.7em 0;
    }

    .cc_time{
        text-align: center;font-size: 0.9em;line-height: 1.8em;padding-top: 0.2em;
    }

    .picMarquee-left .bd ul li{ margin:0 10px; display: block;}
    .div_jiaoshou { display: none;}
}

@media screen and (max-width:767px){
    .cc_top{
        background-image: url('../images/tgbg.png');
        background-repeat: no-repeat;
        background-position: center;
        height: 340px;
        background-position: center bottom;
        background-size:100% 40%;-moz-background-size:100% 40%;
    }

    .cc_detail {
        padding: 0px;
    }

    .layui-nav .layui-nav-item{
        line-height: 2.5em;
    }
    .layui-nav .layui-nav-item a{
        color: white;
        padding: 0 0.5em;
    }
    .layui-nav-child{
        top:2.5em;
    }

    .cc_main .content img{
        margin: 1em 0;
        padding: 0;
        width: 100%;
    }
    .cc_menu{
        background: #397777;text-align: center;
    }

    .cc_menu2 li{
        float:left;
        padding:0.6em 0.5em;
    }

    .cc_menu3 ul{
        float: none;
    }
    .cc_menu3 li{
        float:left;
        text-align: center;
        padding:0.3em 0em;
        width: 33%;
    }

    .sub_nav_title{
        float: left;width: 55%;text-align: center;color:#336666;font-size: 1.8em;
    }
    .sub_nav_left_line{
        float: left;width: 18%;height: 1px;margin-top:1.2em;background: #c0d4d4;
    }
    .sub_nav_right_line{
        float: left;width: 12%; height: 1px;margin-top:1.2em;background: #c0d4d4;
    }
    .sub_nav_more{
        float: left;width: 10%;padding-top: 0.3em;font-size:1.2em;text-align: center;color:#336666;
    }

    .cc_nav_sub{
       border:1px solid #ccc;line-height:3em;
    }
    .cc_nav_sub .sub_main
    {
        background: #4c8887;text-align: center;font-size: 1.2em;color: #fff;float: left;width: 33.3%;
    }

    .cc_nav_sub .sub_select
    {
        background: #9cf2da;text-align: center;font-size: 1.2em;float: left;width: 33.3%;
}
    .cc_nav_sub .sub
    {
        background: #eee;text-align: center;font-size: 1.2em;float: left;width: 33.3%;
    }

    .gonggao_time{
        float: left;width: 30%;
    }
    .gonggao_title{
        float: left;width: 70%;
    }

    .js_pic{
        float:left;height: 300px;width: 45%;padding: 0 2.5%;
    }

    .js_pic_bg{
        background: #336666;height: 100%;
    }

    .cc_website_flag{
        text-align:center;
    }
    .cc_website_name{
        font-size:2.5em;color: #336666;font-weight: bold;text-align:center;padding-left:0.5em;padding-top: 0.15em;
    }
    .cc_nav,.cc_nav a{
        color: #ccc;
        padding-top: 1em;
        padding-left:0.5em;
        line-height: 2.5em;
    }
    .bottom_word{
        text-align: center;
    }
    .wm{
        text-align: center;
        padding: 1em;
    }
    .cc_date{
        clear: both;
        color: #397777;font-size: 0.95em;text-align: center;padding:0.2em 0 1em 0;
    }

    .cc_time{
        text-align: center;font-size: 0.9em;line-height: 1.8em;padding:0.2em 0;clear:both;
    }

    .picMarquee-left .bd ul li{ margin:0 10px; display: none;}
    .div_jiaoshou { display: block;}
}

/*---------------------------------------*/
/*图片轮播*/
#imageShow {clear:both;height:400px;position:relative;z-index:1;}
#imageShow .imagebg {height:400px;overflow:hidden;position:relative;z-index:1;}
#imageShow .imagebg li {width:100%;height:400px;overflow:hidden;position:absolute;top:0;left:0;z-index:2;}
.bannerbg {height:400px;overflow:hidden;}
.bannerbg_1{width:50%;height:400px;position:absolute;top:0;left:0; }
.bannerbg_2{width:50%;height:400px;position:absolute;top:0;right:0;}
.bannerbg_main{width:100%;height:400px;background-position:center; background-repeat:no-repeat;position:absolute; top:0; right:0; }
.banner {margin:0 auto;width:990px;height:400px;position:relative;overflow:hidden;}
#scroll_dot {width:100%;height:18px;text-align:center;position:absolute;bottom:10px;z-index:100;}
#scroll_dot span {display:inline-block;margin:0 2px;width:18px;height:18px;background:url(../images/scroll_dot.png);overflow:hidden;cursor:pointer;}
#scroll_dot span.sel {background:url(../images/scroll_dot_cur.png);}
.banner h1 {width:100px;height:20px;text-indent:-99em;overflow:hidden;}
/*---------------------------------------*/
#slider{width:100%; height:360px; background:url(../images/loading.gif) no-repeat 50% 50%;text-align: left;}
#slider img {position:absolute;top:0px;left:0px;display:none;}
.nivo-controlNav{position:absolute;right:4px;bottom:0px; }
.nivo-controlNav a {display:block;bottom:10px;border:0;height:10px;margin:0 2px;padding:0 3px;float:left;font-size: 11px;background:#e88;line-height: 12px;}
.nivo-controlNav a.active {background-position:0 -22px;background:#fe8;}
.nivo-directionNav a {display:block;width:30px;height:30px;background:url(../images/arrows.png) no-repeat;text-indent:-9999px;border:0;}
a.nivo-nextNav {background-position:-30px 0;right:15px;}
a.nivo-prevNav {left:15px;}
.nivo-caption {text-shadow:none; background: #145c48;height: 35px;line-height: 25px;text-indent:10px; }
.nivo-caption a {color:#fff;text-decoration:underline; }
/*---------------------------------------*/