body{
    margin:0;
    padding:0;
    font-family: "Microsoft YaHei";
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 500;
    color: #000;
}
.slideBox{
    height:auto;
}
.pr_banner {
    height: auto;
}
#slideBox .pr_banner img{
    width: 100%;
}
#slideBox .pr_banner li h2{
    font-size: 36px;
    color: #fff;
    padding-top: 150px;
}
#slideBox .pr_banner li p{
    color: #fff;
    font-size: 20px;
    width: 578px;
    line-height: 34px;
    margin-top: 20px;
}
.pr_tab{
    width: 100%;
    top: auto;
    z-index: 2;
    background: #f7f7f7;
    padding: 20px 0;
    line-height: 48px;
    height: 48px;
}
.pr_tab .web_wrap {
    background: #fff;
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
}
.clearfix {
    zoom: 1;
    clear: both;
}
.pr_tab li {
    list-style: none;
    float: left;
    width: 14.20%;
    padding: 0;
    text-align: center;
    border-left-color: #EEE;
}
.pr_tab ul{
    height: 48px;
    margin:0;
    padding:0;
}
.pr_tab li a{
    text-decoration: none;
    color:#000;
    font-size:16px;
    cursor: pointer;
    width:100%;
    display: block;
    height:48px;
    line-height:48px;
}
/*        #pr_subNav .web_wrap li:hover,#pr_subNav .web_wrap li:focus,#pr_subNav .web_wrap li a:hover,#pr_subNav .web_wrap li a:focus{
            background: #97c740;
            color:#fff;
        }*/
#pr_subNav .web_wrap .adv_active{
    background: #97c740;
    color:#fff;
}
#pr_subNav .web_wrap .adv_active a{
    background: #97c740;
    color:#fff;
}
.title h1{
    font-size: 30px;
    color: #333333;
    height:30px;
    line-height: 30px;
    text-align: center;
    margin:0;
    font-weight: normal;
}
.title p{
    font-size: 16px;
    color: #666666;
    line-height: 32px;
    text-align: center;
    margin:35px auto;
}
#show_Introduction{
    background: #FFFFFF;
    width:100%;
    height:640px;
    position: relative;
    overflow: hidden;
}
#show_Introduction .show_Introduction_title{
    margin:45px auto;
}
#show_Introduction .show_Introduction_content{
    overflow: hidden;
    width:1202px;
    margin:0 auto;
}
#show_Introduction .show_Introduction_content  .box {
    position: relative;
    height: 422px;
    overflow: hidden;
    width:1200px;
    margin:20px auto;
}
#show_Introduction .show_Introduction_content .box .cell {
    position: absolute;
    background-color: #fff;
    transition-duration: .3s;
    width:40%;
    overflow: hidden;
    height:422px;
}
#show_Introduction .show_Introduction_content  .box .cell-1 {
    left:0;
    border-right: none;
}
#show_Introduction .show_Introduction_content  .box .cell-2 {
    left:40%;
    border-right: none;
}
#show_Introduction .show_Introduction_content  .box .cell-3 {
    left:60%;
    border-right: none;
}
#show_Introduction .show_Introduction_content  .box .cell-4 {
    left:80%;
}
#show_Introduction .show_Introduction_content  .box .cell .mo .small {
    display: block;
    width: 49.75%;
    position: relative;
    height: 420px;
    border: 1px solid #f1f1f1;
}
#show_Introduction .show_Introduction_content  .box .cell-1 .mo .small {
    display: none;
}
#show_Introduction .show_Introduction_content  .box .cell .mo .small>div {
    padding: 20px 10px 20px 20px;
}
#show_Introduction .show_Introduction_content   .box .cell .mo h1 {
    font-size: 20px;
    color: #666666;
    margin:0 0 10px 0;
}
#show_Introduction .show_Introduction_content   .box .cell .mo .small>div p {
    color: #666;
    font-size: 13px;
    line-height: 26px;
}
#show_Introduction  .show_Introduction_content  .box .cell .mo .big {
    display: none;
    background: #F7FCFF;
    width: 99.5%;
    height: 420px;
    border: 1px solid #1386C5;
}
#show_Introduction  .show_Introduction_content  .box .cell-1 .mo .big {
    display: block;
}
#show_Introduction  .show_Introduction_content .box .cell .mo .big>div {
    padding: 20px 10px 20px 20px;
    font-size: 13px;
    color: #666666;
    line-height: 26px;
}

