@charset "utf-8";

body h2 {
    font-family: "微软雅黑", "宋体";
    font-size: 100%;
    text-align: center;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    color: #FFFFFF;
    font-weight: 400;
}  
body footer {
    font-size: small;
    background-color: #383735;
    color: #FFFFFF;
    text-align: center;
    margin-top: 5%;
    padding-top: 10px;
    padding-bottom: 10px;
    clear: both;
}
header{
    /*导航顶部不移动*/
    margin-left: 0px;
    top: 0;
    position: fixed;
    width: 98.8%;
    z-index: 999;
}

nav {
    background-color: #383735;   	
}

img {pointer-event:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}

*{
 
 -webkit-touch-callout: none;

 -webkit-user-select: none;

 -moz-user-select: none;

 -ms-user-select: none;

  user-select: none;

          }


/*导航下拉菜单样式*/

.ziti{
    color: #000000;
    font-size: 16px;
    width: 120px;
}
.kevinwell {
    vertical-align: middle;
    max-width: 9%;
	min-width: 100px;
    text-decoration: none;
    padding-bottom: 10px;
    padding-left: 60px;
    margin-right: 4%;
	
}
.about {
    background-color: #383735;
	color: :white;
    padding-top: 20px;
    padding-right: 60px;
    padding-left: 60px;
    padding-bottom: 20px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    color: #FFFFFF;	
	}
	
.product {
    background-color: #383735;
	color: :white;
    padding-top: 20px;
    padding-right: 60px;
    padding-left: 60px;
    padding-bottom: 20px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    color: #FFFFFF;
}
.solution {
    background-color: #383735;
	color: :white;
    padding-top: 20px;
    padding-right: 60px;
    padding-left: 60px;
    padding-bottom: 20px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    color: #FFFFFF;
}
.service {
    background-color: #383735;
	color: :white;
    padding-top: 20px;
    padding-right: 60px;
    padding-left: 60px;
    padding-bottom: 20px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    color: #FFFFFF;
}
.language {
    background-color: #383735;
	color: :white;
    padding-top: 23px;
    padding-right:55px;
    padding-left: 55px;
    padding-bottom: 23px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    color: #FFFFFF;
}



.gouwuche {
   
    top: 9px;
    position: fixed;
    z-index: 999;
   
    padding-top: 0px;
    padding-right: 1%;
    padding-left: 1%;
    padding-bottom: 1%;
    border-width: 10px;
	width: 40px;
}


/*导航-网站首页*/
.dropdown{
     position: relative;
	 display: inline-block;
     }

    .dropdown-content{
         position: absolute;
         display: none;
         background-color: #f9f9f9;
         width: 100%;
         box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
         -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
               }
          .dropdown-content a{
    color: black;
    padding: 25px 30px;
    text-decoration: none;
    display: block;
    cursor: pointer;
    text-align: center;
	float: left;		  
                }

               .dropdown-content a:hover{
                     background-color: #F1F1F1;
                     }

               .dropdown:hover .dropdown-content{
                     display: block;
                    }

                .dropdown:hover .about{
                      background-color: #F1F1F1;
	                  color: #000000; 				
                      }

/*导航-产品中心*/
   .dropdown1{
    position: relative;
    display: inline-block;
	 
             }

             .dropdown1-content{
    position: absolute;
    display: none;
    background-color: #f9f9f9;
    width: 450px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    margin-left: -125px;
               }

              .dropdown1-content a{
    color: black;
    padding: 25px 13px;
    text-decoration: none;
    display: block;
    cursor: pointer;
    text-align: center;
	float: left;			  
               }

               .dropdown1-content a:hover{
                 background-color: #F1F1F1;
                 }

               .dropdown1:hover .dropdown1-content{
                display: block;
  
                }

                .dropdown1:hover .product{
    background: #F1F1F1;
    color: #000000;  
                 } 


/*导航-解决方案*/
 .dropdown2{
                 position: relative;
	 display: inline-block;
	 
             }

             .dropdown2-content{
                   position: absolute;
	   display: none;
	   background-color: #f9f9f9;
	   width:100%;
	   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  
               }

              .dropdown2-content a{
    color: black;
    padding: 25px 30px;
    text-decoration: none;
    display: block;
    text-align: center;
	cursor: pointer;
	float: left;			  
               }

               .dropdown2-content a:hover{
                 background-color: #F1F1F1;
                 }

               .dropdown2:hover .dropdown2-content{
                display: block;
  
                }

                .dropdown2:hover .solution{
                  background: #F1F1F1;
                  color: #000000;
                 } 


/*导航-服务支持*/
 .dropdown3{
                 position: relative;
	 display: inline-block;
	 
             }

             .dropdown3-content{
                   position: absolute;
	   display: none;
	   background-color: #f9f9f9;
	   width: 100%;
	   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  
               }

              .dropdown3-content a{
    color: black;
    padding: 25px 30px;
    text-decoration: none;
    display: block;
    text-align: center;
	cursor: pointer;
	float: left;			  
               }

               .dropdown3-content a:hover{
                 background-color: #F1F1F1;
                 }

               .dropdown3:hover .dropdown3-content{
                display: block;
  
                }

                .dropdown3:hover .service{
                  background: #F1F1F1;
                  color: #000000;
                 } 



/*导航-language*/
.dropdown4{
                 position: relative;
	 display: inline-block;
	 
             }

             .dropdown4-content{
                   position: absolute;
	   display: none;
	   background-color: #f9f9f9;
	   width: 100%;
	   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  
               }

              .dropdown4-content a{
    color: black;
    padding-top: 25px;
    padding-right: 28px;
    padding-left: 28px;
    padding-bottom: 25px;
    text-decoration: none;
    display: block;
    text-align: center;
    cursor: pointer;
    float: left;
               }

               .dropdown4-content a:hover{
    background-color: #F1F1F1;
    
                 }

               .dropdown4:hover .dropdown4-content{
                display: block;
  
                }

                .dropdown4:hover .language{
    background-color: #F1F1F1;
    color: #000000;
                 } 














