body{ background-color:#f0f0f0!important;font-family:"Microsoft YaHe"!important;}
.sy_header{
    height:100px;
    background-color:#eee;
}
.sy_header .sy_logo{
    width:320px;
    height:85px;
	padding-top:1%;
	padding-left:3%;
}
.sy_header .sy_logo img{
    width:288px;
    height:70px;
}
.sy_header .sy_nav{
    float:left;
}
.sy_header .sy_nav ul li{
    float:left;
    font-size:18px;
    color:#333333;
    line-height:100px;
    position:relative;
}

.sy_header .sy_nav ul li .fy{
    position:absolute;
    top:100px;
    z-index:800000;
    background-color:#eee;
    display:none;
}
.sy_header .sy_nav ul li .fy a{
  line-height:40px;
}
.sy_header .sy_nav ul{
    margin-left:20px;
}
.sy_header .sy_nav ul li a{
    display:block;
    padding:0 30px;
    color:#333333;
    transition:all 1s ease;
}
.sy_header .sy_nav ul li a:hover{
    background-color:#0086d1;
    color:#ffffff;
}
.sy_header .sy_dh{
    float:right;
    font-size:22px;
    color:#0086d1;
    background:url(../image/dh_tb.png) no-repeat 0 32px;
    background-size:30px;
    padding-left:40px;
    line-height:100px;
}

.sy_footer{
    background-color:#5d6064;
    height:200px;
}
.sy_footer .sy_footer_fl{
    font-size:30px;
    color:#cccccc;
    width:20%;
    text-align:center;
    padding-top:40px;
}
.sy_footer .sy_footer_fl2{
    width:60%;
}
.sy_footer .sy_footer_fl2 span{
    font-size:14px;
    color:#cccccc;
    display:inline-block;
    line-height:30px;
}
.sy_footer .sy_footer_fl2 p{
    font-size:14px;
    color:#cccccc;
    line-height:30px;
    padding-left:40px;
}
.sy_footer .sy_footer_fl2 {
    float:left;
    padding-left:160px;
    padding-top:50px;
}
.sy_footer_fr{
    width:20%;
    text-align:center;
}
.sy_footer_fr img{
    width:110px;
    height:110px;
    margin-top:50px;
    margin-bottom:10px;
}
.sy_footer_fr p{
     font-size:14px;
    color:#cccccc;
    text-align:center;
}
.sy_footer_d{
    height:60px;
    background-color:#fff;
}
.sy_footer_d p{
    line-height:60px;
    font-size:14px;
    color:#999999;
    float:left;
}
.sy_footer_d a{
    float:right;
    line-height:60px;
    font-size:14px;
    color:#999999;
    padding-left:40px;
}
.nav_sj img{
    width:40px;
    margin-top:5px;
   
}
.nav_sj {
    display:none;
}



.sy_solution{
    padding:80px 0 80px 0;
    text-align:center;
    overflow:hidden;

}
.sy_solution h3{
    font-size:30px;
    color:#333333;
    line-height:50px;
    padding-bottom:10px;
}
.sy_solution p{

    font-size:16px;
    color:#999999;
}
.sy_solution ul{
    margin-left:-1%;
    margin-top:20px;
}
.sy_solution ul li{
    position:relative;
    cursor:pointer;
    width:24%;
    float:left;
   margin-left:1%;
   margin-top:10px;
   margin-bottom: 20px;
    overflow: hidden;

}
.sy_four .sy_solution ul li{width: 183px;}
.sy_solution  ul li img{
    width:100%;
    transition: all .5s;
}
.sy_four .sy_solution ul li img:hover { transform: scale(1.1); }
.sy_solution ul li p{
    font-size:14px;
    color:#333;
    line-height:30px;
}
.sy_solution ul li p.title{padding-top: 10px;}
.sy_solution ul li p.price span{color: red;}
.sy_solution ul li .fu_div{
    padding:10px;
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background-color:#0086d1;
    transform: scale(0);
    z-index:50;  
    transition:all 2s ease;
}
.sy_solution  ul li .fu_div h3{
    font-size:20px;
    color:#ffffff;
}
.sy_solution  ul li .fu_div p{
    font-size:14px;
    color:#ffffff;
    line-height:20px;
    height:100px;
    overflow:hidden;
}
.sy_solution  ul li:hover .fu_div{
    transform: scale(1);
}

.sy_tow{
    background-color: rgb(247, 247, 247);
    background-position: center center;
    background-repeat: no-repeat;
    padding:80px 0 0 0;
    text-align:center;
}
.software{
    overflow:hidden;
}
.software>h3{
      font-size:30px;
    color:#333333;
    line-height:50px;
    padding-bottom:10px;
}
.software>p{
   font-size:16px;
    color:#999999;
}
.software ul{
    padding-top:40px;
}
.software ul li{
    position:relative;
   display:inline-block;
    width:31%;
    margin-left:1%;
    cursor:pointer;
   
}
.software ul li img{
    width:100%;
}
    .software ul li:nth-child(5),
    .software ul li:nth-child(6) {
        top: -180px;
    }
.software ul li>p{
    position:absolute;
    top:56%;
   left:50%;
   margin-left:-73px;
    font-size:24px;
    color:#ffffff;
    width:148px;
  

}
.software ul li .fu_tet{
      position:absolute;
      top:0;
      background-color:#67d6b7;
      width:70%;
      height:70%;
      transform:rotateZ(45deg);
      left:15%;
      top:14%;
      text-align:center;
      display:none;
      transition:all 2s ease-in 300ms;
}
.software ul li:nth-child(3) .fu_tet{
     background-color:#fc7971;
}
.software ul li:nth-child(4) .fu_tet{
     background-color:#b695ed;
}
.software ul li:nth-child(5) .fu_tet{
     background-color:#f7cc61;
}
.software ul li:nth-child(6) .fu_tet{
     background-color:#75cdf6;
}
.software ul li .fu_tet h3{
       font-size:24px;
    color:#ffffff;
    width:148px;
    font-weight:bold;
    transform:rotateZ(-45deg);
    top:30%;
     position:absolute;
     left:6%;
     font-weight:inherit;

}
.software ul li .fu_tet p{
    font-size:14px;
    color:#ffffff;
    line-height:25px;
      transform:rotateZ(-45deg);
      width:200px;
      position:absolute;
      left:16%;
      top:35%;
      height:100px;
      overflow:hidden;
    
}
    .software ul li:hover .fu_tet {
         
         display:block;
         animation:bbb 500ms linear;
    }
    @keyframes bbb {
    0%{
        transform:rotate(0deg);
    }
    100%{
        transform:rotate(45deg);
    }
}

.sj_software{
    display:none;
    overflow:hidden;
    padding:10px 5px;
}
.sj_software .sj_software_fl{
    position:relative;
    width:120px;
    float:left;
    text-align:center;

}
.sj_software .sj_software_fl img{
    width:100%;
}
.sj_software .sj_software_fl p{
    position:absolute;
    color:#ffffff;
    top:55px;
    font-size:12px;
    display:block;
    width:72px;
    left:50%;
    margin-left:-36px;
}
.sj_software .sj_software_fr{
    text-align:left;
    padding-left:130px;
}
.sj_software .sj_software_fr h3{
    font-size:16px;
    color:#333333;
    
}
.sj_software .sj_software_fr  p{
    font-size:12px;
    color:#666666;
    margin-top:10px;
    line-height:20px;
    height:80px;
    overflow:hidden;
}
.sj_software h3{
    font-size:18px;
    color:#333333;
}
.sj_software p{
    font-size:12px;
    color:#666666;
    line-height:20px;
    margin-top:10px;
}
.sj_software  ul li{
    margin-top:10px;
    overflow:hidden;
}
.sy_three{
    background:url(../image/kbj_bj.png) no-repeat center;
    padding-bottom: 50px;
}
.sy_three .div_fl1{
    width:30%;
    float:left;
  margin-top:80px;

}
.sy_three .div_fl1 img{
    width:100%;
}
.sy_three .div_fl1 p{
    font-size:20px;
    color:#ffffff;
    line-height:25px;

}
.sy_three .div_fl1  span{
    width:80px;
    height:2px;
    background-color:#ffffff;
    display:block;
    margin-top:40px;
}
.sy_three .div_fr1{
    width:70%;
    float:right;
}
.sy_three .div_fr1 ul{
    margin-top:50px;
    margin-left:20px;
}
.sy_three .div_fr1 ul li{
    float:left;
    width:50%;
    padding-left: 5%;
    overflow:hidden;
    margin-top:40px;
}
.sy_three .div_fr1 ul li .div_fl2{
    width:65px;
    float:left;

}
.sy_three .div_fr1 ul li .div_fl2 img{
    width:100%;
}
.sy_three .div_fr1 ul li .div_fr2{
    padding-left:80px;
}
.sy_three .div_fr1 ul li .div_fr2 h3{
    font-size:18px;
    color:#474747;
    font-weight:bold;

}
.sy_three .div_fr1 ul li .div_fr2 p{
    font-size:14px;
    color:#666666;
    line-height:20px;
    margin-top:10px;
    height:40px;
    overflow:hidden;
}
.item-bg{background: #fff;}
.item-bg .div_fl1{
    width:40%;
    float:right;
    margin-top:80px;

}
.item-bg .div_fr1{
    width:60%;
    float:left;
}
.item-bg .div_fr1 ul li{
    float:left;
    width:86%;
    padding-left: 5%;
    overflow:hidden;
    margin-top:40px;
}
.item-bg .div_fr1 ul li .div_fl2{
    width:65px;
    float:left;
}
.sy_four{
    background-color: #fff;
}
.sy_four .h3{
    font-size: 30px;
    color: #333333;
    line-height: 50px;
    text-align:center;
}
.sy_four .p{
    text-align:center;
    font-size: 16px;
    color: #999999;
}

.sy_four .slider .div1{
    position:relative;
    cursor:pointer;
    margin-top:40px;
    transition:all 1s ease;
}
.sy_four .slider .div1 .fu_div22{
    transform:scale(0);
    position:absolute;
    top:0;
    background-color:#0086d1;
    padding:20px;
    height:100%;
    transition:all 1s ease;
    z-index:5222200;
}
.sy_four .slider .div1 .fu_div22 h3{
    font-size:20px;
    color:#ffffff;
    text-align:center;
    margin-top:10px;
}
.sy_four .slider .div1 .fu_div22 p{
    font-size:14px;
    color:#ffffff;
    line-height:20px;
    margin-top:10px;
    height:100px;
    overflow:hidden;
    text-align:center;
}
.sy_four .single-item{
    display:none;
}


.sy_five{
    padding:80px 0 100px 0;
    overflow:hidden;
}

.sy_five .h3{
    font-size: 30px;
    color: #333333;
    line-height: 50px;
    text-align:center;
}
.sy_five .p{
    text-align:center;
    font-size: 16px;
    color: #999999;
}
.sy_five .p1{
    font-size:30px;
    color:#0086d1;
    text-align:center;
    line-height:60px;
}
.sy_five .p1 span{
    background:url(../image/dh_tb.png) no-repeat 40px 10px ;
    padding-left:100px;
    display:inline-block;
}
.sy_five input{
    width:30%;
    height:40px;
    border:solid 1px #eeeeee;
    background-color:#ffffff;
    border-radius:5px;
    text-indent:10px;

    
}

.sy_five select{
    width:20%;
    height:40px;
    border:solid 1px #eeeeee;
    background-color:#ffffff;
    border-radius:5px;
    text-indent:10px;
}
.sy_five .but{
    width:15%;
    height:40px;
    border:solid 1px #eeeeee;
    background-color:#0086d1;
    color:#ffffff;
    font-size:16px;
    border-radius:5px;
    text-indent:10px;
}
.sy_five .but:hover{
    opacity:0.8
}
.AboutUs_one{
    background-color:#ffffff;
    overflow:hidden;
    padding:80px 0;
    margin-top:-8px;
}
.AboutUs_one .div{
   background:url(../image/gywm01.png) no-repeat center;
   height:625px;
   padding:0 25%;
 
}
.AboutUs_one .div .img{
    width:70%;
    margin-top:50px;
    padding-bottom:40px;
    height: 80px;
    font-size: 25px;
    color: #fff;
    padding-top: 20px;
}
.AboutUs_one .div  p{
    font-size:14px;
    color:#ffffff;
    line-height:30px;

}
.AboutUs_tow {
    text-align:center;
    padding:40px 0;
}
.AboutUs_tow img{
    max-width:80%;
}
.AboutUs_tow  h3{
    font-size:24px;
    color:#333333;
    margin-top:20px;
}
.AboutUs_tow p{
    font-size:14px;
    color:#666666;
    margin-top:10px;
}
.AboutUs_tow span{
    display:block;
    font-size:14px;
    color:#999999;
    margin-top:10px;
}
.AboutUs_pic{
    padding:40px 0px;
    background-color:#ffffff;
    text-align:center;
}
.AboutUs_pic img{
    width:90%;
}
.bg-page-img {
    background: url(../image/sub-page-banner.jpg) 0 0 no-repeat;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover !important;
    height: 214px;
    display: block;
}
.problems{
    padding:80px 0;
    background-color:#fafafa;
    margin-top:-8px;
}
.problems .h3{
    font-size:36px;
    color:#333333;
    font-weight:600;
    text-align:center;
}
.problems .p{
    font-size:18px;
    color:#999999;
    text-align:center;
}
.problems ul li{
    background-color:#ffffff;
    border:solid 1px #dddddd;
    padding:20px;
    margin-top:20px;
    cursor:pointer;
    transition:all 1s ease;
}
.problems ul li h4{
    font-size:16px;
    color:#333333;
    line-height:40px;
    font-weight:600;
}
.problems ul li span{
    color:#0086d1;
    font-weight:bold;
    padding-right:10px;
}
.problems ul li p{
    font-size:16px;
    color:#999999;
    line-height:40px;
}
.problems ul li:hover{
    transform: scale(1.1);
    box-shadow: 0 0px 1px 1px rgba(198, 201, 208, 0.5);
}
/**pro*/
 .product-info .product-left {
    width: 23%;
    margin-right: 20px;
    float: left;
    border: 1px solid #f3f3f3;
    box-shadow: 1px 2px 10px rgba(0,0,0,0.1);
}
.product-info .product-right{
	float: left;
	width: 75%;
	border: 1px solid #f3f3f3;
	box-shadow: 1px 2px 10px rgba(0,0,0,0.1);
}
.product-info .product-plist {
    margin: 15px;
}
.product-info .product-plist ul li {
    float: left;
    width: 46%;
    margin: 0 15px 15px 0;
}
.product-info .product-plist ul li:nth-child(2n){ margin-right:0px;}
.product-info .product-plist ul li a {
    border: 1px solid #ededed;
    padding: 4px;
    display: block;
    background: #fff;
    border-radius: 4px;
}
.product-info .product-plist ul li a div {
    overflow: hidden;
    width: 100%;
    height: 100%;
}  
.product-info .product-plist ul li a div img {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}
.product-info .product-plist ul li a p {
    text-align: center;
    font-size: 14px;
    color: #333;
    margin: 0;
    padding: 5px 0;
} 
@media (max-width: 1200px) {

.nav_sj {
    display:block;
}

.sy_header{
    height:50px;
    background-color:#eee;
}
.sy_header .sy_logo{
    width:120px;
    height:50px;
}
.sy_header .sy_logo img{
    width:150px;
    height:50px;
}
.sy_header .sy_nav{
    display:none;
        position: absolute;
        top: 50px;
        right:0;
        z-index:50000;
        float: none;
        width:120px;
        background-color:#ffffff;
        border-bottom-left-radius:3px;
        border-bottom:solid 1px #dddddd;
        border-left:solid 1px #dddddd;
}
.sy_header .sy_nav ul li{
    float:none;
    font-size:14px;
    color:#333333;
    line-height:40px;
    text-align:center;
    border-bottom:solid 1px #eeeeee;
}

.sy_header .sy_nav ul li .fy{
    position:initial;
    top:100px;
    z-index:800000;
    background-color:#eee;
    display:none;
}
.sy_header .sy_nav ul li .fy a{
  line-height:40px;
}
.sy_header .sy_nav ul{
    margin-left:0px;
}
.sy_header .sy_nav ul li a{
    display:block;
    padding:0 0px;
    color:#333333;
    transition:all 1s ease;
}
.sy_header .sy_nav ul li a:hover{
    background-color:#0086d1;
    color:#ffffff;
}
.sy_header .sy_dh{
    display:none;
    float:right;
    font-size:22px;
    color:#0086d1;
    background:url(../image/dh_tb.png) no-repeat 0 32px;
    background-size:30px;
    padding-left:40px;
    line-height:100px;
 
}


.sy_footer{
    background-color:#5d6064;
    height:auto;
}
.sy_footer .sy_footer_fl{
    font-size:24px;
    color:#cccccc;
    width:100%;
    text-align:center;
    padding-top:20px;
}
.sy_footer .sy_footer_fl2{
    width:100%;
    padding-bottom:20px;
}
.sy_footer .sy_footer_fl2 span{
    font-size:14px;
    color:#cccccc;
    display:inline-block;
    line-height:20px;
}
.sy_footer .sy_footer_fl2 p{
    font-size:14px;
    color:#cccccc;
    line-height:20px;
    padding-left:40px;
}
.sy_footer .sy_footer_fl2 {
    float:left;
    padding-left:10px;
    padding-top:20px;
}
.sy_footer_fr{
    display:none;
    width:100%;
}
.sy_footer_fr img{
    width:80px;
    height:80px;
    margin-top:50px;
}
.sy_footer_fr p{
     font-size:14px;
    color:#cccccc;
    text-align:center;
}
.sy_footer_d{
    height:auto;
    background-color:#fff;
    text-align:center;
    padding-top:10px;
}
.sy_footer_d p{
    line-height:20px;
    font-size:14px;
    color:#999999;
    float:left;
}
.sy_footer_d a{
    float:none;
    line-height:40px;
    font-size:14px;
    color:#999999;
    padding-left:40px;
}

.sy_solution  ul li .fu_div h3{
    font-size:16px;
    color:#ffffff;
}
.sy_solution  ul li .fu_div p{
    font-size:14px;
    color:#ffffff;
    line-height:20px;
    height:40px;
    overflow:hidden;
}
.sy_solution h3{
    font-size:28px;
    color:#333333;
    line-height:50px;
}
.sy_solution p{

    font-size:16px;
    color:#999999;
}
    .software ul li:nth-child(5),
    .software ul li:nth-child(6) {
        top: -100px;
    }
    .software ul li>p{
    position:absolute;
    top:56%;
   left:50%;
   margin-left:-73px;
    font-size:18px;
    color:#ffffff;
    width:146px;
    font-weight:bold;

}
    .software ul li .fu_tet h3{
       font-size:16px;
    color:#ffffff;
    width:60%;
    font-weight:bold;
    transform:rotateZ(-45deg);
    top:30%;
     position:absolute;
     left:6%;

}
.software ul li .fu_tet p{
    font-size:12px;
    color:#ffffff;
    line-height:20px;
      transform:rotateZ(-45deg);
      width:80%;
      position:absolute;
      left:16%;
      top:35%;
      height:60px;
      overflow:hidden;
    
}
.sy_three .div_fl1{
    width:25%;
    float:left;
  margin-top:80px;

}
}

@media (max-width: 1000px){
    .sy_tow {
    background-color: #ffffff;
    padding: 20px 0 0 0;
    text-align: center;
}
.sy_three{
    background:#ffffff;
    padding:0px 0px;
    
    height:auto

}
.sy_three .div_fl1{
    text-align:center;
     background-color:#0086d1;
    width:100%;
    float:left;
 padding:10px 5px;
  

}
.sy_three .div_fl1 img{
    width:100%;
}
.sy_three .div_fl1 p{
    font-size:20px;
    color:#ffffff;
    line-height:25px;
    font-size:16px;

}
.sy_three .div_fl1  span{
    width:80px;
    height:2px;
    background-color:#ffffff;
    display:block;
    margin-top:40px;
}
.sy_three .div_fr1{
   
   padding:10px 0;
    width:100%;
    float:right;

}
.sy_three .div_fr1 ul{
   margin-top:0;
    margin-left:0px;
}
.sy_three .div_fr1 ul li{
    float:left;
    width:100%;
   margin-left:0;
    overflow:hidden;
    margin-top:40px;
}
.sy_three .div_fr1 ul li .div_fl2{
    width:65px;
    float:left;

}
.sy_three .div_fr1 ul li .div_fl2 img{
    width:100%;
}
.sy_three .div_fr1 ul li .div_fr2{
    padding-left:80px;
}
.sy_three .div_fr1 ul li .div_fr2 h3{
    font-size:16px;
    color:#474747;
    font-weight:bold;

}
.sy_three .div_fr1 ul li .div_fr2 p{
    font-size:14px;
    color:#666666;
    line-height:20px;
    margin-top:10px;
    height:40px;
    overflow:hidden;
}

.sy_four .uneven{
    display:none;
}
.sy_four .single-item{
    display:block;
}

.AboutUs_one{
    background-color:#ffffff;
    overflow:hidden;
    padding:20px 0;
    margin-top:-15px;
}
.AboutUs_one .div{
   background:#00a0e9;
   height:auto;
   padding:20px 10px;
 
}
.AboutUs_one .div img{
    width:80%;
    margin-top:0px;
    padding-bottom:20px;
}
.AboutUs_one .div  p{
    font-size:14px;
    color:#ffffff;
    line-height:25px;

}
.product-info .product-left {width: 100%;}
.product-info .product-right{width: 100%;}
}

}

@media (max-width: 720px){
.sy_solution{
    padding:10px 0;
    text-align:center;
}
.AboutUs_one .div .img{
  font-size:26px;
  width:100%;
  padding-top: 20px;
  margin-top:0px;
  }
.sy_four {
    background-color: #ffffff;
    padding: 20px 0 100px 0;
}
.sy_solution>h3{
    font-size:18px;
    color:#333333;
    line-height:30px;
}
.sy_solution p{

    font-size:12px;
    color:#999999;
    padding-top:5px;
}
.sy_solution  ul{
    margin-left:-1%;
}
.sy_solution  ul li{
    position:relative;
    cursor:pointer;
    width:49%;
    float:left;
   margin-left:1%;
   margin-top:10px;

}
.sy_solution  ul li img{
    width:100%;
}
.sy_solution  ul li .fu_div{
    padding:10px;
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background-color:#0086d1;
    transform: scale(0);
    z-index:50;  
    transition:all 2s ease; 
}
.sy_solution  ul li .fu_div h3{
    font-size:18px;
    color:#ffffff;
    line-height:20px;
}
.sy_solution  ul li .fu_div p{
    font-size:12px;
    color:#ffffff;
    line-height:20px;
    height:60px;
    overflow:hidden;
}
.sy_solution  ul li:hover .fu_div{
    transform: scale(1.1);
}
.software{
    display:none;
}
.sj_software{
    display:block;
    overflow:hidden;
    padding:10px 5px;
}
.sy_four .h3{
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    text-align:center;
}
.sy_four .p{
    text-align:center;
    font-size:12px;
    color: #999999;
}


.sy_five{
    padding:20px 10px;
    overflow:hidden;
}

.sy_five .h3{
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    text-align:center;
}
.sy_five .p{
    text-align:center;
    font-size: 12px;
    color: #999999;
}
.sy_five .p1{
    font-size:14px;
    color:#0086d1;
    text-align:center;
    line-height:30px;
}
.sy_five .p1 span{
    background:url(../image/dh_tb.png) no-repeat 20px 0px ;
    background-size:30px;
    padding-left:50px;
    display:inline-block;
}
.sy_five input{
    width:100%;
    height:35px;
    border:solid 1px #eeeeee;
    background-color:#ffffff;
    border-radius:5px;
    text-indent:10px;
    margin-top:10px;

    
}

.sy_five select{
    width:100%;
    height:35px;
    border:solid 1px #eeeeee;
    background-color:#ffffff;
    border-radius:5px;
    text-indent:10px;
     margin-top:10px;
}
.sy_five .but{
    width:100%;
    height:35px;
    border:solid 1px #eeeeee;
    background-color:#0086d1;
    color:#ffffff;
    font-size:16px;
    border-radius:5px;
    text-indent:10px;
}
.problems{
    padding:20px 0;
}
.product-info .product-left {width: 100%;}
.product-info .product-right{width: 100%;}
}
.li-a{
    width:132px;
    text-align:center;
}