@charset "utf-8";
/* CSS Document */


body{
    font-family: "Microsoft YaHei" ! important; 
}
.heder{
    background-color:#0a1a37;
    height:130px;
    overflow:hidden;
    width:100%;
    position:fixed;
    top:0;
    z-index:900;
}
ul{
    padding:0! important;
}
a:hover{
    text-decoration:none! important;
}
.lz-mian{
    padding:0 10%;
}
.heder .st-logo{
    height:100%;
}
.heder .st-logo img{
    max-height:120px;
}
.heder .sy-nav{
    overflow:hidden;
}
.heder .sy-nav ul li{
    float:left;
    font-size:16px;
    margin-right:35px;
    line-height:130px;

}
.heder .sy-nav ul li:last-child{
    margin-right:0;
}
.heder .sy-nav ul li:last-child a{
    margin:0 10px;
}
.heder .sy-nav ul li:last-child a.cur{
    color:#036dc1
}
.heder .sy-nav ul li a{
    color:#ffffff;
}
.heder .sy-nav ul li a.focus{
    color:#036dc1;
}
.sj-nav a{
    font-size:30px;
    color:#ffffff;
    margin-top:25px;
    display:none;
}

.sj-nav-ul{
    background-color:rgba(0, 0, 0, 0.7)! important;
    text-align:center;
  
}
.sj-nav-ul ul{
     padding:0! important;
}
.sj-nav-ul ul li{
   font-size:14px;
   color:#ffffff;
   line-height:40px;
   border-bottom:solid 1px #f5f5f5;
   width:90%;
   margin:10px auto; 
}
.sj-nav-ul ul li a{
    color:#ffffff;
}
.uk-offcanvas-bar{
    background:#0a1a37! important;
}
.sj-nav-ul ul li:last-child a{
    margin:0 10px;
}
.sj-nav-ul ul li:last-child a.cur{
    color:#036dc1
}
.section{
    position:relative;
}
/*首页*/
.st-tow{
    background:url(../images/jy-sybl1.png) no-repeat center center;
    background-size: 100% 100%;
}
.sy-products {
    position:relative;
}
.sy-products .h3{
    font-size:27px;
    color:#ffffff;
    text-align:center;
   font-weight:bold;
       margin-top:-10%;
}
.sy-products .products-pic{
    position:relative;
    text-align:center;

}
.sy-products .products-pic p{
   font-size:22px;
   color:#f6f6f6;
   position:absolute;
   top:45%;
   left:50%;
   width:140px;
   margin-left:-70px;
}
.sy-products ul li{
    /*clear:left;*/
   /*overflow:hidden;*/
   position:absolute;
}
.sy-products ul li .div-pic{
    width:160px;
    height:160px;
    border-radius:50%;
    /*overflow:hidden;*/
    margin:0 auto;
    background-color:#ffffff;
}
.sy-products ul li .div-pic img{
    width:160px;
    height:160px;
    border-radius:50%;
    transition:all 0.5s ease
}
.sy-products ul li .div-tet{
    font-size:18px;
    color:#ffffff;
    /*line-height:160px;*/
    height:160px;
    width:150px;
    padding-top:70px;
}
.sy-products ul li:hover .div-tet{
    /*color:#036dc1;*/
}
.sy-products ul li:nth-child(1){
    top:10%;
    left:50%;
   margin-left:-690px;

}
.sy-products ul li:nth-child(1) .div-pic{
     float:right;
     
}
.sy-products ul li:nth-child(1) .div-tet{
    float:right;
    margin-right:20px;
}
.sy-products ul li:nth-child(2){
    top:50%;
    left:50%;
   margin-left:-660px;

}
.sy-products ul li:nth-child(2) .div-pic{
     float:right;
}
.sy-products ul li:nth-child(2) .div-tet{
    float:right;
    margin-right:20px;
}
.sy-products ul li:nth-child(3){
    top:82%;
    left:50%;
   margin-left:-499px;

}
.sy-products ul li:nth-child(3) .div-pic{
     float:right;
}
.sy-products ul li:nth-child(3) .div-tet{
    float:right;
    margin-right:20px;
    text-align:right;
}
.sy-products ul li:nth-child(4){
    top:98%;
    left:50%;
   margin-left:-86px;
   text-align:center;
}
.sy-products ul li:nth-child(4) .div-tet{
    line-height:20px;
      padding-top:30px;
}
.sy-products ul li:nth-child(5){
    top:82%;
    left:50%;
   margin-left:150px;

}
.sy-products ul li:nth-child(5) .div-pic{
     float:left;
}
.sy-products ul li:nth-child(5) .div-tet{
    float:left;
    margin-left:20px;
}

.sy-products ul li:nth-child(6){
    top:50%;
    left:50%;
     margin-left:280px;

}
.sy-products ul li:nth-child(6) .div-pic{
     float:left;
}
.sy-products ul li:nth-child(6) .div-tet{
     float:left;
    margin-left:20px;
}

.sy-products ul li:nth-child(7){
    top:10%;
    left:50%;
   margin-left:300px;
}
.sy-products ul li:nth-child(7) .div-pic{
     float:left;
}
.sy-products ul li:nth-child(7) .div-tet{
      float:left;
    margin-left:20px;
}



