
            .topWrap{height:240px;font-family:"Microsoft Yahei";position: relative;z-index: 3;background: url(images/t_bj.jpg) repeat-x center;width:100%;}
            .content{width:1200px;margin: 0 auto;  }
            .header{width:1200px;margin: 0 auto;font-family:"Microsoft Yahei";box-sizing: border-box;}
            .t_top{height:35px;position: relative;}
            .t_top p{ font-size: 14px;color: #666666;line-height: 35px;float: left; }
            .t_top .dc{ float: right; }
            .t_top .dc a{ display: inline-block;padding: 0 14px;font-size: 14px;color: #666666;line-height: 35px;position: relative; }
            .t_top .dc a:after{ position: absolute;right: 0px;width: 1px;height: 11px;top:13px;background: #bfbfbf;content: ""; }
            .t_top .dc a:last-child{ padding-right: 0; }
            .t_top .dc a:last-child:after{ background: 0; }
            .h_con{height: 145px;}
            .logo{float:left;width:219px;height:82px;padding-top:32px; }
            .logo img {width:219px;height:82px;}
            .t_wz{position: relative;float:left;padding:44px 0 0 22px;}
            .t_wz span{display: block;line-height:28px;color: #333333;font-size:28px;font-weight: bold;}
            .t_wz em{display: block;line-height:20px;font-size:20px;color: #0086e3;padding-top: 9px;font-weight: bold;}
            .t_tel{margin-top:15px;}
            .t_tel img{ display: inline-block;width: 23px;height: 26px;margin-right: 8px;vertical-align:-5px;}
            .t_tel em{display: inline-block;font-size:24px;color: #333333;font-weight: normal;line-height:30px;}
            .biao{ float:right;}
            .tb{float: right;margin-top: 30px;}
            .tb a img{display:block;float:left;width:auto;margin-left:24px;height: 30px;}
            
            .nav {height:60px;}
            .nav li {float:left;height:60px;box-sizing: border-box;}
            .nav li>a{font-size:15px;color:#333333;display:block;height:60px;line-height:60px;position: relative;z-index: 2;padding: 0 25px;}
            .nav li>a:after{content: "";width:0;height:3px;background: #ffb100;position: absolute;left:50%;top:0;transition:all 0.5s}
            .nav li:hover>a:after,.nav .cur>a:after{width:100%;left:0;}
            .nav li:hover>a,.nav .cur>a {font-weight: bold;}
            .nav li:last-child{background:none;padding:0;margin:0;}
            em,i{font-style: normal;}

            .xl{display:none;position: absolute;width: 100%;left: 0;top: 240px;z-index: 200;background: rgba(255,255,255,1);padding: 30px 0 30px;}
            .pro_erji a:after{ background: 0!important; }
            .pro_erji li:hover a{ font-weight: normal!important; }
            .pro_erji li:hover span{ color: #0086e3; }

            .proc1 li{ float: left;position: relative;width: 300px;height: 200px; }
            .proc1 li img{display: block;width: 160px;height: 120px;margin:0 auto;}
            .proc1 li span{ display: block;font-size: 16px;color: #333333;line-height: 24px;text-align: center;padding-top: 10px;  }

            .proc2 li{ float: left;position: relative;width: 299px;height: 240px; }
            .proc2 li img{display: block;width: 160px;height: 120px;margin:0 auto;}
            .proc2 li span{ display: block;font-size: 16px;color: #333333;line-height: 16px;text-align: center;  }
.proc3 li{ float: left;position: relative;width: 299px;height: 240px; }
            .proc3 li img{display: block;width: 160px;height: 120px;margin:0 auto;}
            .proc3 li span{ display: block;font-size: 16px;color: #333333;line-height: 16px;text-align: center;  }

            .proc4 p{ float: left;position: relative;width: 389px;height: 191px; margin-right:16px; }
            .proc4 p:last-child{ margin-right: 0; }
            .proc4 p img{display: block;width: 389px;height: 191px;margin:0 auto;}
            .proc4 p span{position: absolute;left:0;top:0; display: block;font-size: 28px;color: #ffffff;line-height: 28px;text-align: center; padding-top: 65px;width: 389px; }
            .proc4 p span i{ display: block;font-size: 18px;line-height: 18px;text-align: center;padding-top: 12px; }

            .proc5 p{ float: left;position: relative;width: 600px;height: 200px; }
            .proc5 p img{display: block;width: 340px;height: 200px;float: left;}
            .proc5 p span{ display: block;font-size: 28px;color: #333333;line-height: 28px;width: 260px; padding-top: 76px;height: 200px;box-sizing: border-box;padding-left: 10px; float: left;}
            .proc5 p span i{ display: block;font-size: 18px;line-height: 18px;padding-top: 12px; }

            .proc6 p{ float: left;position: relative;width: 150px;height: 220px; }  
            .proc6 p img{display: block;width: 50px;height: 50px;margin:0 auto;padding-top: 50px;}
            .proc6 p span{font-size: 18px;color: #333;line-height: 24px;text-align: center; padding-top: 38px;display: block; }

            .proc7 p{ float: left;position: relative;width: 558px;height: 191px;  }
            .proc7 p:last-child{ float: right; }
            .proc7 p img{display: block;width: 558px;height: 191px;margin:0 auto;}
            .proc7 p span{position: absolute;left:0;top:0;width: 100%; display: block;font-size: 28px;color: #ffffff;line-height: 28px;text-align: center; padding-top: 65px; }
            .proc7 p span i{ display: block;font-size: 18px;line-height: 18px;text-align: center;padding-top: 12px; }

            .proc8 li{ float: left;position: relative;width: 200px;height: 220px; }  
            .proc8 li img{display: block;width: 50px;height: 50px;margin:0 auto;padding-top: 50px;}
            .proc8 li span{font-size: 18px;color: #333;line-height: 24px;text-align: center; padding-top: 38px;display: block; }

        

        .footWrap{font-family:"Microsoft Yahei";background:#f2f2f2;box-sizing: border-box;}
        .footer{width:1200px;margin: 0 auto; position: relative;}
        .f_top{height: 230px;padding-top: 66px;border-bottom: 2px solid #333;box-sizing: border-box;}
        .f_xx{ float: left;width: 900px; }
        .f_xx h3{ display: block;font-size: 24px;color: #333333;font-weight: bold; }
        .f_xx h3 em{ display: inline-block;font-size: 16px;font-weight: normal;color: #333;opacity: 0.5;margin-left: 6px; }
        .f_xx ul{ margin-top: 38px; }
        .f_xx ul li{ float: left;margin-right: 100px; }
        .f_xx ul li:last-child{ margin-right: 0; }
        .f_xx ul li img{ display: inline-block;width: 45px;height: 45px; }
        .f_xx ul li span{ display: inline-block;margin-left: 10px; font-size: 15px;line-height: 15px;color: #999;}
        .f_xx ul li i{ display: block;margin-top: 10px; font-size: 22px;line-height: 22px;color: #333333;font-family: Arial;}
        .f_xx ul li:nth-child(2) i{ font-size:16px;font-weight:bold}
        .f_er{ float: right;width: 244px;height: 117px; }
        .f_er span{ display: block;width: 117px;height: 117px;background: url(images/ewm_dd.png) no-repeat center;padding: 38px 0 0; box-sizing: border-box;text-align: center;font-size: 14px;color: #333;float: left;}
        .f_er span b{ display: block;font-size: 18px;line-height: 18px;padding-bottom: 6px;letter-spacing: 1px; }
        .f_er  img{ display: block;width: 117px;height: 117px; float: right;}
        .f_nav{ padding-top: 70px;height: 435px;box-sizing: border-box;}
        .f_nav li{float: left; margin-right: 100px; }
        .f_nav li:last-child{margin-right: 0;}
        .f_nav li b a{display:block;font-size: 20px;color: #333333;line-height: 20px;margin-bottom: 20px;font-weight: normal;padding-left: 14px;background: url(images/foot_ic.png) no-repeat left;}
        .f_nav li p a{display:block;font-size: 15px;color: #666666;line-height: 36px;}
        .f_nav li:nth-child(1){margin-right: 80px;}
        .f_nav li:nth-child(1) p{ width: 810px; }
        .f_nav li:nth-child(1) p a{ display: block;float: left;width: 270px; }



       
        .ft_b{background:#131f2d;height: 175px;box-sizing: border-box;padding-top:42px;}
    
        .ft_n{float:left;width:800px;}
        .ft_n p{ font-size:15px;color: #fff;line-height: 30px; opacity: 0.3;}
        .ft_n p span{ display: inline-block;margin-right: 28px; }
        .ft_n p a{ color: #fff; }
        .links em{display: inline-block; }
        .links a{display: inline-block;margin-right:16px; }
        .ft_z1{float: right;padding-top: 24px;}
        .ft_z1 a img{ display: block;float: left;margin-left: 40px; }
        em,i{font-style: normal;}
    

    .sidebar{position:fixed;z-index:2;right:0;top:50%;}
	.sidebar div{background:#008cd6;color:#fff;margin-bottom:2px;cursor:pointer;}
		.sidebar div a{display:block;color:#fff;}
		.sidebar div i{display:inline-block;width:60px;height:40px;text-align:center;}
		.sidebar div span{display:block;}
			.sidebarchat,.sidebarlink,.sidebartop{width:60px;height:60px;padding:5px;text-align:center;}
			.sidebarchat:hover,.sidebartel:hover,.sidebarlink:hover,.sidebartop:hover{background:#f6a900;}
			.sidebar div.sidebarchat,.sidebar div.sidebartel,.sidebar div.sidebarlink{padding:10px 5px;height:50px;position:relative;}
			.sidebar div.sidebarchat{animation:sidebarchatmc 1s infinite ease-in-out;-moz-animation:sidebarchatmc 1s infinite ease-in-out;-webkit-animation:sidebarchatmc 1s infinite ease-in-out;-o-animation:sidebarchatmc 1s infinite ease-in-out;}
			@keyframes sidebarchatmc{
				0%{background:#f6a900;}
				50%{background:#008cd6;}
				100%{background:#f6a900;}
			}
			.sidebar div.sidebarchat i,.sidebar div.sidebartel i,.sidebar div.sidebarlink i{position:absolute;top:5px;left:5px;}
			.sidebar div.sidebarchat span,.sidebar div.sidebartel span,.sidebar div.sidebarlink span{position:absolute;display:inline-block;width:60px;bottom:5px;left:5px;}			
			.sidebar div.sidebarchat dl,.sidebar div.sidebartel dl{position:absolute;z-index:-1;top:0;right:-208px;white-space:nowrap;transition:all ease-out 0.3s;}
			.sidebar div.sidebarlink dl{position:absolute;z-index:-1;bottom:0;right:-372px;transition:all ease-out 0.3s;width:300px;color:#333;text-align:center;}
			.sidebar div.sidebarchat dl{width:120px;text-align:center;}
			.sidebar div.sidebartel dl{width:180px;text-align:center;}
			.sidebar div.sidebarlink dl{overflow:hidden;}
			.sidebar div.sidebarchat dt,.sidebar div.sidebartel dt{line-height:34px;margin-bottom:2px;background:#f6a900;}
			.sidebar div.sidebarlink dt{float:left;margin-left:2px;width:135px;box-sizing:border-box;}
			.sidebar div.sidebarlink dt figure{padding:4px;background:#fff;font-size:12px;width:122px;margin: 5px 20px;}
			.sidebar div.sidebarlink dt img{height:114px;}
			.sidebar div.sidebarchat dd,.sidebar div.sidebartel dd{line-height:34px;background:#f6a900;}
			.sidebar div.sidebarchat:hover dl,.sidebar div.sidebartel:hover dl,.sidebar div.sidebarlink:hover dl{right:72px;}
}

