body{font:14px/1.5 Microsoft YaHei,helvetica,arial;-webkit-transition: 0.5s;transition: 0.5s;}
a{color:#333;text-decoration:none;outline:medium none;}
a:link,a:visited{text-decoration:none}
a:hover{text-decoration:none;color: #000}
img{max-width:100%}
img,li{vertical-align:top;border:0}
.clear{clear:both;line-height:0;font-size:0;width:0;height:0}
ul{list-style-type:none}
dd,dt,h5,img,li,ul{margin:0;padding:0}
b,body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,img,input,li,p,pre,td,ul{margin:0 auto;padding:0}
body,td,th{font:14px/1.5 Microsoft YaHei,helvetica,arial}
input{font:14px/1.5 Microsoft YaHei,helvetica,arial}
.no-padding {padding:0px;}

/*轮播*/
#pro_bg{background:#8ab660; padding-top:50px;}
.nproductshow .n-product-item{margin-bottom:30px;background-color:#fff;box-shadow:0 0 15px #c9d2e8; text-align:center;}
.nproductshow .n-product-item img{max-width:100%;}
.nproductshow span{display:block;padding:5px 0;text-align:center;font-size:16px}

@media (min-width:1200px) and (max-width:1920px) {
    .nproductshow span {
        height: 78px
    }

    .nproductshow .n-product-item img {
        max-width: 100%;
        height: 200px;
        width: auto;
    }
}
@media (min-width:1024px) and (max-width:1200px) {
    .nproductshow span {
        height: 78px
    }

    .nproductshow .n-product-item img {
        max-width: 100%;
        height: 160px;
        width: auto;
    }
}
@media (min-width:768px) and (max-width:1024px) {
    .nproductshow span {
        height: 78px
    }

    .nproductshow .n-product-item img {
        max-width: 100%;
        height: 160px;
        width: auto;
    }
}
@media (max-width:767px){.nproductshow span{font-size:14px;height:47px}
.nproductshow .n-product-item img{max-width:100%; height:133px; width:auto;}
}

#snbc_frame1{background:url(../images/snbc_2.jpg) repeat-y center bottom; padding-top:80px; padding-bottom:150px; }
#snbc_frame1 .container{width:90%;}
#snbc_frame1 .tit p{background:#fcc5a1; width:450px; display:block; margin:0 auto; border-radius:30px;}
#snbc_frame1 .tit b{background:#c35b82; width:430px; display:block; margin-left:0px; text-align:center; border-radius:30px; font-size:30px; color:#fff; font-weight:normal; line-height:2em;}
#snbc_frame1 .list{ margin-top:55px;}
#snbc_frame1 .list span{ display:block; margin:0 auto; background:#fff; color:#7fbe25; font-size:24px; width:80px; height:80px; line-height:40px; text-align:center; border-radius:50% 50% 0px 0px;}
#snbc_frame1 .list p{border:solid 1px #FFF;display:block; color:#fff; margin-top:-40px;  background:#f1958d; padding:20px; min-height:210px; font-size:16px; line-height:24px;}

#snbc_frame1 .list:nth-child(odd) p{background:#619e11}

#snbc_frame2 .titbg{background:url(../images/snbc_4.jpg) no-repeat center top;padding-top:50px; min-height:125px;}
#snbc_frame2 .titbg .tit p{background:#fcc5a1; width:450px; display:block; margin:0 auto; border-radius:30px;}
#snbc_frame2 .titbg .tit b{background:#c35b82; width:430px; display:block; margin-left:0px; text-align:center; border-radius:30px; font-size:30px; color:#fff; font-weight:normal; line-height:2em;}
#snbc_frame2 .contentbg{background:url(../images/snbc_5.jpg) repeat-y center top; padding-top:50px;}
#snbc_frame2 .contentbg .list ul li{border:solid 1px #eaeaea; position:relative; margin-bottom:30px;}  
#snbc_frame2 .contentbg .list ul li img{display:block;}
#snbc_frame2 .contentbg .list ul li p{display:block;transform: scale(0.5, 0.5);opacity: 0;transition: transform 0.5s linear, opacity 0.5s linear; position:absolute; left:0px; top:0px; width:100%; height:100%; padding:60px 35px; background:rgba(30,85,132,0.5); font-size:16px; color:#fff; line-height:2em;}
#snbc_frame2 .contentbg .list ul li p span{display:block; font-size:25px; line-height:2em; color:#fff;}

#snbc_frame2 .contentbg .list ul li:hover p{display:block;opacity: 1;transform: scale(1, 1);}


#snbc_frame3{background:#00b88b url(../images/snbc_7.jpg) no-repeat center top; padding-bottom:100px; }

#snbc_frame3 .tit{ padding-top:120px; padding-bottom:80px;}
#snbc_frame3 .tit p{background:#fcc5a1; width:450px; display:block; margin:0 auto; border-radius:30px;}
#snbc_frame3 .tit b{background:#c35b82; width:430px; display:block; margin-left:0px; text-align:center; border-radius:30px; font-size:30px; color:#fff; font-weight:normal; line-height:2em;}
#snbc_frame3 .content{ padding-top:50px; padding-bottom:50px;}
#snbc_frame3 .content .pcp{ text-align:center;}
#snbc_frame3 .content .pcp img{ width:auto; height:auto; display:block;}
#snbc_frame3 .content .pcp h3{ display:block; font-size:20px; color:#fff; line-height:3em;}
#snbc_frame3 .content .pcp p{ display:block; font-size:16px; color:#fff; line-height:2em; padding:0px 55px;}
#snbc_frame3 .content .pcp em{ display:block; width:80px; height:3px; background:#fff; margin:15px auto;}
#snbc_frame3 .content.content2 .pcp:nth-child(even){ margin-top:80px;}

@media (min-width:1200px){
    #snbc_frame3 .container{ width:90%;}
#snbc_frame3 .content .pcp{ width:20%; text-align:center;}
}


@media (min-width:960px) and (max-width:1200px){
#snbc_frame3 .container{ width:90%;}
#snbc_frame3 .content .pcp{ width:20%; text-align:center;}
#snbc_frame3 .content .pcp h3{ display:block; font-size:20px; color:#fff; line-height:3em;}
#snbc_frame3 .content .pcp p{ display:block; font-size:14px; color:#fff; line-height:2em; padding:0px 0px;}
}
@media (min-width:1px) and (max-width:960px){
    #snbc_frame3 .content.content2 .pcp:nth-child(even) {
    margin-top:0px;
}
#snbc_frame3 .tit{ padding-top:60px; padding-bottom:60px;}
#snbc_frame3 .tit p{background:#fcc5a1;display:block;width:80%; border-radius:30px;}
#snbc_frame3 .tit b{background:#c35b82; display:block; width:95%; text-align:center; border-radius:30px; font-size:20px; color:#fff; font-weight:normal; line-height:2em;}

#snbc_frame3 .container{ width:100%;}
#snbc_frame3 .content{ padding-top:20px; padding-bottom:20px;}
#snbc_frame3 .content .pcp{ width:50%; text-align:center;}
#snbc_frame3 .content .pcp h3{ display:block; font-size:20px; color:#fff; line-height:3em;}
#snbc_frame3 .content .pcp p{ display:block; font-size:14px; color:#fff; line-height:2em; padding:0px 0px;}
}



#snbc_frame4{ background:url(../images/snbc_9.png) no-repeat center top; margin-top:-100px; padding-bottom:150px;}
#snbc_frame4 .tit{ padding-top:60px; padding-bottom:60px;}
#snbc_frame4 .tit p{background:#fcc5a1; width:450px; display:block; margin:0 auto; border-radius:30px;}
#snbc_frame4 .tit b{background:#c35b82; width:430px; display:block; margin-left:0px; text-align:center; border-radius:30px; font-size:30px; color:#fff; font-weight:normal; line-height:2em;}
#snbc_frame4 .tit span{display:block; font-size:20px; color:#fff; line-height:3em; text-align:center;}
#snbc_frame4 .content ul li{padding:0px; margin:0px; margin-left:-5px;position:relative;}
#snbc_frame4 .content ul li:first-child{width:38%;}
#snbc_frame4 .content ul li:nth-child(2){width:23%;}
#snbc_frame4 .content ul li:last-child{width:38%;}

#snbc_frame4 .content ul{margin-bottom:100px;}
#snbc_frame4 .content ul li .snbctext{background:#f6ab00;display:block; height:146px; overflow:hidden;} 
#snbc_frame4 .content ul li img.vsclass{height:146px;}
#snbc_frame4 .content ul li .snbctext img{position:absolute; left:40px; top:-50px; z-index:999; display:none;}
#snbc_frame4 .content ul li .snbctext p{display:block;font-size:14px; color:#fff; line-height:2em; padding:45px;}
#snbc_frame4 .content ul li .snbctext2 p{color:#000;}
#snbc_frame4 .content ul li:last-child .snbctext{background:#dadada;display:block;}
@media (min-width:1400px) and (max-width:1500px)
{#snbc_frame4 .content ul li .snbctext p{display:block;font-size:14px; color:#fff; line-height:2em; padding:20px 45px;}
    #snbc_frame4 .container {
        width: 90%;
    }
}
@media (min-width:1200px) and (max-width:1400px)
{
   #snbc_frame4 .content ul li .snbctext p{display:block;font-size:14px; color:#fff; line-height:2em; padding:20px;}
    #snbc_frame4 .container {
        width: 90%;
    }
}