.st-sthree{
   background:url(../images/bb.png) no-repeat center center;
    background-size: 100% 100%;
}
.sy-marketing{
    text-align:center;
}
.sy-marketing .h3{
     font-size:27px;
    color:#484848;
    text-align:center;
    font-weight:bold;
   
}
.sy-marketing ul li{
    margin-top:60px;
    width:20%;
    display:inline-block;
    position:relative;
    overflow:hidden;
}
.sy-marketing ul li img{
    width:100%;
    transition:all 0.5s ease;
}
.sy-marketing ul li .div-tet{
    position:absolute;
    bottom:0;
    width:100%;
    text-align:center;
    line-height:40px;
    background-color:rgba(216, 221, 229, 0.67);
    font-size:18px;
    color:#333333;
    font-weight:bold;
}
.sy-marketing ul li .div-fc{
     position:absolute;
    top:-100%;
    height:100%;
    width:100%;
    background-color:rgba(10, 26, 55, 0.9);
    transition:all 0.5s ease;
}
.sy-marketing ul li .div-fc p{
    font-size:20px;
    color:#ffffff;
    padding:20px;
    text-align:left;
}
.sy-marketing ul li .div-fc span{
    position:absolute;
    bottom:30px;
    right:20px;
    font-size:14px;
    color:#ffffff;
}
.sy-marketing ul li:hover .div-tet{
    bottom:-40px;
}
.sy-marketing ul li:hover .div-fc{
   top:0px;
}



.st-five{
     background:url(../images/jy-sybj2.png) no-repeat center center;
    background-size: 100% 100%;
  
}
.sy-about{
    text-align:center;
}
.sy-about .h3{
     font-size:27px;
    color:#484848;
    text-align:center;
    font-weight:bold
}
.sy-about ul {
    overflow:hidden;

    width:90%;
    margin: 0 auto;
}
.sy-about ul li{
    position:relative;
    width:250px;
    height:250px;
    margin:0 50px;
    display:inline-block;
    border-radius:50%;
    overflow:hidden;
    margin-top:40px;
}
.sy-about ul li img{
    width:100%;
    height:auto;
    border-radius:50px;
}
.sy-about ul li .div-tet{
    position:absolute;
    bottom:0;
    line-height:40px;
    width:100%;
    font-size:14px;
    color:#333333;
    background-color:rgba(216, 221, 229, 0.67);
    text-align:center;
    font-weight:bold;
}
.sy-about ul li .div-fd{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background-color:#ffffff;

    display:none;
}

.sy-about ul li .div-fd h3{
    font-size:16px;
    color:#454545;
    line-height:40px;
    border-bottom:solid 1px #454545;
}
.sy-about ul li .div-fd p{
    font-size:14px;
   padding:0 25px;
   color:#666666;
   line-height:25px;
   display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    height:125px;
}

.sy-about ul li .div-fd span{
    background-color:#438edb;
    color:#ffffff;
    padding:3px 10px
}

.sy-six{
     background:url(../images/jy-sybj3.png) no-repeat center center;
    background-size: 100% 100%;
}
.sy-news{
    width:1200px;
    overflow:hidden;
    margin:0 auto;
}
.sy-news .h3{
     font-size:27px;
    color:#ffffff;
    text-align:center;
    font-weight:bold
}
.sy-news  .sy-news-fl{
   float:left;
   width:500px;
   margin-top:40px;
   border-right:solid 1px #5d7681; 
   padding-right:100px; 
}
.sy-news-fr{
   float:right;
   width:500px;
   margin-top:40px;
 
}

.sy-news-fr ul li{
    overflow:hidden;
    line-height:30px;
    border-bottom:dashed 1px #5d7681; 
    margin-top:10px;
}
.sy-news-fr ul li p{
    width:75%;
    font-size:14px;
    color:#ffffff;
    text-overflow: ellipsis;white-space: nowrap;
    overflow:hidden;
}
.sy-news-fr ul li span{
    font-size:14px;
    color:#ffffff;
}

.sy-seven{
    background:url(../images/jy-sybj4.png) no-repeat center 0;
    background-size: 100% 75%;
}
.sy-service{
    text-align:center;
}
.sy-service  .h3{
     font-size:27px;
    color:#484848;
    text-align:center;
    font-weight:bold;
   padding-bottom:100px;
   margin-top:-10%;
}
.sy-service ul li{
    margin-top:0%;
    width:20%;
    display:inline-block;
}
.sy-service ul li img{
    width:60%;
    transition:all 0.5s ease;
}
.sy-service ul li p{
    font-size:20px;
    font-weight:bold;
    line-height:40px;
    color:#333333;
}

.st-footer{
    background-color:#0a1a37;
    height:200px;
    position:absolute;
    bottom:60px;
    text-align:center;
    width:100%;
}
.st-footer ul li{
    display:inline-block;
    width:20%;
}
.st-footer ul li a{
    color:#ffffff;
}
.st-footer-a{
    background-color:#061228;
    text-align:center;
    /*height:50px;*/
   position:absolute;
    bottom:0;
    padding:5px 0;
    width:100%;
}
.st-footer-a p{
    font-size:12px;
    color:#ffffff;
    padding:0 10px;
    margin:5px 0 0 0;
   
}

