body{
    background: #fff;
}
@font-face{
    font-family:swcfont;
    src: url(../css/font/swc.TTF);
}

.width1500{
    width: 1500px;
    margin: 0 auto;
}
.shadowhover{
    transition: all 0.4s linear;
}
.shadowhover:hover{
    box-shadow: 5px 5px 10px #999;
}
/* 头部 */

/*内容  */
.container01{
    width: 100%;
}
/* banner */
.swc_banner{
    width: 100%;
}
.slideBox{ width:100%; height:540px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:540px; display:block;  }
.swc_pn{
    height: 68px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.slideBox .prev,
.slideBox .next{
    display:inline-block;
    width: 51px;
    height: 68px;
 
}
.slideBox .prev{
    background: url(../images/tfgjswc/left.png)no-repeat;
    float: left;
}
.slideBox .next{
    background: url(../images/tfgjswc/right.png)no-repeat;
    float: right;
}
/* 简介 */
.swc_jj{
    margin-top:60px ;
    background:url(../images/tfgjswc/bg_01.png)no-repeat ;
    background-position: right 20px;
    overflow: hidden;
}
.swc_tit{
    font-size: 0;
    position: relative;
    top: -160px;
}
.tit_l{
    font-size: 20px;
font-family: Microsoft YaHei Bold, Microsoft YaHei Bold-Bold;
font-weight: 700;
float: left;

}
.tit_r{
    float: left;
    line-height: 36px;
    margin-left:31px ;
    /* width: 100%; */
}
.tit_r01{
    width: 100%;
    margin-left: 0;
}
.titr02{
    width: 100%;
    margin-left: 29px;
}
.tit_r span{
    font-size: 48px;
    font-family: swcfont;
    font-weight: 400;
}
.tit_r p{
    font-size: 30px;
    font-family: swcfont;
    font-weight: 400;
}
.tit_r p font{
    font-size: 48px; 
}

.jj_tit_l{
     padding-bottom:25px;
     border-bottom:1px solid #0c0c0c ;
}
.jj_conts{
min-height: 480px;
overflow: hidden;
}
.jj_img{
    margin-top:62px;
    width: 10px;
    height: 313px;
    float: left;
    transition: all .8s;
}
.jj_img.on{
    /* transform: rotate(360deg); */
    width: 510px;
}
.jj_img img{
width: 100%;
height: 100%;    
}
.jj_cont{
    float: right;
    width: 865px;
    margin-top: 45px;
    margin-right:81px ;
    position: relative;
    right: -1000px;
}
.jj_cont p{
    font-size: 18px;
    font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
    font-weight: 400;
    text-align: left;
    color: #000000;
    line-height: 48px;
    text-indent: 2em;
}
.swc_more{
    display: block;
    float: right;
    width: 145px;
    height: 46px;
    border: 1px solid #000000;
    font-size: 16px;
    font-family: Arial Regular;
    font-weight: 400;
    text-align: center;
    line-height: 46px;
    color: #000;
}
.swc_more:hover{
    color: #154cbc;
}
/* 规划 */
.swc_gh{
    width: 100%;
    margin-top:30px ;
    overflow: hidden;
    padding-top:20px;
}
.swc_gh_box{

}
.swc_tit01{
    width:500px;
    margin: 0 auto;
    position: relative;
    min-height: 100px;
    top: -200px;
    text-align: center;
}
.swc_tit01::before{
    content: "";
    width: 1000px;
    position: absolute;
    height: 1px;
    background: #0c0c0c;
    left: -860px;
    top: 45px;
}
.swc_tit01::after{
    content: "";
    width: 1000px;
    position: absolute;
    height: 1px;
    background: #0c0c0c;
    right:-860px;
    top: 45px;
}

.gh_conts{
    height:597px;
    margin-top:55px;
}
.gh_left{
    float: left;
}
.gh_left img{
    width: 10%;
    transition: all .8s;
}
.gh_left img.on{
    width: 100%;
}
.gh_right{
    float: left;
    margin-left:45px ;
    position: relative;
    width: 838px;
    right: -2000px;
}
.gh_img{
    
}
.gh_right img{
    margin-right:45px;
    height: 180px;
}
.gh_cont{
    margin-top:36px;
}
.gh_cont P{
    font-size: 18px;
    font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
    font-weight: 400;
    text-align: left;
    color: #000000;
    line-height: 48px;
    text-indent: 2em;
}

/* 产业社区 */
.swc_cysq{
    width: 100%;
    margin-top:60px ;
    overflow: hidden;
    padding-top:20px;
}
.swc_cysq .swc_tit01::after{
    right: -918px;
}
.cysq_box{

}
.cysq_box p{
    line-height: 48px;
    text-indent: 2em;
    font-size: 18px;
}
.cysq_jj{
    width: 88%;
    margin: 0 auto;
    margin-top:63px;
    opacity: 0;
}
.cysq_jj p{
    font-size: 18px;
    font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
    font-weight: 400;
    text-align: left;
    color: #000000;
    line-height: 48px;
    text-indent: 2em;
}
.cysq_jj .swc_more{
    margin-top:20px;
}
.cysq_ghbj{
    /* overflow: hidden; */
    width: 100%;
    margin-top:30px ;
}
.tab_ul{
    float: left;  
    font-size: 0;  
    width: 370px;
    position: relative;
    left: -1000px;
}
.tab_ul li{
    width: 100%;
}
.tab_ul li img{
    cursor: pointer;
}
.tab_ul li img:hover{
    transform: scale(1.2);
}
.tab_ul li.first{
    background: url(../images/tfgjswc/ghbjbg.png) no-repeat 0 0;
    float: left;
}
.tab_ul li.second{
    background: url(../images/tfgjswc/jsjzbg.png) no-repeat -17px 0;
    float: right;
}
.tab_ul li.second img{
    float: right;
    margin-right: 17px;
}

.tab_ul li.third{
    background: url(../images/tfgjswc/cyptbg.png) no-repeat 0 0;
    float: left;
}
.tab_ul li.third img{
    margin-left: 10px;
}
.tab_ul li.fourth{
    background: url(../images/tfgjswc/shptbg.png) no-repeat 0 0;
    float: right;
}
.tab_ul li.fourth img{
    float: right;
    margin-top: 16px;
}
.tab_boxs{
    float: right;
    width: 988px;
    margin-top:30px ;
}
.tab_boxs img{
    opacity: 0;
}
.tab_boxs div+div{
    display: none;
}
/*重点项目  */
.swc_zdxm{
    width: 100%;
    height: 525px;
    background: #f2f2f2;
    margin-top: 45px;
    padding:40px 0;
}
.zdxm_tit{
    width: 450px;
    height: 420px;
    border-right:1px solid #000000;
    float: left;
}
.zdxm_tit_l{
    width: 240px;
    font-size: 20px;
    font-family: Microsoft YaHei Bold, Microsoft YaHei Bold-Bold;
    font-weight: 700;
    float: left;
    padding-bottom: 25px;
    border-bottom: 1px solid #0c0c0c;
    text-align: right;
}
.zdxm_tit_r{
    float: left;
    margin-left: 27px;
}
.zdxm_tit_r p{
    font-size: 20px;
font-family: Microsoft YaHei Bold, Microsoft YaHei Bold-Bold;
font-weight: 700;
text-align: left;
color: #000000;
line-height: 36px;
}
.zdxm_tit_r .swc_more{
    margin-top:54px;
    background: #fff;
}
.zdxm_cont{
    float: left;
    width: 1050px;
    /* padding-top:20px; */
    /* padding-left: 70px; */
}
.picMarquee-left{ overflow:hidden; position:relative;}
.picMarquee-left .bd{padding:0px 10px;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 37px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:328px; height:184px; display:block; padding:2px;}
/* .picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  } */
.picMarquee-left .bd ul li .title{
     font-size: 20px;
    font-family: Microsoft YaHei Bold, Microsoft YaHei Bold-Bold;
    font-weight: 700;
    text-align: left;
    color: #000000;
    line-height: 36px; 
    text-align: center;
    margin-top:30px ;
}
.picMarquee-left .bd ul li .title a{
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.picMarquee-left .bd>a{
    display: block;
    float: left;
    width: 17%;
    height: 100px;
    margin: 0px 4% 50px;
}
.picMarquee-left .bd>a>img{
    width: 100%;
    /* height: 78px; */
    height:100%;
    border: 1px dotted #000;
}
.picMarquee-left .bd>a>p{
    width: 100%;
    line-height: 36px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #3e558a;
    margin: 0;
}
@media (max-width: 1366px) {
    .width1500 {width: 1200px;}
    .jj_img{
        width: 30%;
        height: 220px;
    }
    .jj_cont{
        width: 57%;
        margin-right:0;
        padding: 0 20px;
    }
    .gh_left{
        width: 30%;
    }    
    .gh_left img{
        height: 500px;
    }
    .gh_right{
        width: 66%;
    }
    .gh_right img{
        margin: 0;
    }
    .gh_right img:first-child{
        margin-right: 45px;
    }
    .gh_cont P{
        line-height: 36px;
    }
    .swc_cysq{
        margin-top:0 ;
    }
    .tab_ul {
        width: 25%;
    }
    .tab_boxs{
        width: 68%;
    }
    .zdxm_t{
        width: 400px;
    }
    .zdxm_cont{
        width: 740px;
    }

    


    
}
@media (max-width: 768px) {
    .width1500 {width: 100%;}
    .slideBox{
        height: 300px;
    }
    .slideBox .bd img{
        height: 300px;
    }
    .jj_tit{
        padding: 0 5px;
    }
   .jj_tit_r{
        float: right;
        margin-top: 30px;
    }
    .jj_img{
        width: 100%;
        height: auto;
    }
    .jj_cont{
        width: 100%;
        margin: 0;
        margin-top: 20px;
        padding: 0 10px;
    }
    .jj_cont p{
        line-height: 36px;
    }
    .swc_tit01{
        width: 100%;
        padding: 0 5px;
    }
    .swc_tit01::after{
        display: none;
    }
    .swc_tit01 .tit_r{
        float: right;
        margin-top:30px ;
    }
    .gh_conts{
        height: auto;
        overflow: hidden;
    }
    .gh_right{
        float: none;
        width: 100%;
        margin: 0;
    }
    .gh_img{
        text-align: center;
        padding: 0 10px;
    }
    .gh_img img{
        margin: 20px 0;
    }
    .gh_cont{
        margin-top:70px;
        padding: 0 10px;
    }
    .gh_cont p{
        line-height: 36px;
    }
    .tab_ul{
        padding: 0 10px;
        width: 100%;
    }
    .tab_boxs{
        width: 100%;
    }
    .swc_zdxm{
        height: auto;
    }
    .zdxm_tit{
        width: 100%;
        height: auto;
        border: none;
        padding-right: 20px;
    }
    .zdxm_tit_r{
        float: right;
    }
    .zdxm_cont{
        width: 100%;
        padding-left: 0;
    }
}