#headdiv{ position:absolute;top: 0px; width: 100%; z-index: 1000; background:#fff;box-shadow: 0px 0px 10px rgba(195,195,195,0.75);}
/*logo和导航*/
.top02{ width:96%; margin:0 auto; max-width:1600px;}

.logo{float:left; width:400px; margin:10px 0}
.logo img{float:left; height:80px; width:auto}
.logo .logo-text{color:#303030;line-height:80px; font-size:18px; padding-left:20px;overflow:hidden}
.nav{float:right;margin-top:40px;} 
.nav li{position:relative}
.nav li.m{width:auto;float:left;text-align:center;}
.nav li em{ display:block; width:80px; margin:0 auto; height:0; position:absolute; left:50%; transform:translateX(-50%); background:#2db1e8; margin-top:35px;  transition:all 0.6s}
.nav .m.on em{  height:5px; position:absolute;transition:all 0.6s }
.nav li:hover em{height:5px; position:absolute;transition:all 0.6s }
.nav .m.on a.mmm{color:#2db1e8}
.nav a.mmm{width:auto; padding:0 30px; padding-top:0px;display:block;font-size:16px;color:#191919}
/*二级导航*/
.nav .sub{display:none;width:100%;padding:0;position:fixed;top:100px;overflow:hidden;text-align:left;z-index:110;left:0;background-color:#f5f5f5}
.nav .sub .nav_xiao{width:100%; max-width:1400px;overflow:hidden;margin:0 auto}

/*二级导航-网站建设*/

/*二级导航-关于我们*/

/*产品*/
.nav .sub .nav_xiao .xiao_three{overflow:hidden;margin-top:60px;margin-bottom:60px}
.nav .sub .nav_xiao .xiao_three ul li{float:left;display:inline;width:18%; padding:15px 0;overflow:hidden;margin-right:2%; margin-bottom:2%;text-align:center;position:inherit;background-color:#fff; line-height:40px;transition:all 0.6s}
.nav .sub .nav_xiao .xiao_three ul li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.25); transition:all 0.6s}

.nav .sub .nav_xiao .xiao_three ul li:last-child{margin-right:0}
.nav .sub .nav_xiao .xiao_three ul li img{ display:block; height:140px; width:auto; margin:0 auto; max-width:100%;transition:all .3s}
.nav .sub .nav_xiao .xiao_three ul li a{color:#000;width:100%;font-size:14px;height:100%;display:block;}
.nav .sub .nav_xiao .xiao_three ul li a:hover{color:#2db1e8}


/*关于我们*/

.nav .sub .nav_xiao .xiao_five{width:549px;overflow:hidden;float:left;margin-top:40px;margin-bottom:40px;border-right:1px solid #e6e6e6}
.nav .sub .nav_xiao .xiao_five img{width:391px;height:259px}
.nav .sub .nav_xiao .xiao_five a{width:391px;height:259px;padding:0;margin-right:45px;float:left}


.nav .sub .nav_xiao .xiao_five2{float:right; width:calc(100% - 600px) ;text-align:left;margin-top:71px}
.nav .sub .nav_xiao .xiao_five2 a{text-align:left;float:left; width:50%;height:38px;line-height:38px;color:#000;font-size:18px;margin-bottom:42px;transition:all .3s}

.nav .sub .nav_xiao .xiao_five2 a i{width:38px;height:38px;border-radius:50%;background-color:#999;background-repeat:no-repeat; text-align:center; line-height:38px; color:#fff;float:left;margin-right:20px;transition:all .3s;margin-left:0}
.nav .sub .nav_xiao .xiao_five2 a:hover{color:#2db1e8}
.nav .sub .nav_xiao .xiao_five2 a:hover i{background-color:#2db1e8}


@media only screen and (max-width:1400px){

	
	.nav a.mmm{ padding:0 20px; }
}

@media only screen and (max-width:1200px){
	
.logo{float:left; width:300px; margin:10px 0}
.logo img{float:left; height:60px; width:auto}
.logo .logo-text{color:#303030;line-height:60px; font-size:20px; padding-left:20px;overflow:hidden}

.tel{ margin-top:20px; margin-left:0px}


.nav a.mmm{width:auto;padding:0 10px;  line-height:80px;padding-top:0px;display:block;font-size:14px;color:#333}
/*二级导航*/
.nav .sub{display:none;width:100%;padding:0;position:fixed;top:80px;overflow:hidden;text-align:left;z-index:110;left:0;background-color:#f5f5f5}
.nav .sub .nav_xiao .xiao_five2 a{text-align:left;float:left; width:50%;height:38px;line-height:38px;color:#000;font-size:14px;margin-bottom:42px;transition:all .3s}
}



.sjdh{ display:none;}
@media only screen and (max-width:1024px){
	
	.top02{ display:none;}
	.sjdh{ display:block}
}


.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; border-bottom:#f1f1f1 1px solid;}
.sp_logo{padding:10px;float:left;height:50px; line-height:30px; font-size:20px;}
.sp_logo img{margin:auto;max-height:30px; vertical-align:middle; padding-right:5px}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#2db1e8;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#f5f5f5;width:100%;height:calc(100% - 50px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid; position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none; background:#fff; padding:10px 0}
.sjj_nav ul li ul li{ border:0}
.sjj_nav ul li a{color:#333;width:80%; padding:0 20px; font-size:16px; }
.sjj_nav ul li ul li a{color:#666;display:block;text-align:left; font-size:14px; padding-left:40px}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#666;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#666}
.sjj_nav ul li ul li>ul{margin-left:10px}