body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,div, span,iframe,
    
   
    dl, dt, dd, ul, ol, li, a, address, img,
    
   
    pre, small, b, i,em, 
    

    fieldset, lengend, button, input, textarea, form, label,
    

    table, caption, tbody, tfoot, thead, tr, th, td,  
    
   
    article,  footer, header,nav, section, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        vertical-align: baseline;
        font-family: "Microsoft Yahei";
    }
    

    body, button, input, select, textarea {
        
        
        font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
        
    }
    article, aside, footer, header, nav, section {
    	display: block;
	}

    h1 {
        font-size: 18px;
        
    }

    h2 {
        font-size: 16px;
    }

    h3 {
        font-size: 14px;
    }

    h4, h5, h6 {
        font-size: 100%;
    }

    address, cite, dfn, em, var {
        font-style: normal;
    }
    

    code, kbd, pre, samp, tt {
        font-family: "Courier New", Courier, monospace;
    }
    

    small {
        font-size: 12px;
    }
    
    

    ul, ol {
        list-style: none;
    }
    

    a {
        text-decoration: none;
        color: #000;
    }
    

    abbr[title], acronym[title] {
        
        border-bottom: 1px dotted;
        cursor: help;
    }

    q:before, q:after {
        content: '';
    }
    

    legend {
        color: #000;
    }
    

    fieldset, img {
        border: none;
    }
    
    

    button, input, select, textarea {
        font-size: 100%;
        
    }
    

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    

    hr {
        border: none;
        height: 1px;
    }
    

    html {
        overflow-y: scroll;
    }
    
	
	.tp_center{
		width: 1200px;
		margin: 0 auto;
	}
    .fl {
        float: left
    }

    .fr {
        float: right
    }
    

    .clearfix:after {
        content: " ";
        display: block;
        clear: both;
        visibility: hidden;
    }