@media (min-width:960px) and (max-width:1200px)
{ #snbc_frame4 .content ul li .snbctext p{display:block;font-size:14px; color:#fff; line-height:2em; padding:20px;}
    #snbc_frame4 .content ul li .snbctext img{width:40px;}
    #snbc_frame4 .container {
        width: 90%;
    }
}


@media (min-width:1200px){
    #snbc_frame4 .container{ width:90%;}
}
#snbc_frame4 .pnk_img{ margin-bottom:30px;}
#snbc_frame4 .pnk_img img{border:solid 1px #fff;}

#snbc_frame4  #contrast{ margin-top: 50px;}
#snbc_frame4  #contrast .ipto{ width: 100%; float: left; height: auto; color: #fff; margin-bottom: 40px;}
#snbc_frame4  #contrast .ipto .ipti{ width: 50%; float: left; background: #286cdb; height: 127px; padding: 15px; font-size: 16px; position: relative;}
#snbc_frame4  #contrast .ipto .ipti b{ display: block; color: #fff; padding-left: 30%; padding-top: 15px; margin-bottom: 10px;}
#snbc_frame4  #contrast .ipto .ipti strong{ display: block; color: #fff; padding-left: 30%; font-weight: normal; font-weight: inherit;}
#snbc_frame4  #contrast .ipto .ipti img{ padding-top: 7px;}
#snbc_frame4  #contrast .ipto .iptz{ width: 50%; float: left; background: #f6ab00; height: 127px; padding:20px 15px; font-size: 14px; line-height: 24px;}
#snbc_frame4  #contrast .ipto .ipti:before{ content: ""; width: 10px; height: 10px; background: #fff; position: absolute; z-index:999; right: -10px; top: calc(50% - 10px); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; }