/*产品中心*/
.chanpin1 {
    width: 32%;
    float: left;
    margin-bottom: 2%;
    background-color: #383735;
    }

      .chanpin1 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .chanpin1 img:hover{
              transform: scale(0.98);
              }

.chanpin2 {
    width: 32%;
    float: left;
    margin-left: 1.8%;
    margin-bottom: 2%;
    background-color: #383735;
    }
      .chanpin2 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .chanpin2 img:hover{
              transform: scale(0.98);
              } 


.chanpin3 {
    width: 32%;
    float: left;
    margin-left: 1.8%;
    margin-bottom: 2%;
    background-color: #383735;
    }
      .chanpin3 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .chanpin3 img:hover{
              transform: scale(0.98);
              }

.chanpin4 {
    width: 32%;
    float: left;
    margin-bottom: 2%;
    background-color: #383735;
    }

      .chanpin4 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .chanpin4 img:hover{
              transform: scale(0.98);
              }

.chanpin5 {
    width: 32%;
    float: left;
    margin-left: 1.8%;
    margin-bottom: 2%;
    background-color: #383735;
     }
      .chanpin5 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .chanpin5 img:hover{
              transform: scale(0.98);
              }


.chanpin6 {
    width: 32%;
    float: left;
    margin-left: 1.8%;
    margin-bottom: 2%;
    background-color: #383735;
    }
      .chanpin6 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .chanpin6 img:hover{
              transform: scale(0.98);
              }

.chanpin7 {
    width: 32%;
    float: left;
    margin-bottom: 2%;
    background-color: #383735;
    }

      .chanpin7 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .chanpin7 img:hover{
              transform: scale(0.98);
              }

.chanpin8 {
    width: 32%;
    float: left;
    margin-left: 1.8%;
    margin-bottom: 2%;
    background-color: #383735;
    }
      .chanpin8 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .chanpin8 img:hover{
              transform: scale(0.98);
              }


.chanpin9 {
    width: 32%;
    float: left;
    margin-left: 1.8%;
    margin-bottom: 2%;
    background-color: #383735;
    }
      .chanpin9 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .chanpin9 img:hover{
              transform: scale(0.98);
              }  


.chanpin10 {
    width: 32%;
    float: left;
    margin-bottom: 2%;
    background-color: #383735;
    }

      .chanpin10 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .chanpin10 img:hover{
              transform: scale(0.98);
              }

.chanpin11 {
    width: 32%;
    float: left;
    margin-left: 1.8%;
    margin-bottom: 2%;
    background-color: #383735;
    }
      .chanpin11 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .chanpin11 img:hover{
              transform: scale(0.98);
              }


.chanpin12 {
    width: 32%;
    float: left;
    margin-left: 1.8%;
    margin-bottom: 2%;
    background-color: #383735;
    }
      .chanpin12 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .chanpin12 img:hover{
              transform: scale(0.98);
              }  









/*公司介绍*/
.introduction-wenzi {
    position: absolute;
    top: 10%;
    left: 10%;
    padding-top: 1%;
    padding-right: 1%;
    padding-left: 1%;
    padding-bottom: 1%;
    border-radius: 10px;
    text-align: center;
    background-image: url(../images/gongsi%20bantouming.png);
    width: 20%;
    height: 70%;
    line-height: 0px;
    }
       .introduction-wenzi:hover{
             cursor: pointer;
             transition: all 0.6s;
             background-image: url(../images/gongsi%20bantouming3.png);
             }
       

.introductionsss  p {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 300;
    opacity: 1.0;
    text-align: center;
    line-height: 30px;
    }

.introductionsss {
    margin-bottom: 18px;
    margin-top: 5px;
    position: relative;
    width: 100%;
    float: left;
    opacity: 1;
    min-height: 250px;
    }
        .introductionsss img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .introductionsss img:hover{
              transform: scale(0.98);
              }

         .introductionsss h3 {
              color: #FFFFFF;
              }






/*应用案例*/	
.body3 {
    margin-left: 8%;
    margin-right: 8%;

}
.h3 {
    text-align: center;
    background-color: #AEE9F4;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    color: #524F4E;
    font-family: "微软雅黑", "宋体";
    padding-right: 0.5%;
    padding-left: 0.5%;
}

/*应用案例标题条*/
.anli {
    margin-bottom: 1%;
    margin-top: 0%;
    position: relative;
    width: 100%;
    float: left;
    opacity: 1;
    min-height: 25px;
}
.anli-wenzi {
    position: absolute;
    text-align: center;
    margin-left: 45%;
    font-size: 100%;
    top: -6%;
}
.anli-wenzi h1 {
    color: #383735;
}
.anli-tubiao {
    position: absolute;
   float: left
    margin-left: 0%;
    top: 19%;
    max-width: 70px;
}

 .anli-tubiao img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .anli-tubiao img:hover{
              transform: scale(0.9);
              }



.sectionleft31 {
    width: 49%;
    float: left;
    margin-bottom: 2%;
	position: relative;
    }
      .sectionleft31 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .sectionleft31 img:hover{
              transform: scale(0.98);
              }
    .sectionleft31-wenzi{
         top: 25%;
         left: 1%;
         right: 1%;
         line-height: 1;
         padding-top: 1%;
         padding-right: 1%;
         padding-left: 1%;
         padding-bottom: 1%;
         text-align: center;
         position: absolute;
         background-image: url(../images/gongsi%20bantouming5.png);
         width: 96%;
         height: 50%;
         border-radius: 10px;
         }
          .sectionleft31-wenzi:hover{
               cursor: pointer;
               transition: all 0.6s;
               background-image:   url(../images/gongsi%20bantouming3.png);
               }
        .sectionleft31-wenzi h3{
            color: #FFFFFF;     
            font-size: 120%;
            text-align: left;
            font-weight: 800;
            opacity: 1.0;
            }
        .sectionleft31-wenzi p {
             color: #FFFFFF;
             font-size: 100%;
             text-align: left;
             font-weight: 300;
             opacity: 1.0;
             line-height: 25px;
             }