.piao_div{height: 300px;width: 500px;background: rgba(0,177,238,1);position: fixed;top: 50%;left: 50%;margin-top:-150px;margin-left: -250px;border-radius: 5px;z-index: 999;padding: 7px 10px;box-sizing:border-box;display: none;}
.piao_tel{height: 110px;margin-bottom: 18px;}
.paio_border{width: 100%;height: 100%;border: 2px solid #fff;border-radius: 5px;box-sizing: border-box;padding: 20px 15px 18px 20px;}
.piao_tel_left{float: left;}
.piao_tel_right{float: left;padding-top: 35px;margin-left: 30px;}
.piao_tel_right h1{margin: 0;color: #fff;font-size: 34px;font-weight: normal;}
.piao_click{width: 100%;padding-left: 50px;height: 36px;box-sizing: border-box;}
.piao_click a{height: 36px;width: 149px;float: left;background: #fff;margin-right: 20px;line-height: 36px;text-align: center;font-size: 18px;text-decoration: none;color: #282828;}
.piao_click a:nth-child(2){background: #ff6600;color: #ffffff;}
#guanbi{position: absolute;top: -10px;right: -10px;width: 36px;height: 36px;border-radius:50%;background: whitesmoke;padding: 2px;box-sizing: border-box;}
#guanbi img{transition: all .5s;}
#guanbi img:hover{transform: rotate(180deg);}

			.right_bar {
				width: 76px;
				position: fixed;
				top: 24%;
				right: 40px;
				z-index: 999;
			}

			.right_bar a {
				position: relative;
				display: block;
				height: 72px;
				width: 72px;
				text-align: center;
				margin: 0 auto;
				
				color: #fff;
				font-size: 12px;
				background: #3e78fc;
				border-bottom: 1px solid #fff;
			}

			.right_bar a img {

				width: 26px;
				height: 26px;
				margin: 12px auto 8px;
			}

			.right_bar a span {
				display: block;
				font-size: 12px;
				color: #fff;
			}

			.right_bar a:hover {
				background: #2062f8;
			}

			.right_bar .wx_code {
				display: none;
				position: absolute;
				right: 100%;
				bottom: 16px;
				height: 186px;
				width: 186px;
				background: #fff;
				background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXQAAAF2BAMAAACMhX5rAAAAGFBMVEVHcEz/diz/dif/cCn/p3X/iUb/3sv///9mBEx3AAAAB3RSTlMABxAb4qT5C/WqZwAABHZJREFUeNrtnUFS4zAQRaUbSL6BlBOgHAGoWU/lCnCDVLj+SPLMwkk7BZuhf3idFKssms/396PlVIdAURRFPXKl6O/9ia4/97FvkHPW3Y+M39FjhfV1r+/suIb2u3+UF+eV9nSP8deH6zrv2T2l7L314Rk7Ev23vqd69t96jjtWF2jdvFCTguo712lWMExO1t0o5eK99aV3nkzVF++tF0v1cZHm6r31mpN1nSYB1auVjh3L4iKgupWOGoYpZjp2v0ioblg9KKi+mGaPuQoYxlI9aHjdQoEk4fUl2wyzaKgeNFW3qTfm4r/1OuYCBq5LqG6Ro4jqhmFkvG7yuobqQVj1+EheT7pej3idhPkhuS7s9USu43UYhoSBYWAYH7kOw+D1x2QY5jAwDHMYGIaEYQ5DruN15jB4HYYhYWAYGIY5DLkOw6A6DEOuw+swDF5nDoPXYRjmMCQMuQ7DoDpzGHIdrzOHweswDHMYGAaGIWHIdRiGXMfrMAwJA8PgdeYwMAwMwxwGhiHXmcOQMPA6DIPXmcPgdRKGOQwMQ64zhyHXYRhUx+swDLwOw8AwJAwMA8OQ6zAMuf751ou5f1DB683ca6aQMJdX2+wCqn9cni3DKHi9W+Zkyi6g+uw9aqree/+dYxT0+qi3p+s7qkLCrPX+dO12FdU/Pl6ftmvZVLw+6jkpJsx6qWZZ1c9XAanj9X5P3ezF1UmYfpmWbbTLqP7e8nYbnozX31pv/eqGqqH626mOfzg2XtdQ/Xxqo/Pt/VTC6+fT8VCvd8tKJMzl+ThaH51HLdUvr8fjcVp9w44SE4HeeWvGLmKBicBoffpFjmHOwy41l+v9rFFC9cNq9aSWMOc1Xjp8RT3V2xrqUW/m2FbRk+Ckt638ErbNi6he8u0YRuRUo+TbzdUaZ0kTX25WV0uoXopxmKR8qhF0d7SLqJ5Ez5JG60n0tHqxDh9VVM9R1ushiD7TK6y6tNdlEybr5rrw3XQ7J+WJu//mdZ64+xbVeeLOh9d54o6E+ZLX+dYAXv9SrsMweP0xGYZvPsIwPzfXYRgS5qfwOgyD15nD4HUShjkMDAPDMIch12EYVMfrMAy8DsPgdRIGhoFhyHUShlxnDoPqeJ05DF5nDoPXYRjmMDAMuU7CkOswDLmO12EYEgaGgWGYw8AwMAyqwzDkOrxOwuB15jB4HYZhDkPCMIeBYVCdOQy5jtdJGLwOw8DrMAwMQ8KQ6zAMuQ7DkOskzKMyTJbY8GB5PQrneq4vzquanXev51rr0XGNfY97Xl8Oh4Pj1sfWxGQvYunpWJvbxltr677HG7/EafbqVvfR+bqUNZmGWbrszaXwh+6WuUoumDUd04WvDquNH4u1NbGLHv/K7riM1ab/7N5lX3x3Hs3tN6vuJZdSu29cvZcyKi87tD6WQPZfq+ues7d3mV3luWQz2r0P2T2XeY70T/eBA447Dzu9p6m7V+V7YyHuix7nO/isFNLd1uL8hMval1yi0j3Rw1yV6/G1l4vb9j2Wtl0oilKsP4zxH1tk3+5WAAAAAElFTkSuQmCC) no-repeat center 0;
				background-size: 100% 100%;
				color: #fff;

			}

			.right_bar .wx_code img {

				height: 110px;
				width: 110px;
				position: absolute;


				top: 40%;
				margin-top: -55px;
				left: 34px;

			}

			.right_bar .tel_box {
				display: none;

				position: absolute;
				left: -196px;
				top: -5px;
				width: 188px;
				height: 35px;
				padding: 20px 10px;
				background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXQAAACyBAMAAACgiyl9AAAAHlBMVEVHcEz/dSz/eSn/cSn/roH/cCn/oGz/i0r/z7P///829sZKAAAACXRSTlMAAwwW4R7op/HGu7DPAAADIUlEQVR42u3dTW7bMBAFYLsnIOcGQ52gJHSDolnHgm5QI+i2Qa6QXKAQ7NuWpNxFJNLNpsC89o2drLJ4GHxi9EN7DgcWi8Vi/cN19AbL/TG2N11o/f5Y771Hze79ty+m62vPTOby/Wq6ll7bPUJ03ztGAaK7dnS1Hl1ydNeMLtaja7vrOXmwHj00sbvsxXzXgzSPU4iuZzHHRtcFIbr65qquEF33rejBfvSSvUVdULv+CaLr0u46QvS2dUWIHjpdH6xHH1Q7K0xEXWGCfTBDx7pIxLUeaJ3WaZ3WaZ3WaZ3WaZ3WaZ3WaZ3WaZ3WaZ3WaZ3WaZ3WaZ3WaZ3WaZ3W/wvrsbkNCcJ6DK3tghDWT81dJQjWr0+htcQgWL9ezqEd3X7Xr5eXBnYE67l+PssuO4T1cqj+2O0Eh7Be6vVxu8hgWC/19rhpO4j1Ug+f37cdxXqp8zY6iPXr7pMyONZ3n5QBsl7AeEzrDyfZREex/nbanMjAWH89JX1/IoNifXlOdRe7g7O+vKRYrzccmvXLS0qxXqE6MOuX8zylIajgretP85wKGIVb15d5nG7U0db1JXPJXrbX1hD3YeaxHqSyPf0CuA8zVenbezEQ1sfbMYp3vr5U6SK7CzwA67d/R7vLagDrxYs0bmYAWE+rdAd4fz13PUt3mPfX27dLEazD3l9fn2p43GdJDvdZEupzU8F9bqq4ewRgP9Hee1oNYT3AWldg60rrtE7rtE7rtE7rtE7rtE7rtE7rtE7rtE7rtE7rtE7rtE7rtE7rfzd6p+sC+03gCtz1MFgff3PnW+9TGmezNaV0Z9ZAzp4MJ49BWl0/lK4PKU0ms085eN3k2JlmktseS3aDNY1j3VkaOtNM8hIzDPUPjb1ute78ak0zKWJy9iGZrBjLHur2DJljzR4tvuIQavDgtTPqScoakxsf4mDrJ/8KBbpqd0qVFO52S7UzpapOwVPD2cu+9c40uTLXTEr63HxTb62RvN6Z4Vfn+6n31rL7NZLXO2Mff48nVFNvWaXcHVjpgMdVAg8JXY9W0NGsObjRWbfOuQOLxWKxPlS/AKGCMKM26SuEAAAAAElFTkSuQmCC);
				background-size: 100% 100%;

			}

			.right_bar .tel_box .tel_img {

				width: 30px;
				height: 30px;
				line-height: 30px;
				float: left;
				margin-left: 10px;
			}

			.right_bar .tel_box .tel_img img {

				width: 25px;
				height: 25px;

			}

			.right_bar .tel_box .con {

				overflow: hidden;
			}

			.right_bar .tel_box .con p {

				color: #FF7426;
				font-size: 12px;



			}
.right_bar .wx_code p {
    font-size: 13px;
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #555555;
    font-weight: 500;
    line-height: 20px;
}

			.right_bar .tel_box .con div {

				color: #FF7426;
				font-size: 16px;



			}
.close_side {
    position: absolute;
    top: -7px;
    right: -10px;
    height: 16px;
    width: 16px;
    background-color: red;
    
    background-size: 100% 100%;
    overflow: hidden;
    z-index: 999;
    border-radius: 50%;
    box-shadow: 0 0 8px 4px rgba(24, 115, 251, 0.15);
    cursor: pointer;
    text-align: center;
    line-height: 16px;
    }
    
 
.close_side1 {
    position: absolute;
    top: 13px;
    right: 18px;
    height: 10px;
    width: 16px;
    background-color: red;
    background-size: 100% 100%;
    overflow: hidden;
    z-index: 999;
    border-radius: 30%;
    box-shadow: 0 0 8px 4px rgba(24, 115, 251, 0.15);
    cursor: pointer;
    text-align: center;
    line-height: 2px;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
        opacity:0;
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
        opacity:.4;
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
        opacity:.6;
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
        opacity:.8;
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
        opacity:1;
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        -ms-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
        opacity:.2;
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        -ms-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
        opacity:.4;
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        -ms-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
        opacity:.6;
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        -ms-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
        opacity:.8;
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        -ms-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
        opacity:1;
    }
}
.close_side{
	animation:swing 2s infinite;
}
.close_side1{
	animation:swing 2s infinite;
}
.tel_pic1 img{
animation:swing 2s infinite;
}


   .tel_pic1{
color: #FFFFFF;font-size:16px;
	}
.nav_header .tel_pic1{
color: #000;font-size:16px;font-weight:500;
	}
	
#nbwlMessageContainer p span strong{font-size:16px;}	
#zhezhao{position:fixed; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,.4); z-index:20000; display:none;}
#zizhi{position:fixed; top:50%; left:50%; margin-left:-300px; width:600px; margin-top:-227px; z-index:20000; display:none;}