#show_Introduction .show_Introduction_content .box .cell .mo .small img {
    width:88px;
    height:88px;
    position: absolute;
    left:76px;
    bottom:30px;
}

#show_Rectification{
    background: #FAFAFA;
    width:100%;
    height:530px;
    position: relative;
    margin:0 auto;
    overflow: hidden;
}
#show_Rectification .show_Rectification_title{
    margin-top:45px;
}
#show_Rectification .process{
    margin:69px auto;
    width:1200px;
    height:300px;
}
#show_Rectification .process h2{
    font-size: 20px;
    color: #FFFFFF;
    position: absolute;
    left:60px;
    margin:0;
    height:70px;
    line-height: 70px;
}
#show_Rectification .process p{
    position: absolute;
    top:96px;
    font-size: 13px;
    color: #888888;
    line-height: 26px;
    width:208px;
}
#show_Rectification .process .pro{
    width:240px;
    height:300px;
    float: left;
}
#show_Rectification .process .pro1{
    background: url(http://download.sangfor.com.cn/Uploads/Pictures/20170704/pro_01.png) no-repeat;
    position: relative;
}
#show_Rectification .process .pro2{
    background: url(http://download.sangfor.com.cn/Uploads/Pictures/20170704/pro_02.png) no-repeat;
    position: relative;
}
#show_Rectification .process .pro3{
    background: url(http://download.sangfor.com.cn/Uploads/Pictures/20170704/pro_03.png) no-repeat;
    position: relative;
}
#show_Rectification .process .pro4{
    background: url(http://download.sangfor.com.cn/Uploads/Pictures/20170704/pro_04.png) no-repeat;
    position: relative;
}
#show_Rectification .process .pro5{
    background: url(http://download.sangfor.com.cn/Uploads/Pictures/20170704/pro_05.png) no-repeat;
    position: relative;
}
#show_Implementation{
    width:100%;
    height:760px;
    background: #FFFFFF;
    padding-top:45px;
    margin:0 auto;
}
#show_Implementation .show_Rectification_title{
    width:1200px;
    margin:0 auto;
}
#show_Implementation .show_Rectification_title p{
    text-align: left;
}
#show_Implementation .step_content ul{
    background: url(http://download.sangfor.com.cn/Uploads/Pictures/20170704/implementation_background.png) no-repeat;
    position: relative;
    width: 1200px;
    height:589px;
    margin:55px auto;
}
#show_Implementation .step_content .step{
    width:416px;
    height:197px;
    list-style: none;
}
#show_Implementation .step_content .step h3{
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin:  30px 0 10px 0;
}
#show_Implementation .step_content .step p{
    width:273px;
    font-size: 13px;
    color: #fff;
    line-height: 26px;
    margin:0 auto;
}
#show_Implementation .step_content .step1{
    left:86px;
    position: absolute;
}
#show_Implementation .step_content .step2{
    left:392px;
    top:106px;
    position: absolute;
}
#show_Implementation .step_content .step p{
    width:260px;
}
#show_Implementation .step_content .step3{
    left:698px;
    position: absolute;
}
#show_Implementation .step_content .step4{
    left:86px;
    top:416px;
    position: absolute;
}
#show_Implementation .step_content .step5{
    left:398px;
    top:306px;
    position: absolute;
}
#show_Implementation .step_content .step6{
    left:698px;
    top:416px;
    position: absolute;
}
#show_Design {
    background: #FAFAFA;
    width:100%;
    height:912px;
    overflow: hidden;
}
#show_Design .show_Design_title{
    margin-top:45px;
}
#show_Design .show_Design_title p{
    width:1200px;
    text-align: left;
}
#show_Design .design_content{
    width:1200px;
    margin:35px auto;
    overflow: hidden;
}

#show_Design .design_content .img{
    width:954px;
    height:669px;
    text-align: center;
    margin: 0 auto;
}