.st-footer .li1 h3{
    font-size:18px;
    color:#ffffff;
    text-align:left;
}
.st-footer .li1 p{
    font-size:14px;
    color:#fff;
    text-align:left;
}
.st-footer .li2 img{
    width:100px;
}
.st-footer .li2{
    padding-top:40px;
}
.st-footer .li2  p{
    font-size:14px;
    color:#ffffff;
}


/*关于我们*/
.baout-ul{
    overflow:hidden;
    height:70px;
    line-height:70px;
    background-color:#ffffff;
    box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5);
}
.baout-ul ul li{
    width:16%;
    display:inline-block;
    text-align:center;
    font-size:16px;
    color:#5a5a5a;
   overflow: hidden;
}
.baout-ul ul li a{
    color:#5a5a5a;
    border-bottom:solid 2px #ffffff;

}
.baout-ul ul li a:hover{
    color:#44689a;
    border-bottom:solid 2px #44689a;
    padding-bottom:20px;

}
.baout-ul ul li a.sore_focus,
.baout-ul ul li a.sidemenu_focus{
       color:#44689a;
        padding-bottom:20px;
    border-bottom:solid 2px #44689a;
    text-decoration:none;
}

.baout-one  .p{
    font-size:14px;
    color:#666666;
    line-height:25px;
}
.baout-one{
    padding:40px 0;
    background-color:#f5f5f5;
    margin-top:5px;
}


/*产品*/
.products{
    padding:0 0 40px 0;
    overflow:hidden;
}
.products h3{
    font-size:20px;
    color:#036dc1;
    margin:0 ;
    border-left:solid 3px #036dc1;
    padding: 0  0 0 20px;
    margin-top:40px;
    font-weight:bold;
}
.products  .products-list{
    overflow:hidden;
    padding:20px 0
}
.products  .products-list ul{
    margin-left:-1%;
}
.products  .products-list ul li{
    position:relative;
    border:solid 1px #036dc1;
    width:24%;
    margin-left:1%;
    float:left;
    margin-top:10px;
    overflow:hidden;
}