@media screen and (min-width:1px) and (max-width:991px) 
{
    #snbc_frame4  #contrast .ipto .ipti{ width: 100%; height: auto; text-align: center;}
    #snbc_frame4  #contrast .ipto .ipti b{ padding: 0;}
    #snbc_frame4  #contrast .ipto .ipti strong{ padding: 0;}
    #snbc_frame4  #contrast .ipto .iptz{ width: 100%; height: auto;}
}
@media (min-width:960px) {
    #snbc_frame4 .ppj_img {
        width: 20%;
    }
}
@media (min-width:1px) and (max-width:960px){
#snbc_frame4 .container {width: 100%; }
#snbc_frame4 .tit{ padding-top:60px; padding-bottom:0px;}
#snbc_frame4 .tit p{background:#fcc5a1; width:80%; display:block; margin:0 auto; border-radius:30px;}
#snbc_frame4 .tit b{background:#c35b82; width:95%; display:block; margin-left:0px; text-align:center; border-radius:30px; font-size:20px; color:#fff; font-weight:normal; line-height:2em;}
#snbc_frame4 .content ul{margin-bottom:30px;}
#snbc_frame4 .content ul li{margin:0px;}
#snbc_frame4 .content ul li:first-child{width:100%;}
#snbc_frame4 .content ul li:nth-child(2){width:100%;}
#snbc_frame4 .content ul li:last-child{width:100%;}
#snbc_frame4 .content ul li .snbctext{ height:130px; overflow:hidden;} 
#snbc_frame4 .content ul li img.vsclass{width:100%; height:auto;}
#snbc_frame4 .content ul li .snbctext p{display:block;font-size:12px; color:#fff; line-height:2em; padding:20px;}
#snbc_frame4 .pnk_img{ margin-top:30px; margin-bottom:0px;}
#snbc_frame4 .pnk_img img{border:solid 1px #fff; height:133px;}
#snbc_frame4 .ppj_img{ margin-top:30px;}
#snbc_frame4 .ppj_img img{border:solid 1px #fff;}
#snbc_frame4  #contrast .ipto .ipti b{ display: block; color: #fff; padding-top: 15px; font-size:14px; margin-bottom: 10px;}
#snbc_frame4  #contrast .ipto .ipti strong{ display: block; color: #fff; font-weight: normal; font-weight: inherit;}
}