.sectionright31 {
    width: 49%;
    margin-bottom: 2%;
    margin-left: 0%;
    float: right;
	position: relative;
    }
      .sectionright31 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .sectionright31 img:hover{
              transform: scale(0.98);
              }

     .sectionright31-wenzi{
           top: 25%;
           left: 1%;
           right: 1%;
           line-height: 1;
           padding-top: 1%;
           padding-right: 1%;
           padding-left: 1%;
           padding-bottom: 1%;
           text-align: center;
           position: absolute;
           background-image: url(../images/gongsi%20bantouming5.png);
           width: 96%;
           height: 50%;
           border-radius: 10px;
           }
            .sectionright31-wenzi:hover{
               cursor: pointer;
               transition: all 0.6s;
               background-image:   url(../images/gongsi%20bantouming3.png);
               }
        .sectionright31-wenzi h3{
              color: #FFFFFF;     
              font-size: 120%;
              text-align: left;
              font-weight: 800;
              opacity: 1.0;
              }
        .sectionright31-wenzi p {
              color: #FFFFFF;
              font-size: 100%;
              text-align: left;
              font-weight: 300;
              opacity: 1.0;
              line-height: 25px;
              }



.sectionleft32 {
    width: 49%;
    float: left;
    margin-bottom: 2%;
	position: relative;
    }
      .sectionleft32 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .sectionleft32 img:hover{
              transform: scale(0.98);
              }



       .sectionleft32-wenzi{
            top: 25%;
            left: 1%;
            right: 1%;
            line-height: 1;
            padding-top: 1%;
            padding-right: 1%;
            padding-left: 1%;
            padding-bottom: 1%;
            text-align: center;
            position: absolute;
            background-image: url(../images/gongsi%20bantouming5.png);
            width: 96%;
            height: 50%;
            border-radius: 10px;
            }
            .sectionleft32-wenzi:hover{
               cursor: pointer;
               transition: all 0.6s;
               background-image:   url(../images/gongsi%20bantouming3.png);
               }
           .sectionleft32-wenzi h3{
                color: #FFFFFF;     
                font-size: 120%;
                text-align: left;
                font-weight: 800;
                opacity: 1.0;
                }
           .sectionleft32-wenzi p {
                color: #FFFFFF;
                font-size: 100%;
                text-align: left;
                font-weight: 300;
                opacity: 1.0;
                line-height: 25px;
                }


.sectionright32 {
    width: 49%;
    margin-bottom: 2%;
    margin-left: 0%;
    float: right;
	position: relative;
    }
      .sectionright32 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .sectionright32 img:hover{
              transform: scale(0.98);
              }

      .sectionright32-wenzi{
          top: 25%;
          left: 1%;
          right: 1%;
          line-height: 1;
          padding-top: 1%;
          padding-right: 1%;
          padding-left: 1%;
          padding-bottom: 1%;
          text-align: center;
          position: absolute;
          background-image: url(../images/gongsi%20bantouming5.png);
          width: 96%;
          height: 50%;
          border-radius: 10px;
           }
          .sectionright32-wenzi:hover{
               cursor: pointer;
               transition: all 0.6s;
               background-image:   url(../images/gongsi%20bantouming3.png);
               }
     .sectionright32-wenzi h3{
           color: #FFFFFF;  
	       font-size: 120%;
           text-align: left;
           font-weight: 800;
           opacity: 1.0;
           }
      .sectionright32-wenzi p {
            color: #FFFFFF;
            font-size: 100%;
            text-align: left;
            font-weight: 300;
            opacity: 1.0;
            line-height: 25px;
            }





/*新闻动态*/
.body4 {
    margin-left: 8%;
    margin-right: 8%;
}
.h4 {
    text-align: center;
    background-color: #AEE9F4;
	color: #524F4E;
    font-family: "微软雅黑", "宋体";
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    
    margin-top: 0%;
    width: 100%;
}
.h5 {
    color: black;
    text-decoration: none;
    text-align: left;
    margin-left: 5%;
    margin-top: 8%;
    font-size: 20px;
    font-weight: 400;
}



.sectionleft41 {
    width: 49%;
    float: left;
    margin-bottom: 2%;
    background-image: url(../images/gongsi%20bantouming2.png);
	 }
	    .sectionleft41:hover{
              cursor: pointer;
              transition: all 0.6s;
              background-image: url(../images/gongsi%20bantouming3.png);
              }
	     .sectionleft41:hover .h5{
	          color: white;
              }


.sectionright41 {
    width: 49%;
    margin-bottom: 2%;
    margin-left: 0%;
    float: right;
    background-image: url(../images/gongsi%20bantouming2.png);
     }
         .sectionright41:hover{
               cursor: pointer;
               transition: all 0.6s;
               background-image:   url(../images/gongsi%20bantouming3.png);
               }
	     .sectionright41:hover .h5{
	           color: white;
               }
.sectionleft42 {
    width: 49%;
    float: left;
    margin-bottom: 2%;
    background-image: url(../images/gongsi%20bantouming2.png);
	 }
	    .sectionleft42:hover{
              cursor: pointer;
              transition: all 0.6s;
              background-image: url(../images/gongsi%20bantouming3.png);
              }
	     .sectionleft42:hover .h5{
	          color: white;
              }


.sectionright42 {
    width: 49%;
    margin-bottom: 2%;
    margin-left: 0%;
    float: right;
    background-image: url(../images/gongsi%20bantouming2.png);
     }
         .sectionright42:hover{
               cursor: pointer;
               transition: all 0.6s;
               background-image:   url(../images/gongsi%20bantouming3.png);
               }
	     .sectionright42:hover .h5{
	           color: white;
               }
