#show_Advantage{
    width: 100%;
    height:560px;
    background-color: #fff;
    overflow: hidden;
}
#show_Advantage .show_Advantage_title{
    margin-top:45px;
}
#show_Advantage .show_Advantage_title p{
    width:1200px;
    text-align: left;
    margin-bottom: 0;
}
#show_Advantage .advantage_content{
    width:1200px;
    margin:0 auto;
    overflow: hidden;
}
#show_Advantage .advantage_content ul{
    display: block;
    width:1200px;
    overflow: hidden;
    margin:0;
}
#show_Advantage .advantage_content .ad{
    list-style: none;
    float: left;
    width:440px;
    height:110px;
    display: inline-block;
    position: relative;
}
#show_Advantage .advantage_content .ad1{
    margin:43px 254px 50px 0;
}
#show_Advantage .advantage_content .ad2{
    margin:43px 0 50px 0;
}
#show_Advantage .advantage_content .ad3{
    margin:0 254px 2px 0;
}
#show_Advantage .advantage_content .ad4{
    margin:0 0 2px 0;
}
#show_Advantage .advantage_content .ad span{
    width: 110px;
    height: 110px;
    display: inline-block;
    position: relative;
    margin-right:30px;
}
#show_Advantage .advantage_content .ad1 span{
    background: url(http://download.sangfor.com.cn/Uploads/Pictures/20170704/a1_icon.png) no-repeat;
}
#show_Advantage .advantage_content .ad2 span{
    background: url(http://download.sangfor.com.cn/Uploads/Pictures/20170704/a2_icon.png) no-repeat;
}
#show_Advantage .advantage_content .ad3 span{
    background: url(http://download.sangfor.com.cn/Uploads/Pictures/20170704/a3_icon.png) no-repeat;
}
#show_Advantage .advantage_content .ad4 span{
    background: url(http://download.sangfor.com.cn/Uploads/Pictures/20170704/a4_icon.png) no-repeat;
}
#show_Advantage .advantage_content .ad h1{
    font-size: 20px;
    color: #666666;
    display: inline-block;
    position: absolute;
    margin: 11px 0 11px 0;
}
#show_Advantage .advantage_content .ad p{
    position: absolute;
    top:47px;
    font-size: 13px;
    color: #888888;
    line-height: 26px;
    display:inline-block;
    width:286px;
    height:52px;
    margin:0 0 11px 0;
    padding:0;
}
#show_Qualifications{
    width:100%;
    height:590px;
    background: #FAFAFA;
    overflow: hidden;
}
#show_Qualifications .show_Qualifications_title{
    margin-top:45px;
}
#show_Qualifications .show_Qualifications_title p{
    width:1200px;
    text-align: left;
    margin-bottom: 0;
}
.picScroll-left{
    overflow:hidden;
    position:relative;
    width:100%;
}
.picScroll-left .wrap{
    width:1200px;
    margin:70px auto;
}

.picScroll-left .bd{
    width:1120px;
    overflow:hidden;
    zoom:1;
    position: relative;
    margin: 0 auto;
}
.picScroll-left .bd ul{
    overflow:hidden;
    zoom:1;
}
.picScroll-left .bd ul li{
    float:left;
    _display:inline;
    overflow:hidden;
    text-align:center;
    margin-right:33px;
}
.picScroll-left .bd ul li .pic{
    text-align:center;
    position: relative;
}
.picScroll-left .bd ul li .pic img{
    width:240px;
    height:342px;
    display:block;
    background: rgba(0,0,0,0.00);
    border: 8px solid #FFFFFF;
}
.picScroll-left .bd ul li .pic a:hover img{
    border-color:#999;
}
.picScroll-left .bd ul li .title{
    line-height:24px;
}
.picScroll-left .hd{
    position: absolute;
    top:216px;
}
.picScroll-left .hd .prev,.picScroll-left .hd .next{
    display: block;
    width:26px;
    height:60px;
    position: absolute;
}
.picScroll-left .hd .prev{
    background:url("http://download.sangfor.com.cn/Uploads/Pictures/20170704/prev01.png")no-repeat;
    left:-12px;
}
.picScroll-left .hd .next{
    background:url("http://download.sangfor.com.cn/Uploads/Pictures/20170704/next01.png")no-repeat;
    left:1186px;
}
.picScroll-left .hd .prev:hover,.picScroll-left .hd .prev:focus,.picScroll-left .hd .prev:active{
    background:url("http://download.sangfor.com.cn/Uploads/Pictures/20170704/prev_active.png")no-repeat;
    left:-12px;
}
.picScroll-left .hd .next:hover,.picScroll-left .hd .next:focus,.picScroll-left .hd .next:active{
    background:url("http://download.sangfor.com.cn/Uploads/Pictures/20170704/next_active.png")no-repeat;
    left:1186px;
}
.picScroll-left .bd ul li .description{
    text-align:center;
    position: absolute;
    width:240px;
    height:80px;
    bottom:9px;
    background-color: rgba(0, 0, 0, 0.35);
    color:#fff;
    font-size: 15px;
}
.picScroll-left .bd ul li .description p+p{
    margin-top:10px;
}
.picScroll-left .bd ul li:hover > .description{
    height:150px;
    transition: height 0.5s;
    -moz-transition: height 0.5s;
    -webkit-transition: height 0.5s;
    -o-transition: height 0.5s;
}