.products  .products-list ul li img{
    transition:all 1s ease;
    width:100%;
}
.products  .products-list ul li:hover img{
     -webkit-transform: scale(1.1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 750ms;
    -moz-transform: scale(1.1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 750ms;
    overflow: hidden;
}
.products  .products-list ul li p{
    position:absolute;
    width:100%;
    bottom:0;
    margin:0;
    text-align:center;
    font-size:14px;
    background-color:rgba(0, 0, 0, 0.47);
    line-height:35px;
    color:#ffffff;
    text-overflow: ellipsis;white-space: nowrap;
    overflow:hidden;
}

/*营销中心*/
.marketing .h31{
    /*background:url(../images/yxzx-pic01.png) no-repeat;*/
    /*height:80px;*/
    border:none;
    overflow:hidden;
    padding:0;
}
.marketing .h32{
    background:url(../images/yxzx-pic02.png) no-repeat;
    height:80px;
    border:none;
}
.marketing .h33{
    background:url(../images/yxzx-pic03.png) no-repeat;
    height:80px;
    border:none;
}
.marketing .h34{
    background:url(../images/yxzx-pic04.png) no-repeat;
    height:80px;
    border:none;
}
.marketing ul li{
    position:relative;
    cursor:pointer;
}

.marketing ul li .div-fd{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.8);
    text-align:center;
    display:none;

}
.marketing ul li .div-fd h4{
    font-size:14px;
    text-align:center;
    margin-top:15%;
    color:#ffffff;
}
.marketing ul li .div-fd .sj{
    display:block;
    font-size:12px;
    color:#ffffff;
    text-align:center;
}
.marketing ul li .div-fd .a{
    padding:3px 10px;
    font-size:14px;
    color:#ffffff;
    background-color:#036dc1;
    margin-top:40px;
    display:inline-block;
}
.marketing .products-list .ul{
    border-top:solid 1px #dddddd!important;
    border-left:solid 1px #dddddd!important;
    overflow:hidden!important;
    margin:0!important; 
}
.marketing .products-list .ul li{
    border:none;
    margin:0!important;
    border:ridge solid 1px #dddddd!important;
    border-bottom:solid 1px #dddddd!important;
    width:20%!important;
    overflow:hidden;
}
.marketingd{
     min-height:500px;
     padding:40px 10px;
}

.marketing  .products-list .ul li:hover img{
     -webkit-transform: scale(0.99);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:750ms;
    -moz-transform: scale(0.99);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:750ms;
    overflow: hidden;
}

/*新闻*/
.news{
    padding-top:20px;
  padding-bottom:40px;
}
.news ul li{
    overflow:hidden;
    padding:20px 0;
}
.news ul li .div-pic{
    width:220px;
    position:relative;
}
.news ul li .div-pic .rq{
    position:absolute;
    top:40px;
    right:-30px;
    width:60px;
    height:60px;
    background-color:#036dc1;
    border-radius:5px;
    text-align:center;

}
.news ul li .div-pic .rq span{
    display:block;
    font-size:20px;
    color:#ffffff;
    margin-top:5px;
}
.news ul li .div-pic .rq p{
    margin: 0px;
    font-size:14px;
    color:#ffffff;
}
.news ul li .div-tet{
    padding-left:280px;
}
.news ul li .div-tet h3{
    font-size:18px;
    color:#333333;
    font-weight:bold;
    text-overflow: ellipsis;white-space: nowrap;
    overflow:hidden;
}

.news ul li .div-tet p{
    font-size:14px;
    color:#666666;
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.news ul li:hover{
    box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5);
}
.news ul li:hover h3{
    color:#036dc1;
}
.news-detail{
    padding:40px 0;
}

/*服务与承诺*/
.service{
    padding:40px 0;
}
.UserFile{
    overflow:hidden;
    border-bottom: dashed 1px #dddddd;
  
}
.UserFile p{
    font-size:14px;
    color:#333333;
    width:75%;
    text-overflow: ellipsis;white-space: nowrap;
    overflow:hidden;
    margin:0px;
      line-height:40px; 
}
.UserFile span{
    padding:3px 15px;
    font-size:14px;
    color:#036dc1;
    border:solid 1px #036dc1;
    border-radius:5px;
    margin-top:5px;
    display:inline-block;
}
.UserFile span:hover{
    background-color:#036dc1;
    color:#ffffff;
}

.Message{
    text-align:center;
}

.Message h3{
    font-size:28px;
    color:#333333;
}
.Message label{
    display:block;
    margin-top:20px;
}
.Message label span{
    display:inline-block;
    width:85px;
    text-align:right;
    font-size:16px;
    color:#666666;
}

.Message label input{
    width:400px;
    border:solid 1px #999999;
    line-height:25px;
    border-radius:3px;
    text-indent:10px;
}
.Message label textarea{
       width:400px;
    border:solid 1px #999999;
    height:200px;
     border-radius:3px;
}
.Message label .span{
    position:relative;
    top:-180px;
}
.Message .but{
    width:400px;
    height:40px;
    background-color:#036dc1;
    color:#ffffff;
    font-size:16px;
    border:none;
    margin-left:85px;
    margin-top:20px;
}
.Message .but:hover{
    opacity:0.8;
}
/*联系我们*/
.Contactus{
    padding:40px 5px;
}
.Contactus .h3{
    font-size:28px;
    color:#333333;
    text-align:center;
}
.Contactus .span{
    width:80px;
    height:3px;
    background-color:#036dc1;
    margin:0 auto;
    display:block;
}
.Contactus .Contactus-p{
    width:60%;
    margin:40px auto;
}
.Contactus .Contactus-p .p{
    font-size:14px;
    color:#666666;
}


.tow .img2{
    width:60%;
    display:block;
    margin:0 auto;
}


.mask:hover,
.sy-marketing ul li:hover img,
.sy-service ul li img:hover{
    -webkit-transform: scale(1.1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 750ms;
    -moz-transform: scale(1.1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 750ms;
    overflow: hidden;
}






.about-ygfc{
    border-bottom:dashed 1px #dddddd;
    line-height:40px;
    overflow:hidden;
}

.about-ygfc p{
    font-size:16px;
    color:#333333;
    width:75%;
    text-overflow: ellipsis;white-space: nowrap;
    overflow:hidden;
    margin:0;
}
.about-ygfc span{
    color:#666666;
    font-size:14px;
}

.about-ygfc a:hover p{
    color:#036dc1;
}


.aboutus-ryzs{
    overflow:hidden;
}
.aboutus-ryzs .title-ryzs{
 
    text-align:center;
}
.aboutus-ryzs .title-ryzs a{
    display:inline-block;
    margin:5px 10px;
    padding:5px 20px;
    border:solid 1px #dddddd;
    font-size:14px;
    color:#666666;

}
.aboutus-ryzs .title-ryzs a:hover,
.aboutus-ryzs .title-ryzs a.sidemenu_focus2{
    background-color:#036dc1;
    color:#ffffff;
}


.aboutus-ryzs .list-ryzs{
    overflow:hidden;
    padding:20px 0;
}
.aboutus-ryzs .list-ryzs ul{
    margin-left:-3.3%;
}
.aboutus-ryzs .list-ryzs ul li{
    width:30%;
    float:left;
    margin-left:3.3%;
    text-align:center;
    margin-top:20px;
}
.aboutus-ryzs .list-ryzs ul li img{
    max-height:100%;
    max-width:100%;
}
.aboutus-ryzs .list-ryzs ul li h3{
    font-size:16px;
    color:#333333;
      text-overflow: ellipsis;white-space: nowrap;
    overflow:hidden;

}
.aboutus-ryzs .list-ryzs ul li  p{
    color:#666666;
}

.aboutus-qyzk{
        border-bottom:dashed 1px #dddddd;

    overflow:hidden;
}
.aboutus-qyzk p{
    font-size:16px;
    color:#333333;
    width:75%;
    text-overflow: ellipsis;white-space: nowrap;
    overflow:hidden;
    margin:0; 
       line-height:40px;
}

.aboutus-qyzk span{
    position:relative;
    top:10px;
    padding:3px 15px;
   
    border:solid 1px #036dc1;
    font-size:14px;
   color:#036dc1;
    border-radius:5px;
}
.aboutus-qyzk span:hover{
 background-color:#036dc1; color:#ffffff;
}



.sous{
   position:absolute;
   top:5px;
   right:10%;
}
.sous a{
    color:#ffffff;
    padding:0 10px;
   background-color:#036dc1;
        border:solid 1px #036dc1;
    position:relative;
    top:2px;
}
.sous a:hover{
    background-color:#036dc1;
        border:solid 1px #036dc1;
    color:#ffffff
}
.sous input{
    text-indent:5px;
}












@media ( max-width:1480px){
   .lz-mian{
    padding:0 5%;
}
   .sy-news{
    width:1100px;
    overflow:hidden;
    margin:0 auto;
}
   .sy-products .h3{
    font-size:27px;
    color:#ffffff;
    text-align:center;
    margin-top:-10%;
}
.sy-products .products-pic{
    text-align:center;
    margin-top:0%;
}
.sy-news .h3{
     font-size:27px;
    color:#ffffff;
    text-align:center;
    font-weight:bold
}
.sy-news  .sy-news-fl{
   float:left;
   width:500px;
   margin-top:40px;
   border-right:solid 1px #5d7681; 
   padding-right:60px; 
}

.sy-about ul li{
    position:relative;
    width:225px;
    height:225px;
    margin:0 50px;
    display:inline-block;
    border-radius:50%;
    overflow:hidden;
    margin-top:40px;
}
.sy-about ul li img{
    width:100%;
    height:auto;
    border-radius:50px;
}
.sy-about ul li .div-tet{
    position:absolute;
    bottom:0;
    line-height:40px;
    width:100%;
    font-size:14px;
    color:#333333;
    background-color:rgba(216, 221, 229, 0.67);
    text-align:center;
}
.sy-about ul li .div-fd{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background-color:#ffffff;

    display:none;
}

.sy-about ul li .div-fd h3{
    font-size:16px;
    color:#454545;
    line-height:40px;
    border-bottom:solid 1px #454545;
}
.sy-about ul li .div-fd p{
    font-size:14px;
   padding:0 25px;
   color:#666666;
   line-height:25px;
   display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height:75px;
}

}
@media ( max-width:1380px){
    .sous{
   position:absolute;
   top:0px;
   right:5%;
}
     .lz-mian{
    padding:0 5%;
}
    .heder .sy-nav ul li{
    float:left;
    font-size:16px;
    margin-right:20px;
    max-width:1200px;

}
    .heder{
    background-color:#0a1a37;
    height:80px;
    overflow:hidden;
    width:100%;
}
    .heder .sy-nav ul li{
    float:left;
    font-size:16px;
    margin-right:40px;
    line-height:80px;

}
    .heder .st-logo img{
    max-height:80px;
}


/*首页*/
.st-tow{
    background:url(../images/jy-sybl1.png) no-repeat center center;
    background-size: 100% 100%;
}
.sy-products {
    position:relative;
}
.sy-products .h3{
    font-size:27px;
    color:#ffffff;
    text-align:center;
    margin-top:-10%;
}
.sy-products .products-pic{
    text-align:center;
    margin-top:0%;
}
.sy-products .products-pic img{
    width:300px;
}
.sy-products ul li{
   overflow:hidden;
   position:absolute;
}
.sy-products ul li .div-pic{
    width:120px;
    height:120px;
     border-radius:50%;
     overflow:hidden;
     margin:0 auto

}
.sy-products ul li .div-pic img{
    width:120px;
    height:120px;
    border-radius:50%;
}
.sy-products ul li .div-tet{
    font-size:14px;
    color:#ffffff;
    /*line-height:120px;
    height:120px;*/
}
.sy-products ul li:nth-child(1){
    top:10%;
    left:50%;
   margin-left:-529px;

}
.sy-products ul li:nth-child(1) .div-pic{
     float:right;
     
}
.sy-products ul li:nth-child(1) .div-tet{
    float:right;
    margin-right:20px;
}
.sy-products ul li:nth-child(2){
    top:50%;
    left:50%;
   margin-left:-500px;

}
.sy-products ul li:nth-child(2) .div-pic{
     float:right;
}
.sy-products ul li:nth-child(2) .div-tet{
    float:right;
    margin-right:20px;
}
.sy-products ul li:nth-child(3){
    top:82%;
    left:50%;
   margin-left:-386px;

}
.sy-products ul li:nth-child(3) .div-pic{
     float:right;
}
.sy-products ul li:nth-child(3) .div-tet{
    float:right;
    margin-right:20px;
}
.sy-products ul li:nth-child(4){
    top:98%;
    left:50%;
   margin-left:-75px;
   text-align:center;
}
.sy-products ul li:nth-child(4) .div-tet{
    line-height:40px;
}
.sy-products ul li:nth-child(5){
    top:82%;
    left:50%;
   margin-left:120px;

}
.sy-products ul li:nth-child(5) .div-pic{
     float:left;
}
.sy-products ul li:nth-child(5) .div-tet{
    float:left;
    margin-left:20px;
}

.sy-products ul li:nth-child(6){
    top:50%;
    left:50%;
     margin-left:220px;

}
.sy-products ul li:nth-child(6) .div-pic{
     float:left;
}
.sy-products ul li:nth-child(6) .div-tet{
     float:left;
    margin-left:20px;
}

.sy-products ul li:nth-child(7){
    top:10%;
    left:50%;
   margin-left:240px;
}
.sy-products ul li:nth-child(7) .div-pic{
     float:left;
}
.sy-products ul li:nth-child(7) .div-tet{
      float:left;
    margin-left:20px;
}


.sy-about ul {
    overflow:hidden;

    width:100%;
    margin: 0 auto;
}


.sy-seven{
    background:url(../images/jy-sybj4.png) no-repeat center 0;
    background-size: 100% 75%;
}
.sy-service{
    text-align:center;
}
.sy-service  .h3{
     font-size:27px;
    color:#484848;
    text-align:center;
    font-weight:bold;
   padding-bottom:100px;
   margin-top:-20%;
}
.sy-service ul li{
    margin-top:-10%;
    width:20%;
    display:inline-block;
}
.sy-service ul li img{
    width:70%;
}

















}

@media ( max-width:1200px){
    .sous{
   position:absolute;
   top:0px;
   right:2%;
}
.lz-mian{
    padding:0 2%;
}
  .heder .sy-nav ul li{
    float:left;
    font-size:14px;
    margin-right:20px;
}
  .st-tow{
    background:url(../images/jy-sybl1.png) no-repeat center center;
    background-size: auto 100%;
}


  .sy-seven{
    background:url(../images/jy-sybj4.png) no-repeat center 0;
    background-size: 100% 75%;
}
.sy-about ul li{
    position:relative;
    width:200px;
    height:200px;
    margin:0 20px;
    display:inline-block;
    border-radius:50%;
    overflow:hidden;
    margin-top:40px;
}
.sy-about ul li .div-fd p{
    font-size:14px;
   padding:0 25px;
   color:#666666;
   line-height:25px;
   display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height:75px;
}
.sy-news{
    width:90%;
    overflow:hidden;
    margin:0 auto;
}
.sy-news  .sy-news-fl{
   float:left;
   width:45%;
   margin-top:40px;
   border-right:solid 1px #5d7681; 
   padding-right:20px; 
}
.sy-news-fr{
   float:right;
   width:45%;
   margin-top:25px;
 
}
.sy-news-fr ul li{
    overflow:hidden;
    line-height:25px;
    border-bottom:dashed 1px #5d7681; 
    margin-top:15px;
}

.sy-service ul li img{
    width:80%;
    display:inline-block;
}
.sy-service  .h3{
     font-size:27px;
    color:#484848;
    text-align:center;
    font-weight:bold;
   padding-bottom:50px;
   margin-top:-20%;
}
.sy-service ul li{
    margin-top:0%;
    width:20%;
    display:inline-block;
}

}

.flexslider1 {
    display: block;
}

.flexslider2 {
    display: none;
}
@media ( max-width:1000px) {
    .flexslider1 {
        display: none;
    }

    .flexslider2 {
        display: block;
    }
    .sous{
        display:none;
   position:absolute;
   top:0px;
   right:10%;
}
    .lz-mian{
    padding:0 2%;
}
    .sj-nav a{
    font-size:30px;
    color:#ffffff;
    margin-top:25px;
    display:block;
}
        .heder .sy-nav{
    float:left;
    font-size:16px;
    margin-right:40px;
    line-height:80px;
    display:none;
}

/*首页*/
.st-tow{
    background:url(../images/jy-sybl1.png) no-repeat center center;
    background-size: 100% 100%;
}
.sy-products {
    position:relative;
}
.sy-products .h3{
    font-size:27px;
    color:#ffffff;
    text-align:center;
    margin-top:-10%;
}
.sy-products .products-pic{
    text-align:center;
    margin-top:5%;
}
.sy-products .products-pic img{
    width:250px;
}
.sy-products ul li{
   overflow:hidden;
   position:absolute;
}
.sy-products ul li .div-pic{
    width:100px;
    height:100px;
    overflow:hidden;
     border-radius:50%;
}
.sy-products ul li .div-pic img{
    width:100px;
    height:100px;
    border-radius:50%;
}
.sy-products ul li .div-tet{
    font-size:14px;
    color:#ffffff;
    line-height:20px;
    height:120px;
}
.sy-products ul li:nth-child(1){
    top:10%;
    left:50%;
   margin-left:-427px;

}
.sy-products ul li:nth-child(1) .div-pic{
     float:right;
     
}
.sy-products ul li:nth-child(1) .div-tet{
    float:right;
    margin-right:20px;
}
.sy-products ul li:nth-child(2){
    top:50%;
    left:50%;
   margin-left:-410px;

}
.sy-products ul li:nth-child(2) .div-pic{
     float:right;
}
.sy-products ul li:nth-child(2) .div-tet{
    float:right;
    margin-right:20px;
}
.sy-products ul li:nth-child(3){
    top:82%;
    left:50%;
   margin-left:-338px;

}
.sy-products ul li:nth-child(3) .div-pic{
     float:right;
}
.sy-products ul li:nth-child(3) .div-tet{
    float:right;
    margin-right:20px;
}
.sy-products ul li:nth-child(4){
    top:98%;
    left:50%;
   margin-left:-85px;
   text-align:center;
}
.sy-products ul li:nth-child(4) .div-tet{
    line-height:40px;
}
.sy-products ul li:nth-child(5){
    top:82%;
    left:50%;
   margin-left:60px;

}
.sy-products ul li:nth-child(5) .div-pic{
     float:left;
}
.sy-products ul li:nth-child(5) .div-tet{
    float:left;
    margin-left:20px;
}

.sy-products ul li:nth-child(6){
    top:50%;
    left:50%;
     margin-left:140px;

}
.sy-products ul li:nth-child(6) .div-pic{
     float:left;
}
.sy-products ul li:nth-child(6) .div-tet{
     float:left;
    margin-left:20px;
}

.sy-products ul li:nth-child(7){
    top:10%;
    left:50%;
   margin-left:160px;
}
.sy-products ul li:nth-child(7) .div-pic{
     float:left;
}
.sy-products ul li:nth-child(7) .div-tet{
      float:left;
    margin-left:20px;
}

.sy-news{
    width:90%;
    overflow:hidden;
    margin:0 auto;
}
.sy-news  .sy-news-fl{
   float:none;
   width:60%;
    margin: 0 auto;
   border-right:solid 1px #5d7681; 
   padding-right:0px; 
}
.sy-news-fr{
   float:right;
   width:100%;
   margin-top:25px;
 
}
.sy-news  .sy-news-fl img{
    text-align:center
}
.sy-news-fr ul li{
    overflow:hidden;
    line-height:25px;
    border-bottom:dashed 1px #5d7681; 
    margin-top:15px;
}

.st-footer ul li{
    display:inline-block;
    width:30%;
}



}

.sj_list{display:none;}


@media ( max-width:780px){

    /*首页*/
    .sj_list{display:block;}
.st-tow{
    background:url(../images/jy-sybl1.png) no-repeat center center;
    background-size: auto 100%;
}
.sy-products {
    position:relative;
}
.sy-products .h3{
    font-size:27px;
    color:#ffffff;
    text-align:center;
    margin-top:0%;
}
.sy-products .products-pic{
    text-align:center;
    margin-top:5%;
       display:none;
}
.sy-products .products-pic img{
    width:250px;
}
.sy-products ul li{
   overflow:hidden;
   position:relative;
   width:50%;
   float:left;
   text-align:center;
}
.sy-products ul li .div-pic{
    width:80px;
    height:80px;
     border-radius:50%;
     overflow:hidden;
 
}
.sy-products ul li .div-pic img{
    width:80px;
    height:80px;
    border-radius:50%;
}

.sy-products ul li .div-tet{
    font-size:14px;
    color:#ffffff;
    line-height:40px;
    height:40px;
    overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
padding-top:0;
width:auto;
}
.sy-products ul li:nth-child(1){
    top:0;
    left:0;
   margin-left:0px;

}
.sy-products ul li:nth-child(1) .div-pic{
     float:none;
     
}
.sy-products ul li:nth-child(1) .div-tet{
    float:none;
    margin-right:0px;
    
}
.sy-products ul li:nth-child(2){
    top:0;
    left:0;
   margin-left:0px;

}
.sy-products ul li:nth-child(2) .div-pic{
     float:none;
     
}
.sy-products ul li:nth-child(2) .div-tet{
    float:none;
    margin-right:0px;
}
.sy-products ul li:nth-child(3){
    top:0;
    left:0;
   margin-left:0px;

}
.sy-products ul li:nth-child(3) .div-pic{
     float:none;
     
}
.sy-products ul li:nth-child(3) .div-tet{
    float:none;
    margin-right:0px;
    text-align-last:center;
}

.sy-products ul li:nth-child(4){
      top:0%;
    left:0%;
   margin-left:0px;
   text-align:center;

}
.sy-products ul li:nth-child(4) .div-pic{
     float:none;
     
}
.sy-products ul li:nth-child(4) .div-tet{
    float:none;
    margin-right:0px;
         line-height: 40px; 
     padding-top: 0px; 
}
.sy-products ul li:nth-child(5){
    top:0;
    left:0;
   margin-left:0px;

}
.sy-products ul li:nth-child(5) .div-pic{
     float:none;
     
}
.sy-products ul li:nth-child(5) .div-tet{
    float:none;
    margin-right:0px;
}
.sy-products ul li:nth-child(6){
    top:0;
    left:0;
   margin-left:0px;

}
.sy-products ul li:nth-child(6) .div-pic{
     float:none;
     
}
.sy-products ul li:nth-child(6) .div-tet{
    float:none;
    margin-right:0px;
}
.sy-products ul li:nth-child(7){
    top:0;
    left:0;
   margin-left:0px;

}
.sy-products ul li:nth-child(7) .div-pic{
     float:none;
     
}
.sy-products ul li:nth-child(7) .div-tet{
    float:none;
    margin-right:0px;
}
.sy-marketing ul{

}
.sy-marketing ul li{
    margin-top:60px;
    width:20%;
    display:block;
    position:relative;
    overflow:hidden;
    width:35%;
    float:left;
    margin-left:10%;
    margin-top:10px;
}
.sy-marketing ul li:hover .div-tet{
    bottom:0px;
}
.sy-marketing ul li:hover .div-fc{
   top:-100%;
}

.sy-about ul li{
    position:relative;
    width:120px;
    height:120px;
    margin:0 20px;
    display:inline-block;
    border-radius:50%;
    overflow:hidden;
    margin-top:10px;
}
.sy-about ul li .div-fd p{
    font-size:14px;
   padding:0 25px;
   color:#666666;
   line-height:25px;
   display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height:25px;
}





.sy-news  .sy-news-fl{
   float:none;
   width:90%;
    margin: 0 auto;
   border:none;
   padding-right:0px; 
   display:none;
}
.sy-news  .sy-news-fl img{
    width:100%;
}
.sy-service ul li{
    width:22%;
    display:inline-block;
}
.sy-service ul li p{
    font-size:16px;
    font-weight:bold;
    line-height:40px;
    color:#333333;
}
.sy-service  .h3{
     font-size:27px;
    color:#484848;
    text-align:center;
    font-weight:bold;
   padding-bottom:50px;
   margin-top:-20%;
}
.st-footer{
    display:none;
}
.st-footer-a{
    /*height:80px;*/
}
  .sy-seven{
    background:url(../images/jy-sybj4.png) no-repeat center 0;
    background-size: auto 100%;
}
  .baout-ul ul li{
    width:100px;
    display:inline-block;
    text-align:center;
    font-size:16px;
    color:#5a5a5a;

}
    /*.baout-ul ul{
      overflow-x: scroll;
    white-space: nowrap;
    }*/

  .products  .products-list ul{
    margin-left:-1.3%;
}
.products  .products-list ul li{
    position:relative;
    border:solid 1px #036dc1;
    width:32%;
    margin-left:1.3%;
    float:left;
    margin-top:10px;
}
.products  .products-list ul li p{
    font-size:12px;
    line-height:30px;
}
.marketing ul li .div-fd{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.8);
    text-align:center;
    display:none;

}
.marketing ul li .div-fd h4{
    font-size:14px;
    text-align:center;
    margin-top:10%;
    color:#ffffff;
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.marketing ul li .div-fd .sj{
    display:block;
    font-size:12px;
    color:#ffffff;
    text-align:center;
}
.marketing ul li .div-fd .a{
    padding:3px 10px;
    font-size:14px;
    color:#ffffff;
    background-color:#036dc1;
    margin-top:0px;
    display:inline-block;
}
.marketing .products-list .ul li{
    border:none;
    margin:0!important;
    border:ridge solid 1px #dddddd!important;
    border-bottom:solid 1px #dddddd!important;
    width:33.3%!important;
}
.news ul li .div-pic{
    width:150px;
    position:relative;
}
.news ul li .div-tet{
    padding-left:200px;
}
.news ul li .div-pic .rq{
    position:absolute;
    top:20px;
    right:-30px;
    width:60px;
    height:60px;
    background-color:#036dc1;
    border-radius:5px;
    text-align:center;

}
.news ul li .div-pic .rq span{
    display:block;
    font-size:20px;
    color:#ffffff;
    margin-top:5px;
}
.news ul li .div-pic .rq p{
    margin: 0px;
    font-size:14px;
    color:#ffffff;
}
.news ul li .div-tet p{
    font-size:14px;
    color:#666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin:10px 0 0 0;
}


.baout-ul{
    overflow:hidden;
    height:80px;
    line-height:30px;
    background-color:#ffffff;
    box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5);
}
.news-ul ul li{
    width:30%;
    text-overflow: ellipsis;white-space: nowrap;
    overflow:hidden;
}
.Message label{
    text-align:left;
}

.Message label input{
    width:100%;
    border:solid 1px #999999;
    line-height:25px;
    border-radius:3px;
    text-indent:10px;
}
.Message label textarea{
       width:100%;
    border:solid 1px #999999;
    height:200px;
     border-radius:3px;
}
.Message label .span{
    position:relative;
    top:0px;
}
.Message .but{
    width:100%;
    height:40px;
    background-color:#036dc1;
    color:#ffffff;
    font-size:16px;
    border:none;
    margin-left:0px;
    margin-top:20px;
}
.Message .but:hover{
    opacity:0.8;
}
.service{
    padding:40px 10px;
    min-height:300px;
}
.Contactus .Contactus-p{
    width:100%;
    margin:20px auto;
}
.marketing .h31 img{
    width:150%;
    max-width:150%!important ;
}

.aboutus-ryzs .title-ryzs a{
    display:inline-block;
    margin:5px 5px;
    padding:5px 10px;
    border:solid 1px #dddddd;
    font-size:14px;
    color:#666666;

}
.aboutus-ryzs .list-ryzs ul li{
    width:46.3%;
    float:left;
    margin-left:3.3%;
    text-align:center;
    margin-top:20px;
}
}
.sy-banner{
    position:relative;
}
.sy-banner-ad{
    text-align:center;
    position:absolute;
    z-index:50000;
    bottom:50px;
    font-size:18px;
    color:#ffffff;
    left:50%;
    width:200px;
    margin-left:-70px;
}
.sy-banner-ad img{
    width:50px;
}