@media (max-width:2048px){	

/*导航下拉菜单样式*/

.ziti{
    color: #000000;
    font-size: 16px;
    width: 120px;
}
.kevinwell {
    vertical-align: middle;
    max-width: 9%;
	min-width: 100px;
    text-decoration: none;
    padding-bottom: 10px;
    padding-left: 60px;
    margin-right: 4%;
	
}
.about {
    background-color: #383735;
	color: :white;
    padding-top: 20px;
    padding-right: 60px;
    padding-left: 60px;
    padding-bottom: 20px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    color: #FFFFFF;	
	}
	
.product {
    background-color: #383735;
	color: :white;
    padding-top: 20px;
    padding-right: 60px;
    padding-left: 60px;
    padding-bottom: 20px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    color: #FFFFFF;
}
.solution {
    background-color: #383735;
	color: :white;
    padding-top: 20px;
    padding-right: 60px;
    padding-left: 60px;
    padding-bottom: 20px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    color: #FFFFFF;
}
.service {
    background-color: #383735;
	color: :white;
    padding-top: 20px;
    padding-right: 60px;
    padding-left: 60px;
    padding-bottom: 20px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    color: #FFFFFF;
}
.language {
    background-color: #383735;
	color: :white;
    padding-top: 23px;
    padding-right:55px;
    padding-left: 55px;
    padding-bottom: 23px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    color: #FFFFFF;
}



.gouwuche {
   
    top: 9px;
    position: fixed;
    z-index: 999;
   
    padding-top: 0px;
    padding-right: 1%;
    padding-left: 1%;
    padding-bottom: 1%;
    border-width: 10px;
	width: 40px;
}


/*导航-网站首页*/
.dropdown{
     position: relative;
	 display: inline-block;
     }

    .dropdown-content{
         position: absolute;
         display: none;
         background-color: #f9f9f9;
         width: 100%;
         box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
         -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
               }
          .dropdown-content a{
    color: black;
    padding: 25px 30px;
    text-decoration: none;
    display: block;
    cursor: pointer;
    text-align: center;
	float: left;		  
                }

               .dropdown-content a:hover{
                     background-color: #F1F1F1;
                     }

               .dropdown:hover .dropdown-content{
                     display: block;
                    }

                .dropdown:hover .about{
                      background-color: #F1F1F1;
	                  color: #000000; 				
                      }

/*导航-产品中心*/
   .dropdown1{
    position: relative;
    display: inline-block;
	 
             }

             .dropdown1-content{
    position: absolute;
    display: none;
    background-color: #f9f9f9;
    width: 450px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    margin-left: -125px;
               }

              .dropdown1-content a{
    color: black;
    padding: 25px 13px;
    text-decoration: none;
    display: block;
    cursor: pointer;
    text-align: center;
	float: left;			  
               }

               .dropdown1-content a:hover{
                 background-color: #F1F1F1;
                 }

               .dropdown1:hover .dropdown1-content{
                display: block;
  
                }

                .dropdown1:hover .product{
    background: #F1F1F1;
    color: #000000;  
                 } 


/*导航-解决方案*/
 .dropdown2{
                 position: relative;
	 display: inline-block;
	 
             }

             .dropdown2-content{
                   position: absolute;
	   display: none;
	   background-color: #f9f9f9;
	   width:100%;
	   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  
               }

              .dropdown2-content a{
    color: black;
    padding: 25px 30px;
    text-decoration: none;
    display: block;
    text-align: center;
	cursor: pointer;
	float: left;			  
               }

               .dropdown2-content a:hover{
                 background-color: #F1F1F1;
                 }

               .dropdown2:hover .dropdown2-content{
                display: block;
  
                }

                .dropdown2:hover .solution{
                  background: #F1F1F1;
                  color: #000000;
                 } 


/*导航-服务支持*/
 .dropdown3{
                 position: relative;
	 display: inline-block;
	 
             }

             .dropdown3-content{
                   position: absolute;
	   display: none;
	   background-color: #f9f9f9;
	   width: 100%;
	   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  
               }

              .dropdown3-content a{
    color: black;
    padding: 25px 30px;
    text-decoration: none;
    display: block;
    text-align: center;
	cursor: pointer;
	float: left;			  
               }

               .dropdown3-content a:hover{
                 background-color: #F1F1F1;
                 }

               .dropdown3:hover .dropdown3-content{
                display: block;
  
                }

                .dropdown3:hover .service{
                  background: #F1F1F1;
                  color: #000000;
                 } 



/*导航-language*/
.dropdown4{
                 position: relative;
	 display: inline-block;
	 
             }

             .dropdown4-content{
                   position: absolute;
	   display: none;
	   background-color: #f9f9f9;
	   width: 100%;
	   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  
               }

              .dropdown4-content a{
    color: black;
    padding-top: 25px;
    padding-right: 28px;
    padding-left: 28px;
    padding-bottom: 25px;
    text-decoration: none;
    display: block;
    text-align: center;
    cursor: pointer;
    float: left;
               }

               .dropdown4-content a:hover{
    background-color: #F1F1F1;
    
                 }

               .dropdown4:hover .dropdown4-content{
                display: block;
  
                }

                .dropdown4:hover .language{
    background-color: #F1F1F1;
    color: #000000;
                 } 














/*产品中心*/
.chanpin1 {
    width: 32%;
    float: left;
    margin-bottom: 2%;
    background-color: #383735;
    }

      .chanpin1 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .chanpin1 img:hover{
              transform: scale(0.98);
              }

.chanpin2 {
    width: 32%;
    float: left;
    margin-left: 1.8%;
    margin-bottom: 2%;
    background-color: #383735;
    }
      .chanpin2 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .chanpin2 img:hover{
              transform: scale(0.98);
              } 


.chanpin3 {
    width: 32%;
    float: left;
    margin-left: 1.8%;
    margin-bottom: 2%;
    background-color: #383735;
    }
      .chanpin3 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .chanpin3 img:hover{
              transform: scale(0.98);
              }

.chanpin4 {
    width: 32%;
    float: left;
    margin-bottom: 2%;
    background-color: #383735;
    }

      .chanpin4 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .chanpin4 img:hover{
              transform: scale(0.98);
              }

.chanpin5 {
    width: 32%;
    float: left;
    margin-left: 1.8%;
    margin-bottom: 2%;
    background-color: #383735;
     }
      .chanpin5 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .chanpin5 img:hover{
              transform: scale(0.98);
              }


.chanpin6 {
    width: 32%;
    float: left;
    margin-left: 1.8%;
    margin-bottom: 2%;
    background-color: #383735;
    }
      .chanpin6 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .chanpin6 img:hover{
              transform: scale(0.98);
              }

.chanpin7 {
    width: 32%;
    float: left;
    margin-bottom: 2%;
    background-color: #383735;
    }

      .chanpin7 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .chanpin7 img:hover{
              transform: scale(0.98);
              }

.chanpin8 {
    width: 32%;
    float: left;
    margin-left: 1.8%;
    margin-bottom: 2%;
    background-color: #383735;
    }
      .chanpin8 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .chanpin8 img:hover{
              transform: scale(0.98);
              }


.chanpin9 {
    width: 32%;
    float: left;
    margin-left: 1.8%;
    margin-bottom: 2%;
    background-color: #383735;
    }
      .chanpin9 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .chanpin9 img:hover{
              transform: scale(0.98);
              }  


.chanpin10 {
    width: 32%;
    float: left;
    margin-bottom: 2%;
    background-color: #383735;
    }

      .chanpin10 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .chanpin10 img:hover{
              transform: scale(0.98);
              }

.chanpin11 {
    width: 32%;
    float: left;
    margin-left: 1.8%;
    margin-bottom: 2%;
    background-color: #383735;
    }
      .chanpin11 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .chanpin11 img:hover{
              transform: scale(0.98);
              }


.chanpin12 {
    width: 32%;
    float: left;
    margin-left: 1.8%;
    margin-bottom: 2%;
    background-color: #383735;
    }
      .chanpin12 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .chanpin12 img:hover{
              transform: scale(0.98);
              }  









/*公司介绍*/
.introduction-wenzi {
    position: absolute;
    top: 10%;
    left: 10%;
    padding-top: 1%;
    padding-right: 1%;
    padding-left: 1%;
    padding-bottom: 1%;
    border-radius: 10px;
    text-align: center;
    background-image: url(../images/gongsi%20bantouming.png);
    width: 20%;
    height: 70%;
    line-height: 0px;
    }
       .introduction-wenzi:hover{
             cursor: pointer;
             transition: all 0.6s;
             background-image: url(../images/gongsi%20bantouming3.png);
             }
       

.introductionsss  p {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 300;
    opacity: 1.0;
    text-align: center;
    line-height: 30px;
    }

.introductionsss {
    margin-bottom: 18px;
    margin-top: 5px;
    position: relative;
    width: 100%;
    float: left;
    opacity: 1;
    min-height: 250px;
    }
        .introductionsss img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .introductionsss img:hover{
              transform: scale(0.98);
              }

         .introductionsss h3 {
              color: #FFFFFF;
              }






/*应用案例*/	
.body3 {
    margin-left: 8%;
    margin-right: 8%;

}
.h3 {
    text-align: center;
    background-color: #AEE9F4;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    color: #524F4E;
    font-family: "微软雅黑", "宋体";
    padding-right: 0.5%;
    padding-left: 0.5%;
}

/*应用案例标题条*/
.anli {
    margin-bottom: 1%;
    margin-top: 0%;
    position: relative;
    width: 100%;
    float: left;
    opacity: 1;
    min-height: 25px;
}
.anli-wenzi {
    position: absolute;
    text-align: center;
    margin-left: 43%;
    font-size: 100%;
    top: -20%;
}
.anli-wenzi h1 {
    color: #383735;
}
.anli-tubiao {
    position: absolute;
   float: left
    margin-left: 0%;
    top: 10%;
    max-width: 70px;
}

 .anli-tubiao img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .anli-tubiao img:hover{
              transform: scale(0.9);
              }



.sectionleft31 {
    width: 49%;
    float: left;
    margin-bottom: 2%;
	position: relative;
    }
      .sectionleft31 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .sectionleft31 img:hover{
              transform: scale(0.98);
              }
    .sectionleft31-wenzi{
         top: 25%;
         left: 1%;
         right: 1%;
         line-height: 1;
         padding-top: 1%;
         padding-right: 1%;
         padding-left: 1%;
         padding-bottom: 1%;
         text-align: center;
         position: absolute;
         background-image: url(../images/gongsi%20bantouming5.png);
         width: 96%;
         height: 50%;
         border-radius: 10px;
         }
          .sectionleft31-wenzi:hover{
               cursor: pointer;
               transition: all 0.6s;
               background-image:   url(../images/gongsi%20bantouming3.png);
               }
        .sectionleft31-wenzi h3{
            color: #FFFFFF;     
            font-size: 120%;
            text-align: left;
            font-weight: 800;
            opacity: 1.0;
            }
        .sectionleft31-wenzi p {
             color: #FFFFFF;
             font-size: 100%;
             text-align: left;
             font-weight: 300;
             opacity: 1.0;
             line-height: 25px;
             }



.sectionright31 {
    width: 49%;
    margin-bottom: 2%;
    margin-left: 0%;
    float: right;
	position: relative;
    }
      .sectionright31 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .sectionright31 img:hover{
              transform: scale(0.98);
              }

     .sectionright31-wenzi{
           top: 25%;
           left: 1%;
           right: 1%;
           line-height: 1;
           padding-top: 1%;
           padding-right: 1%;
           padding-left: 1%;
           padding-bottom: 1%;
           text-align: center;
           position: absolute;
           background-image: url(../images/gongsi%20bantouming5.png);
           width: 96%;
           height: 50%;
           border-radius: 10px;
           }
            .sectionright31-wenzi:hover{
               cursor: pointer;
               transition: all 0.6s;
               background-image:   url(../images/gongsi%20bantouming3.png);
               }
        .sectionright31-wenzi h3{
              color: #FFFFFF;     
              font-size: 120%;
              text-align: left;
              font-weight: 800;
              opacity: 1.0;
              }
        .sectionright31-wenzi p {
              color: #FFFFFF;
              font-size: 100%;
              text-align: left;
              font-weight: 300;
              opacity: 1.0;
              line-height: 25px;
              }



.sectionleft32 {
    width: 49%;
    float: left;
    margin-bottom: 2%;
	position: relative;
    }
      .sectionleft32 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .sectionleft32 img:hover{
              transform: scale(0.98);
              }



       .sectionleft32-wenzi{
            top: 25%;
            left: 1%;
            right: 1%;
            line-height: 1;
            padding-top: 1%;
            padding-right: 1%;
            padding-left: 1%;
            padding-bottom: 1%;
            text-align: center;
            position: absolute;
            background-image: url(../images/gongsi%20bantouming5.png);
            width: 96%;
            height: 50%;
            border-radius: 10px;
            }
            .sectionleft32-wenzi:hover{
               cursor: pointer;
               transition: all 0.6s;
               background-image:   url(../images/gongsi%20bantouming3.png);
               }
           .sectionleft32-wenzi h3{
                color: #FFFFFF;     
                font-size: 120%;
                text-align: left;
                font-weight: 800;
                opacity: 1.0;
                }
           .sectionleft32-wenzi p {
                color: #FFFFFF;
                font-size: 100%;
                text-align: left;
                font-weight: 300;
                opacity: 1.0;
                line-height: 25px;
                }


.sectionright32 {
    width: 49%;
    margin-bottom: 2%;
    margin-left: 0%;
    float: right;
	position: relative;
    }
      .sectionright32 img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .sectionright32 img:hover{
              transform: scale(0.98);
              }

      .sectionright32-wenzi{
          top: 25%;
          left: 1%;
          right: 1%;
          line-height: 1;
          padding-top: 1%;
          padding-right: 1%;
          padding-left: 1%;
          padding-bottom: 1%;
          text-align: center;
          position: absolute;
          background-image: url(../images/gongsi%20bantouming5.png);
          width: 96%;
          height: 50%;
          border-radius: 10px;
           }
          .sectionright32-wenzi:hover{
               cursor: pointer;
               transition: all 0.6s;
               background-image:   url(../images/gongsi%20bantouming3.png);
               }
     .sectionright32-wenzi h3{
           color: #FFFFFF;  
	       font-size: 120%;
           text-align: left;
           font-weight: 800;
           opacity: 1.0;
           }
      .sectionright32-wenzi p {
            color: #FFFFFF;
            font-size: 100%;
            text-align: left;
            font-weight: 300;
            opacity: 1.0;
            line-height: 25px;
            }





/*新闻动态*/
.body4 {
    margin-left: 8%;
    margin-right: 8%;
}
.h4 {
    text-align: center;
    background-color: #AEE9F4;
	color: #524F4E;
    font-family: "微软雅黑", "宋体";
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    
    margin-top: 0%;
    width: 100%;
}
.h5 {
    color: black;
    text-decoration: none;
    text-align: left;
    margin-left: 5%;
    margin-top: 8%;
    font-size: 20px;
    font-weight: 400;
}



.sectionleft41 {
    width: 49%;
    float: left;
    margin-bottom: 2%;
    background-image: url(../images/gongsi%20bantouming2.png);
	 }
	    .sectionleft41:hover{
              cursor: pointer;
              transition: all 0.6s;
              background-image: url(../images/gongsi%20bantouming3.png);
              }
	     .sectionleft41:hover .h5{
	          color: white;
              }


.sectionright41 {
    width: 49%;
    margin-bottom: 2%;
    margin-left: 0%;
    float: right;
    background-image: url(../images/gongsi%20bantouming2.png);
     }
         .sectionright41:hover{
               cursor: pointer;
               transition: all 0.6s;
               background-image:   url(../images/gongsi%20bantouming3.png);
               }
	     .sectionright41:hover .h5{
	           color: white;
               }
.sectionleft42 {
    width: 49%;
    float: left;
    margin-bottom: 2%;
    background-image: url(../images/gongsi%20bantouming2.png);
	 }
	    .sectionleft42:hover{
              cursor: pointer;
              transition: all 0.6s;
              background-image: url(../images/gongsi%20bantouming3.png);
              }
	     .sectionleft42:hover .h5{
	          color: white;
              }


.sectionright42 {
    width: 49%;
    margin-bottom: 2%;
    margin-left: 0%;
    float: right;
    background-image: url(../images/gongsi%20bantouming2.png);
     }
         .sectionright42:hover{
               cursor: pointer;
               transition: all 0.6s;
               background-image:   url(../images/gongsi%20bantouming3.png);
               }
	     .sectionright42:hover .h5{
	           color: white;
               }




}















