@charset "utf-8";
/* CSS Document */
.fzgh_bodybg{ background: url("../images_ssw/bodybg.jpg") center top no-repeat #fff;}
.fzgh_head{height:366px;position:relative;}
.fzgh_logo{padding:22px 0 15px;}
.fzgh_banner{ width: 930px; height: 188px; margin: 0 auto; position: relative;}
.fzgh_banner img { position: absolute; opacity: 0;  left: 0;  top: -200px;  width: 930px;  height: 188px;}
.img_title{ display: none;}
.fzgh_title{ height: auto; background: url("../images_ssw/ghtx_bg.png") center top repeat-x; text-align: center; overflow: hidden;}

.backhome{position:absolute;top:10px;right:10px;}
.backhome li{float:left;margin-left:10px;}
.backhome li a{display:block;background:rgba(0,0,0,.5);color:#fff;border-radius:4px;font-size:15px;height:32px;line-height:32px;padding:0 15px;}
.backhome li a:hover{color:#fff;font-weight:bold;}
/*图片切换*/
.news_flash{width:100%;position:relative;height:430px;overflow:hidden;}
.ls-flash-jz{width:100%;height:100%;position:relative;}
.ls-flash-jz .flash-num{top:0;left:0;position:absolute;width:60px;height:100%;background: #6a757e;}
.ls-flash-jz .flash-num li{width:100%;height:70px;overflow:hidden;transition:0.4s all;;cursor:pointer;text-align: center;line-height:70px;font-size:20px;color:#fff;}
.ls-flash-jz .flash-num li.on{background:#2a56a1;height:80px;font-size:40px;font-weight:bold;line-height: 80px;}
.ls-flash-jz .flash-pic{position:absolute;z-index:0;left:60px;top:0;right:0;bottom:0;height:100%;}
.ls-flash-jz .flash-pic ul,.ls-flash-jz .flash-pic li{width:100%;height:100%;zoom:1;vertical-align:middle;}
.ls-flash-jz .flash-pic li{position:relative;}
.ls-flash-jz .flash-pic .img{display:block;width:780px;height:100%;}
.ls-flash-jz .flash-pic .img img{display:block;height:100%;width:100%;}
.ls-flash-jz .flash-pic .text{position:absolute;left:780px;top:0;height:100%;width:360px;background:url("../images_ssw/tu_textbg.jpg") bottom repeat-x #e3f6ff;overflow:hidden;}
.ls-flash-jz .flash-pic .hottitle{padding:16px 20px 17px;font-size:32px;color:#fff;text-align:center;line-height:56px;height:auto;background:#2a56a1;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow:hidden;}
.ls-flash-jz .flash-pic .hottitle a{color:#fff;}
.ls-flash-jz .flash-pic .hotinfo{font-size:19px;height:249px;color:#015293;line-height:36px;padding:20px 53px 20px 56px;position:relative;text-indent:2em;}
.ls-flash-jz .flash-pic .hotinfo .top{ left: 15px; top:15px; width: 42px; height: 37px; background: url("../images_ssw/tu_left.png") no-repeat; position: absolute;}
.ls-flash-jz .flash-pic .hotinfo .bot{ right: 15px; bottom:15px; width: 42px; height: 37px; background: url("../images_ssw/tu_right.png") no-repeat; position: absolute;}
/*焦点图切换 end*/
/*十四五*/
.fzgh_map{ background:url("../images_ssw/text.png") repeat; padding: 32px 0 36px; text-align: center;}
.fzgh_map_slide{position: relative; height: 670px; overflow: hidden;}
.fzgh_map_slide .prev,.fzgh_map_slide .next{ display: block; width: 50px; height: 70px; top: 50%; margin-top: -35px; background: url("../images_ssw/fjssw_prve.png") 0 0 no-repeat!important; position: absolute;}
.fzgh_map_slide .prev{left: 54px;}
.fzgh_map_slide .next{right: 54px; background-position: -50px 0!important;}
/*规划解读*/
.gklist{overflow: hidden; padding-bottom: 30px;}
.gklist li{font-size: 18px; position: relative; padding-right: 100px; line-height: 42px; height: 46px; overflow: hidden; padding-left: 12px; background: url("../images/ico.png") left center no-repeat; box-sizing: border-box; width: 48%; float: left;}
.gklist li .nr{float:left; max-width: 98%; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding: 2px 0;}
.gklist li .title,.gklist li .tit{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; float: none;}
.gklist li .gl{display:block;float:right;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gklist li .gl .split{padding:0 2px;}
.gklist li .gl a{display:inline;color:#c50001;float:none;background:none;max-width:none;padding:0;margin:0;}
.gklist li span.date{ color:#a4a4a4;font-size:16px;font-family:Arial, Helvetica, sans-serif;position: absolute; right: 0; top: 2px;}
.gklist li.even{float: right;}
@media (max-width: 991px) {
    .gklist li .gl{display: none;}
}

/*规划体系*/
.fzgh_imglist{ height: 470px; margin-bottom: 65px; position: relative}
.fzgh_imglist ul li {  position: absolute;  width: 300px; height: 246px;  overflow: hidden;  cursor: pointer; float: left;}
.fzgh_imglist ul li img{ width: 100%; height: 100%;}
.fzgh_imglist ul li.num1{ left: 0; top:0; height: 224px;}
.fzgh_imglist ul li.num2{ left: 0; bottom:0;}
.fzgh_imglist ul li.num3{ left: 300px; top:0; height: 470px;}
.fzgh_imglist ul li.num4{ right: 0; top:0; width: 600px; height: 224px;}
.fzgh_imglist ul li.num5{ right: 300px; bottom: 0;}
.fzgh_imglist ul li.num6{ right: 0; bottom: 0;}
/*  伪 element*/
.fzgh_imglist ul li::before,
.fzgh_imglist ul li::after{content: "";height: 246px;position: absolute;    width: 300px;    background: rgba(119, 0, 36, 0.6);}
.fzgh_imglist ul li::before{top:-180px; right: -80px; transform: rotate(55deg) translateX(40px);-ms-transform: rotate(55deg) translateX(40px);
-moz-transform: rotate(55deg) translateX(40px); -webkit-transform: rotate(55deg) translateX(40px);transform-origin: 100% 0;-moz-transform-origin: 100% 0;-ms-transform-origin: 100% 0;-webkit-transform-origin: 100% 0;transition: all .2s ease .4s;-moz-transition: all .2s ease .4s; -ms-transition: all .2s ease .4s;-webkit-transition: all .2s ease .4s;}
.fzgh_imglist ul li::after{ bottom: -550px;right: 0;-webkit-transform: rotate(55deg) translateX(-40px);-webkit-transform-origin: 100% 0;-moz-transform: rotate(55deg) translateX(-40px);-moz-transform-origin: 100% 0;-ms-transform: rotate(55deg) translateX(-40px);-ms-transform-origin: 100% 0;transform: rotate(55deg) translateX(-40px);transform-origin: 100% 0;-webkit-transition: all .2s ease .4s;-moz-transition: all .2s ease .4s;-ms-transition: all .2s ease .4s;transition: all .2s ease .4s;}
.fzgh_imglist ul li div{position: absolute; left: 0; top: 0;width: 300px; height: 0;background: rgba(0,0,0,0.4);z-index: 999; overflow: hidden;-webkit-transform: rotate(55deg);    -moz-transform: rotate(55deg);-ms-transform:rotate(55deg);transform: rotate(55deg);-webkit-transition:all .2s;-moz-transition:all .2s; -ms-transition:all .2s; transition:all .2s;}
.fzgh_imglist ul li:hover div{height: 246px;-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
.fzgh_imglist ul li div p{ width: 80%; margin: 20px auto 0; text-align: justify; color: #fff; font-size: 14px; line-height: 26px;}
.fzgh_imglist ul li.num3:hover div{ height: 470px;}
.fzgh_imglist ul li.num4:hover div{ width: 600px; height: 224px;}
.fzgh_imglist ul li.num1:hover div{ height: 224px;}
.fzgh_imglist ul li:hover::after { right: -10px;  height: 246px;  bottom: -410px;}
.fzgh_imglist ul li:hover::before { right: -40px;  height: 246px;   top: -70px;}
.fzgh_imglist ul li.num4:hover::after {  right: 210px;  height: 246px;  bottom: -390px;}
.fzgh_imglist ul li.num4:hover::before { right: 10px;  height: 246px;   top: -40px;}
.fzgh_imglist ul li.num1:hover::after { right: -30px;  height: 224px;  bottom: -420px;}
.fzgh_imglist ul li.num1:hover::before { right: -30px;  height: 224px;   top: -60px;}
/*  动画  */
@keyframes mouse_up {
    0% {
        transform: translateY(-540px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes mouse_down {
    0% {
        transform: translateY(540px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.fzgh-link{margin-top: 22px;}
.fzgh-link li{width: 285px;float: left;margin-left: 20px;}
.fzgh-link li.num1{margin-left: 0;}
.fzgh-link li a{display: block;height: 90px;line-height: 90px;text-align: center;font-size: 28px;font-weight: bold;color: #fff;background: #7b96c5;border-radius: 2px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.fzgh-link li a:hover{background: #2a56a1;}
/*底部*/
.footer{ border-top:2px solid #015293; background: none;color:#333;}
.footbootm a{color:#333;}
.footbox .fline{border-left: 1px solid #333;}
.footer a{ color:#333;}
.footlink{padding-bottom:0;border-bottom:#015293 3px solid;background-image:none;}
.footer .select dt{color:#333;}
.footer .select dt.active{background-color:#015293;color:#fff;}
.footer .select dd{border-color:#015293;}
@media (min-width: 992px) and (max-width:1199px) {
    .ls-flash-jz .flash-num{width:46px;}
    .ls-flash-jz .flash-pic{left:46px;}
    .ls-flash-jz .flash-pic .img{width:588px;}
    .ls-flash-jz .flash-pic .text{left:588px;width:358px;}
    .ls-flash-jz .flash-pic .hottitle{font-size:30px;}
    .ls-flash-jz .flash-pic .hotinfo{font-size:18px;}
    /*规划体系*/
    .fzgh_imglist{ height: 388px; }
    .fzgh_imglist ul li { width: 248px; height: 203px;}
    .fzgh_imglist ul li.num1{ height: 185px;}
    .fzgh_imglist ul li.num3{ left: 248px;  height: 388px;}
    .fzgh_imglist ul li.num4{width: 496px; height:185px;}
    .fzgh_imglist ul li.num5{ right: 248px;}
    .fzgh_imglist ul li::after { height: 203px;    width: 248px;}
    .fzgh_imglist ul li:hover div{ height: 203px; }
    .fzgh_imglist ul li.num3:hover div{ height: 388px;}
    .fzgh_imglist ul li.num4:hover div{ width: 496px; height: 185px;}
    .fzgh_imglist ul li.num1:hover div{ height: 185px;}
    .fzgh_imglist ul li:hover::after { height: 203px;}
    .fzgh_imglist ul li:hover::before {height: 203px; }
    .fzgh_imglist ul li.num4:hover::after { height: 203px; }
    .fzgh_imglist ul li.num4:hover::before { height: 203px; }
    .fzgh_imglist ul li.num1:hover::after { height: 185px; }
    .fzgh_imglist ul li.num1:hover::before {  height: 185px;}

    .fzgh-link li{width: 233px;}
}
@media only screen and (max-width:991px) {
    .container{ width: 768px;}
    .fzgh_head{ height: auto;}
    .fzgh_logo{padding:10px 0 15px 10px;}
    .fzgh_logo img{width:auto;height:70px;}
    .fzgh_banner{ width:95%; height: auto; margin: 0 auto; position: static; margin-bottom: 30px;}
    .fzgh_banner img { opacity: 1;  left: 0;  top:0;  width: 100%;  height: auto;position: static;}
    /*轮播*/
    .news_flash{height:880px;}
    .ls-flash-jz .flash-num{width:100%;height:60px;}
    .ls-flash-jz .flash-num li{float:left;width:128px;height:60px;line-height:60px;}
    .ls-flash-jz .flash-num li.on{height:60px;line-height:60px;}
    .ls-flash-jz .flash-pic{left:0;top:60px;height:820px;}
    .ls-flash-jz .flash-pic .img{width:100%;height:536px;}
    .ls-flash-jz .flash-pic .text{left:0;top:536px;height:284px;width:100%;}
    .ls-flash-jz .flash-pic .hottitle{padding:15px;font-size:30px;line-height:56px;-webkit-line-clamp:1;}
    .ls-flash-jz .flash-pic .hotinfo{font-size:18px;height:148px;}
    /*十四五*/
    .fzgh_map{ padding: 15px;}
    .fzgh_map img{ width: 100%; height: auto;}
    .fzgh_map_slide{height: 500px;}
    /*规划体系*/
    .fzgh_imglist{ height: 300px; }
    .fzgh_imglist ul li { width: 192px; height: 157px;}
    .fzgh_imglist ul li.num1{ height: 143px;}
    .fzgh_imglist ul li.num3{ left: 192px;  height: 300px;}
    .fzgh_imglist ul li.num4{width: 384px; height:143px;}
    .fzgh_imglist ul li.num5{ right: 192px;}
    .fzgh_imglist ul li::after { height: 157px;    width: 192px;}
    .fzgh_imglist ul li:hover div{ height: 157px; }
    .fzgh_imglist ul li.num3:hover div{ height: 300px;}
    .fzgh_imglist ul li.num4:hover div{ width: 384px; height: 143px;}
    .fzgh_imglist ul li.num1:hover div{ height: 143px;}
    .fzgh_imglist ul li:hover::after { height: 157px;}
    .fzgh_imglist ul li:hover::before {height: 157px; }
    .fzgh_imglist ul li.num4:hover::after { height: 157px; }
    .fzgh_imglist ul li.num4:hover::before { height: 157px; }
    .fzgh_imglist ul li.num1:hover::after { height: 143px; }
    .fzgh_imglist ul li.num1:hover::before {  height: 143px;}
    /*底部*/
    .dzico,.jcico{ display:inline-block; position: static;}
    .lkico,.wjico{ display:none;}
    .gklist li{float: none !important; width: auto;}

    .fzgh-link li{width: 177px;}
}
@media only screen and (max-width:767px) {
    .container{width:100%;}
    .fzgh_logo img{height:45px;}
    .news_flash{height:auto;}
    .ls-flash-jz .flash-num{position:static;height:50px;}
    .ls-flash-jz .flash-num li{width:16.66%;height:50px;line-height:50px;}
    .ls-flash-jz .flash-num li.on{height:50px;line-height:50px;}
    .ls-flash-jz .flash-pic{height:auto;position:static;}
    .ls-flash-jz .flash-pic .img{height:360px;}
    .ls-flash-jz .flash-pic .text{height:auto;position:static;}
    .ls-flash-jz .flash-pic .hottitle{padding:10px;font-size:28px;line-height:1.5;-webkit-line-clamp:2;}
    .ls-flash-jz .flash-pic .hotinfo{font-size:16px;height:auto;}
    .fzgh_map_slide{height: auto;}
    .fzgh_map_slide .prev{left: 0;}
    .fzgh_map_slide .next{right: 0;}
    /*规划体系*/
    .fzgh_title img{max-width:90%;height:auto;}
    .fzgh_imglist{ position: static; height: auto;}
    .fzgh_imglist ul li { width:100%; float: none; height: auto; position: static;}
    .fzgh_imglist ul li.num1{ height: auto;}
    .fzgh_imglist ul li.num3{ height: auto;}
    .fzgh_imglist ul li.num4{width: 100%; height:auto;}
    .fzgh_imglist ul li::before,.fzgh_imglist ul li::after{display: none;}
    .gklist{padding: 0 10px 10px;}

    .fzgh-link li{width: 48%;margin: 5px 1% !important;}
    .fzgh-link li a{font-size: 24px;height: 60px;line-height: 60px;}
}
@media only screen and (max-width:640px) {
    .ls-flash-jz .flash-pic .img{height:320px;}
}
@media only screen and (max-width:540px) {
    .ls-flash-jz .flash-pic .img{height:265px;}
}
@media only screen and (max-width:450px) {
    .ls-flash-jz .flash-pic .img{height:220px;}
}
@media only screen and (max-width:375px) {
    .ls-flash-jz .flash-pic .img{height:190px;}
}