.picScroll-left .bd ul li .description1{
    left:9px;
}
.picScroll-left .bd ul li .description2{
    left:297px;
}
.picScroll-left .bd ul li .description3{
    left:586px;
}
.picScroll-left .bd ul li .description4{
    left:875px;
}
.picScroll-left .bd ul li .description5{
    left:1163px;
}
.picScroll-left .bd ul li .description6{
    left:1453px;
}
.picScroll-left .bd ul li .description p{
    text-align: center;
    width:200px;
    margin:20px auto;
}
#show_Examples{
    background-color: #fff;
    width:100%;
    height:555px;
    overflow: hidden;
}
#show_Examples .show_Examples_title{
    margin-top:45px;
}
#show_Examples .show_Examples_content{
    width:1200px;
    margin:0 auto;
}
#show_Examples .show_Examples_content img{
    float:left;
}
.empty-placeholder{
    height:94px
}
.hidden {
    display: none !important;
}
.fixedSubNav{
    position:fixed;
    top:0;
    left:0;
    z-index: 1000;
}

#show_Design .design_content{
    position: relative;
}
#show_Design .design_content .img .warnInfo1{
    top: 119px;
    left: 634px;
    width: 120px;
    height: 12px;
    border: 2px solid red;
    position: ABSOLUTE;
}
#show_Design .design_content .img .warnInfo1 span{
    left: 275px;
    top: 100px;
    color: red;
    width: 285px;
    position: absolute;
    display: none;
    text-align: left;
    background-color: #fff;
    padding:10px 10px;
}
#show_Design .design_content .img .warnInfo1:hover > span{
    display: block;
}
#show_Design .design_content .img .warnInfo{
    width: 120px;
    height: 12px;
    border: 2px solid red;
    position: absolute;
}
#show_Design .design_content .img .warnInfo span{
    color: red;
    width: 285px;
    position: absolute;
    display: none;
    text-align: left;
    background-color: #fff;
    padding:10px 10px;
}

#show_Design .design_content .img .warnInfo1{
    top: 119px;
    left: 634px;
}
#show_Design .design_content .img .warnInfo1 span{
    left: 167px;
    top: 2px;
}
#show_Design .design_content .img .warnInfo1:hover > span{
    display: block;
}

#show_Design .design_content .img .warnInfo2{
    top: 272px;
    left: 723px;
}
#show_Design .design_content .img .warnInfo2 span{
    left: 167px;
    top: 2px;
}
#show_Design .design_content .img .warnInfo2:hover > span{
    display: block;
}

#show_Design .design_content .img .warnInfo3{
    top: 334px;
    left: 655px;
}
#show_Design .design_content .img .warnInfo3 span{
    left: 167px;
    top: 2px;
}
#show_Design .design_content .img .warnInfo3:hover > span{
    display: block;
}

#show_Design .design_content .img .warnInfo4{
    top: 119px;
    left: 464px;
}
#show_Design .design_content .img .warnInfo4 span{
    left: -314px;
    top: -91px;
}
#show_Design .design_content .img .warnInfo4:hover > span{
    display: block;
}

#show_Design .design_content .img .warnInfo5{
    top: 264px;
    left: 305px;
}
#show_Design .design_content .img .warnInfo5 span{
    left: -314px;
    top: -91px;
}
#show_Design .design_content .img .warnInfo5:hover > span{
    display: block;
}