@media (max-width:1680px){
/*导航下拉菜单样式*/

.ziti{
    color: #000000;
    font-size: 16px;
    width: 120px;
}
.kevinwell {
    vertical-align: middle;
    max-width: 10%;
	min-width: 100px;
    text-decoration: none;
    padding-bottom: 10px;
    padding-left: 60px;
    margin-right: 4%;
}
.about {
    background-color: #383735;
	color: :white;
    padding-top: 20px;
    padding-right: 60px;
    padding-left: 60px;
    padding-bottom: 20px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    color: #FFFFFF;	
	}
	
.product {
    background-color: #383735;
	color: :white;
    padding-top: 20px;
    padding-right: 60px;
    padding-left: 60px;
    padding-bottom: 20px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    color: #FFFFFF;
}
.solution {
    background-color: #383735;
	color: :white;
    padding-top: 20px;
    padding-right: 60px;
    padding-left: 60px;
    padding-bottom: 20px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    color: #FFFFFF;
}
.service {
    background-color: #383735;
	color: :white;
    padding-top: 20px;
    padding-right: 60px;
    padding-left: 60px;
    padding-bottom: 20px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    color: #FFFFFF;
}
.language {
    background-color: #383735;
	color: :white;
    padding-top: 23px;
    padding-right:55px;
    padding-left: 55px;
    padding-bottom: 23px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    color: #FFFFFF;
}

.gouwuche {
   
    top: 9px;
    position: fixed;
    z-index: 999;
    
    padding-top: 0px;
    padding-right: 1%;
    padding-left: 1%;
    padding-bottom: 1%;
    border-width: 10px;
	width: 40px;
}	

/*导航-网站首页*/
.dropdown{
     position: relative;
	 display: inline-block;
     }

    .dropdown-content{
         position: absolute;
         display: none;
         background-color: #f9f9f9;
         width: 100%;
         box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
         -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
               }
          .dropdown-content a{
    color: black;
    padding: 25px 30px;
    text-decoration: none;
    display: block;
    cursor: pointer;
    text-align: center;
	float: left;		  
                }

               .dropdown-content a:hover{
                     background-color: #F1F1F1;
                     }

               .dropdown:hover .dropdown-content{
                     display: block;
                    }

                .dropdown:hover .about{
                      background-color: #F1F1F1;
	                  color: #000000; 				
                      }

/*导航-产品中心*/
   .dropdown1{
    position: relative;
    display: inline-block;
	 
             }

             .dropdown1-content{
    position: absolute;
    display: none;
    background-color: #f9f9f9;
    width: 450px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    margin-left: -125px;  
               }

              .dropdown1-content a{
    color: black;
    padding: 25px 13px;
    text-decoration: none;
    display: block;
    cursor: pointer;
    text-align: center;
	float: left;			  
               }

               .dropdown1-content a:hover{
                 background-color: #F1F1F1;
                 }

               .dropdown1:hover .dropdown1-content{
                display: block;
  
                }

                .dropdown1:hover .product{
    background: #F1F1F1;
    color: #000000;  
                 } 

/*导航-解决方案*/
.dropdown2{
     position: relative;
	 display: inline-block;
     }

    .dropdown2-content{
         position: absolute;
         display: none;
         background-color: #f9f9f9;
         width: 100%;
         box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
         
               }
          .dropdown2-content a{
    color: black;
    padding: 25px 30px;
    text-decoration: none;
    display: block;
    cursor: pointer;
    text-align: center;
	float: left;		  
                }

               .dropdown2-content a:hover{
                     background-color: #F1F1F1;
                     }

               .dropdown2:hover .dropdown2-content{
                     display: block;
                    }

                .dropdown2:hover .about{
                      background-color: #F1F1F1;
	                  color: #000000; 				
                      }
/*导航-服务支持*/
.dropdown3{
     position: relative;
	 display: inline-block;
     }

    .dropdown3-content{
         position: absolute;
         display: none;
         background-color: #f9f9f9;
         width: 100%;
         box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
         
               }
          .dropdown3-content a{
    color: black;
    padding: 25px 30px;
    text-decoration: none;
    display: block;
    cursor: pointer;
    text-align: center;
	float: left;		  
                }

               .dropdown3-content a:hover{
                     background-color: #F1F1F1;
                     }

               .dropdown3:hover .dropdown3-content{
                     display: block;
                    }

                .dropdown3:hover .about{
                      background-color: #F1F1F1;
	                  color: #000000; 				
                      }

/*导航-lanaguage*/
.dropdown4{
     position: relative;
	 display: inline-block;
     }

    .dropdown4-content{
         position: absolute;
         display: none;
         background-color: #f9f9f9;
         width: 100%;
         box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
         
               }
          .dropdown4-content a{
    color: black;
    padding-top: 25px;
    padding-right: 27px;
    padding-left: 27px;
    padding-bottom: 25px;
    text-decoration: none;
    display: block;
    cursor: pointer;
    text-align: center;
    float: left;
                }

               .dropdown4-content a:hover{
                     background-color: #F1F1F1;
                     }

               .dropdown4:hover .dropdown3-content{
                     display: block;
                    }

                .dropdown4:hover .about{
                      background-color: #F1F1F1;
	                  color: #000000; 				
                      }
	
	
	
	
	


	
	
	
	
	
	
/*应用案例标题条*/
.anli {
    margin-bottom: 1%;
    margin-top: 0%;
    position: relative;
    width: 100%;
    float: left;
    opacity: 1;
    min-height: 25px;
}
.anli-wenzi {
    position: absolute;
    text-align: center;
    margin-left: 43%;
    font-size: 80%;
    top: -20%;
}
.anli-wenzi h1 {
    color: #383735;
}
.anli-tubiao {
    position: absolute;
   float: left
    margin-left: 0%;
    top: 6%;
    max-width: 70px;
}
.anli-tubiao img {
    cursor: pointer;
    transition: all 0.6s;
             }
.anli-tubiao img:hover {
    transform: scale(0.9);
              }		

	
	
	
	
}















