.w{width: 1200px;margin: auto;box-sizing: border-box;overflow: hidden;}
body{ width:100%;/* height:1550px;*/background: url("../images/public/shortcut.jpg") no-repeat ;
    background-size:contain;
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/shortcut.jpg',sizingMethod='scale');
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/shortcut.jpg',sizingMethod='scale');}

.header_b{height: 70%;}
.r_l{width: 60%;background-color: #ffffff;padding: 15px;}
.slideBox{ width:100%; /*height:90%;*/ overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{  float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px;  width:10px; height:10px;cursor:pointer;border-radius: 50%;text-indent: -999px ;
    display:inline-block;background-color:#ffffff;}
.slideBox .hd ul li.on{ background:#2d72d6; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{     width: 693px;height: 395px;display:block;  }
.slideBox .bd ul li>a>span{position: absolute;bottom: 0;left: 0;width: 100%;height: 35px;line-height: 35px;padding-left: 15px;
    color: #fff;font-size: 16px;background: rgba(0,0,0,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
}


.slideTxtBox{width:38%;height: 425px; padding: 20px;background-color: #ffffff; position: relative}
.slideTxtBox #gd2{    position: absolute;right: 20px;top: 20px;font-size:12px; line-height: 30px}
.slideTxtBox .hd{ /*height:10%;*/ width:100%;font-size: 18px;  /*position:relative; */}
.slideTxtBox .hd ul{height: 40px;  }
.slideTxtBox .hd ul li{ font-size: 100%;float: left;/*margin-left: 1%;*/height: 40px;cursor: pointer;}
.slideTxtBox .hd ul li+li{margin-left: 3%;}
.slideTxtBox .hd ul li.on{color:#245398;border-bottom: 2px solid #245398; }
.slideTxtBox .bd{width: 100%;/* height: 90%;*/border-top: 1px solid #c7cacc;/* padding: 0 20px;*/}
.slideTxtBox .bd ul{zoom:1; margin-top: 10px }
.slideTxtBox .bd ul li{/*height: 21px;line-height: 22px; margin-bottom: 18px;*/ /*list-style-type:square */;}
.slideTxtBox .bd ul .new_desc{background: url(../images/public/squer.png) no-repeat 0 center;padding-left: 20px;overflow: hidden;text-overflow: ellipsis;
    line-height: 31px;white-space: nowrap;float: left;background-position-x: 6px;width: 97%;}
.slideTxtBox .bd ul .news_icon{background: url(../images/public/xin_03.jpg) no-repeat 0 center;line-height: 35px;padding-left: 20px;margin-left: 0;
    overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis; white-space: nowrap; font-size:16px;}
.more{display: none;}
/*.slideTxtBox .bd li a{font-size: 16px; color:#3d3e3f; }*/
.slideTxtBox .bd li .date{ float:right; color:#999; font-size: 14px; }
.slideTxtBox .bd ul li:last-child{margin-bottom: 0;}
.slideTxtBox .hd span{float: right;}
.slideTxtBox .hd span a{color: #000000;font-weight: 200;font-size: 13px;}
.slideTxtBox .hd span img{vertical-align: middle;}
.center_hd{height: 450px;}
.center{background: #FFFFFF; height: 883px;}
.c_top {
    height: 14%;
    border-bottom: 4px solid #cccccc;
}
.c_top ul{height: 100%;line-height: 120px;overflow: hidden;}
.c_top li{float: left;width: 16.66%;height: 100%;font-size: 24px;text-align: center;}
.c_top li:hover{background-color: #245398; /*color: #FFFFFF;*/}
.c_top li:hover a{color:#FFFFFF!important;}

.more{display: none;}
.c_center {width: 100%;height: 86%;}
.c_w{height: 100%;}
.center_left{width: 75%;height: 100%;padding: 20px 0;}

.left_top{
    position: relative;
    width: 900px;
    height: 350px;
    border: 1px solid #cccccc;
    padding: 20px;
}
.left_top .top_bd ul #gd{    position: absolute;right: 20px;top: 20px;font-size: 16px;}
.top_hd{    width: 100%;
            height: 40px;
            border-bottom: 1px solid #cccccc; }
.top_hd ul {
    height: 100%;
}
.top_hd ul li {
    height: 100%;
    float: left;
    font-size: 20px;
    margin: 0 20px;
    cursor: pointer;
}
.c_t_one{color: #245398; border-bottom: 3px solid #245398;}
.top_hd ul li:hover{color: #245398; border-bottom: 3px solid #245398;}
.top_hd ul li a{font-size: 20px; font-weight: 400;}

.top_bd ul{margin-top: 20px;}
.top_bd ul .new_desc{ background: url(../images/public/squer.png) no-repeat 0 center;
    line-height: 34px;
    padding-left: 20px;
    margin-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;}
.top_bd ul .new_desc span{float: right;}

.left_button{width: 100%; margin-top: 20px;}
.b_hd{ border-bottom: 1px solid #cccccc;height: 15%;}
.b_hd a{color: #000000;font-size: 20px;font-weight: 500;height: 100%;color: #245398; border-bottom:  4px solid #245398;}
/*.b_hd a:hover{}*/
.b_hd span a{color: #000000;font-size: 16px;font-weight: normal;line-height: 30px;border: none;}
.b_hd span a:hover{border: none;}
.b_bd{height: 85%;}
.bd_l{width: 77%;height: 100%;padding: 20px 0;}
.bd_l ul{width: 100%;}
.bd_l ul .new_desc{ background: url(../images/public/squer.png) no-repeat 0 center;
    line-height: 34px;
    padding-left: 20px;
    margin-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;}
.bd_l ul li a{ padding: 10px 0; display: contents;}
.bd_l ul li span{float: right;color: #999999;}

.bd_r{width: 23%;height: 100%;display: inline-block;padding: 20px 0 0 20px;}
.bd_r ul li a img{    vertical-align: middle;}
.bd_r ul li a p{ display: inline-block;    margin-left: 10px;}
.wyxx{border: 1px solid #5f8bb7;}
.lxxd{border: 1px solid #75b8a2; margin: 15px 0;}
.xjcx{border: 1px solid #75b8a2;}

.center_right{ width: 25%;height: 100%;padding: 20px 0 20px 20px;}
.right_top{height: 45%;margin-top: 25px;background-color: #f1f1f1;border-top: 2px solid #609fcb; position: relative; padding: 20px}
.right_top #one{position: absolute;top: -10%;left:40%;}
.right_top h4{    padding: 10px;display: block;border-bottom: 1px solid #cccccc;height: 19%;font-size: 20px;font-weight: 400;color: #609fcb;
    text-align: center;line-height: 40px;}
.right_top .ldxx{ height: 58%; margin-top: 20px;}
.pot { float: left;height: 100%;width: 50%;text-align: center;}
.right_top .ldxx img {border: 11px solid #ffffff; float: right;}
.synopsis {width: 48%;padding: 10px;float: right;}
.synopsis h5{font-size: 20px;line-height: 26px;}
.synopsis p{line-height: 25px;    overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;}
.jgzn{background-color: #245398;width: 100%;height: 19%;margin: 0 auto;padding: 8px 13px;}
.jgzn a{ font-size: 18px;color: #ffffff;}
.jgzn a img{vertical-align: middle;}
.jgzn a span{float: right;line-height: 32px;}
.jgzn a:hover{color: #FFFFFF!important;}
.right_button{height: 45%;margin-top: 47px;background-color: #f1f1f1; position: relative; padding: 20px;border-top: 2px solid #75b8a2;}
.right_button #two{position: absolute;top: -10%;left:40%;}
.right_button h4{    padding: 10px;display: block;border-bottom: 1px solid #cccccc;height: 19%;font-size: 20px;font-weight: 400;color: #609fcb;
    text-align: center;line-height: 40px;}
.right_button ul{    height: 81%;margin-top: 15px;}
.right_button ul li{     float: left;
    text-align: center;
    width: 48%;
    padding: 20px 0;
    height: 30%;
    margin: 0 4px 10px 0;
line-height: 30px;}
.right_button ul li a{color: #FFFFFF;font-size: 16px;}
.right_button ul li a:hover{color:#FFFFFF!important;}
.kkml{background: url("../images/gkbz/gkbz_03.jpg");    background-size: 95% 80%;}
.kkzn{background: url("../images/gkbz/gkbz_05.jpg");    background-size: 95% 80%;}
.sqgk{background: url("../images/gkbz/gkbz_10.jpg");    background-size: 95% 80%;}
.kknb{background: url("../images/gkbz/gkbz_11.jpg");    background-size: 95% 80%;}
.right_button ul .kgyjx{background: url("../images/gkbz/gkbz_14.jpg"); width: 98%;  }
.fg {
    /*overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;*/
}
.c_r_3{width:50%;display: inline-block;}
/*.bd_l ul{width: 100%;}*/
.bd_l ul li {
    background: url(../images/public/squer.png) no-repeat 0 center;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    background-position-x: 6px;
    width: 97%;
    line-height: 39px;
    height: 39px;
}

.hl ul li a:hover{color: #e6edf6!important;}
.hr ul a:hover{color: #FFFFFF!important;}
.header_bj{  width:100%;height:100% ;/*background: url(../img/shortcut.png) no-repeat*/}


.bd_top{display: block;text-align: center;padding-bottom: 20px;}
.bd_top h5{ font-weight: 100;color: #245499;font-size: 23px;padding: 10px;overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;}
.bd_top h5 a{    color: #245499;font-size: 25px;font-weight: 500;}
.bd_top h5 #xq{float: right;}
.bd_top p{text-align: -webkit-auto;text-indent: 28px;float: left;font-size: 16px;line-height: 30px;border-bottom: 1px solid #cccccc;padding-bottom: 14px;
    margin-bottom: 10px;}

@media (max-width: 768px){
    body{height: initial;/*background: #FFFFFF;*/}
    .w{width: 100%;}
    /*header*/
    .header{height: initial;}
    .slideTxtBox .bd ul .news_icon{ font-size:14px;}
    .header_top{text-align: center;}
    .h_bd{display: none;}
    .h_hd{width: 100%;margin: 0;height: 40px;text-align: center;}
    .h_hd ul{display: inline-block;    padding: 0;}
    .hd ul li {width: 28%;text-align: center;}
    .h_hd ul a{font-size: 12px;}
    .h_hd ul li span{display: none;}
    .logo{float:initial;width: 100%;text-align: center;}
    .logo img{ width: 80%;padding-bottom: 10px;}
    .header_center{height: 45%;}
    .head_nav{float: initial;width: 100%;}
    .head_nav ul li{width: 33%;padding: 10px;}
    .head_nav ul li a{font-size:18px;}
    .head_nav ul .i_c{display: none;}
    .head_nav #last{width: 100%}
    .r_l{float: initial; width: 97%;margin: 0 5px;padding: 5px;}
    .slideTxtBox{float: initial; width: 100%;height: 464px;padding: 10px;}
    .slideTxtBox .hd ul{height: 24px;}
    .slideTxtBox .hd ul li{height:24px;font-size: 12px;width: 22%;}
    .slideTxtBox .hd span{display: none;}
    .header_b{background: #ffffff;}
    /*center*/
    .center{    height: inherit;}
    .c_top {height: 30%;}
    .c_top ul{padding: 10px;}
    .c_top li:first-child{width: 50%;}
    .c_top li:last-child{width: 50%;}
    .c_top li{width: 50%}
    .c_center{/* height: 20000px;*/}
    .c_center .c_w{}
    .center_left{width: 100%;float: initial;  /*  height: 837px;*/}
    .left_top{border: none;width: 100%;height:auto;padding: 0 10px;border: none;}
    .top_hd {height: 40px;}
    .top_hd ul li{    width: 25%;text-align: center;font-size: 15px;height: 40px;margin: 0;}
    .top_hd ul span{display: none;}
    .l_hd{height: 320px;  }
    .left_button{    width: 100%;border: none; /* padding: 0 10px; */height: auto;padding: 0 19px;margin-top: 10px;}
/*    .left_button .bd_l ul li span{display: none;}*/
    .b_hd{height: 35px;}
    .bd_l{float: initial; width: 100%;    height:auto;}
    .bd_l a img{width: 100%;}
    .bd_r{float: initial;width: 100%;padding: 0;}
    /*.new_desc span{display: none;}*/
    .center_right{float:initial;width: 100%; padding: 0 10px 5px;/*margin: 20px 0;*/}
    .right_button{    margin: 15px 0 10px 0;height: 330px; }
    .footer{height: inherit;}
    .footer_right{display: none;}
    .footer_left{width: 100%;}
    .f_t{display: none;}
    .footer_left {width: 100%;margin: 0;padding: 5px;}
    .footer_left li{width: 46%; line-height: 25px;}
    .i_c{display: none;}
    .f_c{    width: 100%;height: 60px;text-align: center;}
    .footer_left ul{ width: 100%;}
    .footer_left p{    font-size: 11px;}
    .right_button ul .kgyjx{    background-size: 100%;}
    .more{    display: block;width: 95%;border-radius: 20px;text-align: center;margin: 0 9px 10px;background: #cccccc;    height: 30px;
        line-height: 30px;}
    .more a{color: #FFFFFF;font-size: 15px;}
    .right_top{margin-top: 0;}
    .right_button #two{display: none;}
    .right_top #one{display: none;}
    .c_r_3{width: 33%;
        height: 100%; border: 6px solid #ffffff;}
    .right_top h4{    background: url(../img/ldxxi/right_top.png)no-repeat left center;position: relative;}
    .right_top h4 span{position: relative;left: -22px;}
    .right_button h4{   background: url(../img/gkbz/right_button.png)no-repeat left center;position: relative;}
    .right_button h4 span{position: relative;left: -22px;}
    .jgzn{
        margin: 10px auto;
        width: 100%;
        height: inherit;
        padding: 10px;
    }
    .jgzn a{
        font-size: 18px;
        color: #ffffff;
        width: 100%;
        display: inline-block;
    }
    .hr{display: none;}
    .hl{width: 100%;margin: 0;}
    .hl ul {
        width: 100%;
        padding-left: 0;
    }
    .hl ul li:nth-child(n) {
        width: 30%;
    }
    .hl ul li {
        margin-left: 0;
    }
    .hl ul a {
        font-size: 10px;
    }

    .hl ul li:nth-child(2n) {
        width: 3%;
    }
    .f_c{width: 100%;height: 50px;text-align: center;margin-bottom: 10px;}
    .f_c ul{height: 100%;}
    .f_c ul li{width: 30%;}
    .f_b{text-align: center;}
    .footer_left a{    font-size: 13px;}
    .right_top .ldxx img{border: none;width: 100%;
        height: 100%;}
    .synopsis{    width: 66%;}
    .b_hd a{height: 101%;}
    .right_top .ldxx{height: 135px;}
    .center_hd{height: initial;}
    .left_top .top_bd ul #gd{display: none;}
    .slideTxtBox #gd2{display: none;}
    .slideBox .bd img{height: 200px;}
    .top_hd ul li a{font-size: 17px;}
    .slideBox .bd ul li>a>span{font-size: 13px;}

    .b_bd{height: auto;}

}
/*body{
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1); 
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); 
    filter: gray; 
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  }*/
@media screen and (max-width: 1200px) and (min-width: 768px){
    .right_button ul li a {
        font-size: 14px;
    }

}
@media (max-width: 320px){
    .top_hd ul li {
        width: 32%;
    }
}