#snbc_frame5{background:#ff8fa7; padding-bottom:150px;}
#snbc_frame5 .tit{ padding-top:60px; padding-bottom:60px;}
#snbc_frame5 .tit p{ display:block;}
#snbc_frame5 .tit b{ display:block; font-size:30px; color:#fff; font-weight:normal; line-height:2em;}
#snbc_frame5 .tit span{display:block; font-size:20px; color:#fff; line-height:3em; }

@media (min-width:960px) {
    #snbc_frame5 .container{ width:90%;}
    #snbc_frame5 .dglist{width:11%;}
}

#snbc_frame5 .dglist .dgText{background:url(../images/dgText1.png) no-repeat center top; background-size:cover; min-height:304px; position:relative;}
#snbc_frame5 .dglist .dgText p{ display:block; padding:25px 20px; color:#fff; font-size:14px; line-height:2em;}
#snbc_frame5 .dglist:first-child .dgText{background-image:url(../images/dgText1.png);}
#snbc_frame5 .dglist:nth-child(3) .dgText{background-image:url(../images/dgText2.png);}
#snbc_frame5 .dglist:nth-child(4) .dgText{background-image:url(../images/dgText3.png);}
#snbc_frame5 .dglist:nth-child(5) .dgText{background-image:url(../images/dgText1.png);}
#snbc_frame5 .dglist:nth-child(6) .dgText{background-image:url(../images/dgText2.png);}
#snbc_frame5 .dglist:nth-child(7) .dgText{background-image:url(../images/dgText3.png);}
#snbc_frame5 .dglist:nth-child(8) .dgText{background-image:url(../images/dgText1.png);}
#snbc_frame5 .dglist:nth-child(9) .dgText{background-image:url(../images/dgText2.png);}
#snbc_frame5 .dglist:nth-child(10) .dgText{background-image:url(../images/dgText3.png);}

#snbc_frame5 .dglist .dgNum span{width:80px; height:80px; display:block; margin:0 auto; border-radius:50%; background:#90c31f; font-size:25px; color:#fff; line-height:80px; text-align:center;}
#snbc_frame5 .dglist .dgNum p{ display:block; padding:0px 20px; color:#fff; font-size:16px; line-height:2em; text-align:center;}




#frame_process{background:#fff; padding-top:80px; padding-bottom:80px;}
.process_img{ padding-top:115px;}
.process_c{background:url(../images/process_tree.png) no-repeat;padding:115px 0px;background-position:140px 125px;}
.process_c > p{font-size:22.67px;margin-bottom:5px;}
.process_b{font-size:56.61px !important;font-weight:lighter;margin-bottom:25px !important;}






/*进入产品展示中心*/
#frame_pro{height:275px;background:url(../images/bg_pro.jpg) no-repeat;padding:0px}
#frame_pro>a{font-size:46.67px;color:#fff;font-weight:bold;float:right;margin:45px 190px 0px 0px}


@media (min-width:1px) and (max-width:960px)
{.process_img{ padding-top:0px;}
 .process_c{ padding:20px 0px;}
#snbc_frame5{background:#ff8fa7; padding-bottom:120px;}
#snbc_frame5 .tit b{ display:block; font-size:20px; color:#fff; font-weight:normal; line-height:2em;}
#snbc_frame5 .tit span{display:block; font-size:16px; color:#fff; line-height:3em; }
#snbc_frame5 .dglist .dgText{ background-size:100% 100%; min-height:204px; position:relative;}
.process_b{font-size:30px !important;font-weight:lighter;margin-bottom:25px !important;}
#frame_pro>a{font-size:30px;color:#fff;font-weight:bold;float:right;margin:45px 10px 0px 0px}
}