/*min-width:1240px*/
@media (max-width:1240px){
/*网站导航*/
body h2 {
    font-family: "微软雅黑", "宋体";
    font-size: 35px;
    text-align: center;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    color: #FFFFFF;
    font-weight: 400;	
	}
	
.ziti{
    color: #000000;
    font-size: 35px;
    width: 300px;
}	

	
.kevinwell {
    vertical-align: middle;
    max-width: 40%;
    min-width: 100px;
    text-decoration: none;
    padding-bottom: 20px;
    padding-left: 30px;
    margin-right: 4%;
    padding-right: 900px;
    padding-top: 20px;
}	
.about {
    background-color: #383735;

	color: white;
    padding-top: 20px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 20px;
    font-size: 35px;
    border: none;
    cursor: pointer;
    color: #FFFFFF;
	}
.product {
    background-color: #383735;

	color: white;
    padding-top: 20px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 20px;
    font-size: 35px;
    border: none;
    cursor: pointer;
    color: #FFFFFF;
}
.solution {
    background-color: #383735;

	color: white;
    padding-top: 20px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 20px;
    font-size: 35px;
    border: none;
    cursor: pointer;
    color: #FFFFFF;
}
.service {
    background-color: #383735;

	color: white;
    padding-top: 20px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 20px;
    font-size: 35px;
    border: none;
    cursor: pointer;
    color: #FFFFFF;
}
.language {
    background-color: #383735;

	color: white;
    padding-top: 20px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 20px;
    font-size: 35px;
    border: none;
    cursor: pointer;
    color: #FFFFFF;
}
	
.gouwuche {
    top: 5px;
    position: fixed;
    z-index: 999;
    right: 20px;
    padding-top: 0px;
    padding-right: 1%;
    padding-left: 1%;
    padding-bottom: 1%;
    border-width: 10px;
    width: 100px;
}	
	
/*导航-网站首页*/
.dropdown{
    position: relative;
    display: inline-block;
    margin-left: 1px;
     }

    .dropdown-content{
         position: absolute;
         display: none;
		width: 320px;
         background-color: #f9f9f9;
         box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
          -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
		margin-left: 0px;
          }
          .dropdown-content a{
    color: black;
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
    text-decoration: none;
    display: block;
    text-align: center;
    cursor: pointer;
    float: left;
                }

               .dropdown-content a:hover{
                     background-color: #F1F1F1;
                     }

               .dropdown:hover .dropdown-content{
                     display: block;
                    }
                .dropdown:hover .about{
                      background-color: #F1F1F1;
	                  color: #000000; 				
                      }



/*导航-产品中心*/
   .dropdown1{
    position: relative;
    display: inline-block;
    margin-left: 1px;	 
       }

        .dropdown1-content{
    position: absolute;
    display: none;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   width: 320px;
    margin-left: 0px;
               }

        .dropdown1-content a{
    color: black;
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
    text-decoration: none;
    display: block;
    text-align: center;
    cursor: pointer;
    float: left;
               }

               .dropdown1-content a:hover{
                 background-color: #F1F1F1;
                 }

               .dropdown1:hover .dropdown1-content{
                display: block;
                }

                .dropdown1:hover .product{
    background: #F1F1F1;
    color: #000000;  
                 } 


/*导航-解决方案*/
   .dropdown2{
    position: relative;
    display: inline-block;
    margin-left: 1px;
     }

    .dropdown2-content{
         position: absolute;
         display: none;
		width: 320px;
         background-color: #f9f9f9;
         box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
          
		margin-left: 0px;
          }
          .dropdown2-content a{
    color: black;
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
    text-decoration: none;
    display: block;
    text-align: center;
    cursor: pointer;
    float: left;
                }

               .dropdown2-content a:hover{
                     background-color: #F1F1F1;
                     }

               .dropdown2:hover .dropdown2-content{
                     display: block;
                    }
                .dropdown2:hover .about{
                      background-color: #F1F1F1;
	                  color: #000000; 				
                      }


	
	/*导航-服务支持*/
  .dropdown3{
    position: relative;
    display: inline-block;
    margin-left: 1px;
     }

    .dropdown3-content{
         position: absolute;
         display: none;
		width: 320px;
         background-color: #f9f9f9;
         box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
          
		margin-left: 0px;
          }
          .dropdown3-content a{
    color: black;
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
    text-decoration: none;
    display: block;
    text-align: center;
    cursor: pointer;
    float: left;
                }

               .dropdown3-content a:hover{
                     background-color: #F1F1F1;
                     }

               .dropdown3:hover .dropdown3-content{
                     display: block;
                    }
                .dropdown3:hover .about{
                      background-color: #F1F1F1;
	                  color: #000000; 				
                      }


	
	/*导航-language*/
   .dropdown4{
    position: relative;
    display: inline-block;
    margin-left: 1px;
     }

    .dropdown4-content{
         position: absolute;
         display: none;
		width: 320px;
         background-color: #f9f9f9;
         box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
         
		margin-left: 0px;
          }
          .dropdown4-content a{
    color: black;
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
    text-decoration: none;
    display: block;
    text-align: center;
    cursor: pointer;
    float: left;
                }

               .dropdown4-content a:hover{
                     background-color: #F1F1F1;
                     }

               .dropdown4:hover .dropdown4-content{
                     display: block;
                    }
                .dropdown4:hover .about{
                      background-color: #F1F1F1;
	                  color: #000000; 				
                      }


	
	
	
	
	




	
	
	
	
/*产品中心*/
.chanpin1 {
    width: 49%;
    float: left;
    margin-bottom: 2%;
    background-color: #383735;
    margin-left: 0%;
}
.chanpin2 {
    width: 49%;
    float: right;
	 margin-left: 0%;
    margin-bottom: 2%;
    background-color: #383735;
}
.chanpin3 {
    width: 49%;
    margin-bottom: 2%;
    background-color: #383735;
    float: left;
	margin-left: 0%;
}
.chanpin4 {
    width: 49%;
    float: right;
    margin-left: 0%;
    margin-bottom: 2%;
    background-color: #383735;
}
.chanpin5 {
    width: 49%;
    float: left;
    margin-bottom: 2%;
    background-color: #383735;
	margin-left: 0%;
}
.chanpin6 {
    width: 49%;
    float: right;
	 margin-left: 0%;
    margin-bottom: 2%;
    background-color: #383735;
}
.chanpin7 {
    width: 49%;
    float: left;
    margin-bottom: 2%;
    background-color: #383735;
	margin-left: 0%;
}
.chanpin8 {
    width: 49%;
    float: right;
	 margin-left: 0%;
    margin-bottom: 2%;
    background-color: #383735;
}
.chanpin9 {
    width: 49%;
    float: left;
    margin-bottom: 2%;
    background-color: #383735;
	margin-left: 0%;
}
.chanpin10 {
    width: 49%;
    float: right;
	 margin-left: 0%;
    margin-bottom: 2%;
    background-color: #383735;
}
.chanpin11 {
    width: 49%;
    float: left;
    margin-bottom: 2%;
    background-color: #383735;
	margin-left: 0%;
}
.chanpin12 {
    width: 49%;
    float: right;
	 margin-left: 0%;
    margin-bottom: 2%;
    background-color: #383735;
}
	
	
.chanp{
    margin-top: 160px;	 
	}

/*应用案例*/	
	.anli {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    height: 100px;
    float: left;
    opacity: 1;
    min-height: 25px;
}	
.anli-wenzi {
    position: absolute;
    text-align: center;
    margin-left: 34%;
    font-size: 20px;
    top: -3%;
	
}	
.anli-wenzi h1 {
    color: #383735;
}
.anli-tubiao {
    position: absolute;
   float: left
    margin-left: 0%;
    top: 7%;
    max-width: 150px;
	
}

 .anli-tubiao img{
            cursor: pointer;
            transition: all 0.6s;
             }
         .anli-tubiao img:hover{
              transform: scale(0.9);
              }	
	
	
	
	
}