#customer-container {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: transparent;
	background-position: 0 0;
	background-size: auto;
	background-repeat: repeat;
	background-origin: padding-box;
	background-clip: border-box;
	background-attachment: scroll;
	background-image: none;
	border: none;
	outline: invert none medium;
	direction: ltr;
	letter-spacing: inherit;
	line-height: normal;
	text-align: left;
	text-decoration: none;
	text-indent: 0;
	text-transform: none;
	white-space: inherit;
	word-spacing: normal;
	font-size: 12px;
	font-family: inherit;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: inherit;
	font-variant: normal;
	font-weight: inherit;
	visibility: visible;
	overflow: visible;
	list-style: none;
	float: none;
	clear: none;
	display: block;
	position: static;
	top: auto;
	left: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box;
}
#customer-container { font-family: Arial,Helvetica,"Microsoft YaHei",sans-serif; position: fixed; z-index: 99999; }
#customer-container input:focus, #customer-container textarea{ outline:none; }

/*å³ä¾§æ‚¬æµ®å¯¼èˆª*/
.customer-side{position:fixed;width:87px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.customer-side ul li{width:100%;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:18px;text-align:center;transition:all .3s;cursor:pointer;padding:0 5px;}
.customer-side ul li:hover{background:#5882ee;color:#fff}
.customer-side ul li:hover a{color:#fff}
.customer-side ul li i{height:52px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;
	background-position:center center;background-size:auto 36px;transition:all .3s}
.customer-side ul li i.bgs1{background-image:url(http://g.gxlesou.com/static/getcustomer/images/tb.png);   margin-top: 0; height: 35px;background-size: 32px;font-size:12px;}
.customer-side ul li i.bgs2{background-image:url(http://g.gxlesou.com/static/getcustomer/images/tb3.png)}
.customer-side ul li i.bgs3{background-image:url(http://g.gxlesou.com/static/getcustomer/images/tb2.png)}
.customer-side ul li i.bgs4{background-image:url(http://g.gxlesou.com/static/getcustomer/images/tb1.png)}
.customer-side ul li:hover i.bgs1{background-image:url(http://g.gxlesou.com/static/getcustomer/images/tba.png);}
.customer-side ul li:hover i.bgs2{background-image:url(http://g.gxlesou.com/static/getcustomer/images/tba3.png)}
.customer-side ul li:hover i.bgs3{background-image:url(http://g.gxlesou.com/static/getcustomer/images/tba2.png)}
.customer-side ul li:hover i.bgs4{background-image:url(http://g.gxlesou.com/static/getcustomer/images/tba1.png)}
.customer-side ul li .customer-sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.customer-side ul li.customer-sidetop{background:#5882ee;color:#fff}
.customer-side ul li.customer-sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.customer-side ul li.customer-sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(http://g.gxlesou.com/static/getcustomer/images/leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.customer-side ul li.customer-sideetel .ljzx.son{width:292px;display:none;color:#fff;text-align:left;position:absolute;padding: 15px;
    left:-292px;top:0px;background:#fff;border:2px solid #5882ee;}

/*ç”µè¯å’¨è¯¢  å¼€å§‹*/
.ljzx h2{font-size: 18px;color: #333;font-weight:600;margin: 10px 0 15px;}   
.zx_box{
    border: 1px solid #ddd;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    background-color: #eee;
    box-sizing: border-box;
    width: 256px;
    border-right: 0;
    margin-bottom: 15px;

}
.zx_box_l{background: url(http://g.gxlesou.com/static/getcustomer/images/tb4.png) no-repeat 5px center;padding-left: 30px;background-size: 20px;float: left; font-size: 0;}
.zx_box_l input{border: 0;
    height: 35px;
    line-height: 35px;
    margin: 0;
    display: inline-block;
    background-color: #eee;
    font-size: 16px;
    width: 141px;}
#zx_box_btn{
        float: left;
    border: 0;
    height: 35px;
    padding: 0 10px;
    background: #5882ED;
    color: #fff;
    cursor: pointer;
}
#zx_formbox{color:#333;font-size: 16px;}
/*ç”µè¯å’¨è¯¢  ç»“æŸ*/

/*æ‰‹æœºç«™ç‚¹ å¼€å§‹*/
.customer-side ul li.customer-sideewm .sjzd.son{width:200px;height:200px;display:none;color:#fff;text-align:left;position:absolute;left:-224px;top:0px;background:#fff;
    padding: 12px;
    text-align: center;
    border:1px solid #ddd;
}
.sjzd img{width:100%;}



/*æ‰‹æœºç«™ç‚¹ ç»“æŸ*/



.customer-side ul li.customer-sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#f67524}
.customer-side ul li.customer-sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.customer-side ul li.customer-sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.customer-side ul li.customer-sideetel .telBox dd.bgs1{background:url(http://g.gxlesou.com/static/getcustomer/images/right_pic8.png) 28px center no-repeat;background-color:#e96410}
.customer-side ul li.customer-sideetel .telBox dd.bgs2{background:url(http://g.gxlesou.com/static/getcustomer/images/right_pic9.png) 28px center no-repeat}
.customer-side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}

/*ç‚¹å‡»å³ä¾§å¯¼èˆªå¼¹å‡ºé®ç½©å±‚*/
.cd-popup3{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    z-index:9999;
}
.cd-popup3.is-visible3 {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container3 {
    position: relative;
    width:640px;
    margin:220px auto;
    height:400px;
    background: #fff;
    border-radius: .4rem .4rem .4rem .4rem;
    
    overflow: hidden;
   /*  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); */
  -webkit-transform:scale(0.8);
  -moz-transform:scale(0.8);
  -ms-transform:scale(0.8);
  -o-transform:scale(0.8);
  transform:scale(0.8);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-close{ 
    position: absolute;right:10px;top:10px; 
    z-index: 10;width:22px;display: block;font-size:14px;
    line-height: 55px;
   overflow: hidden;
    width: 25px;
    height: 25px;
    background: url(http://g.gxlesou.com/static/getcustomer/images/gb.png) no-repeat;
    background-size: 22px;
}
.cd-popup-close img{width: 22px;}
.is-visible3 .cd-popup-container3 {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  }
 .cd_img{width:50%;height: 400px;overflow: hidden;float: left;}
 .cd_you{float: right;width: 50%;padding:40px 2% 0;}
.cd_you h3{font-size:15px;font-weight: 400; margin: 0; text-align: center;}
.cd_you h3 span{color:#346bf6;font-size:24px;font-weight: bold; display: block; margin-top: 10px; }
.cd_you h4{font-size: 18px;font-weight: 400; margin-top: 10px; text-align: center;}
.kh_ly{margin-top: 15px;}
.kh_xm{
    border: 1px solid #ddd;
    height: 36px;
    padding: 0 10px;
    overflow: hidden;
  
}
#hk-input-name{
    border: 0;
    height: 36px;
    font-size: 16px;
        width: 110px;
}
.hk-sex{display: none;}
.kh_xm label {
    display: inline;
    cursor: pointer;
    margin-left: 15px;
    font-size: 16px;
    font-weight: normal;
    max-width: 100%;
    margin-bottom: 5px;
    color: #666;
}
.kh_xm .hk-sex + label span {
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #aaa;
    padding: 9px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    top: 5px;
    border-color: #333;
    margin-right: 5px;
}
.kh_xm .hk-sex:checked + label span:after {
    content: ' ';
    width: 12px;
    height: 12px;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    background: #333;
    left: 3px;
}
#hk-input-tel {
    border: 1px solid #ddd;
    width: 100%;
    margin-top: 10px;
    padding: 0 10px;
    height: 36px;
    font-size: 16px;
}

.hk-message { margin-top: 10px;}
.hk-message textarea {
    width: 100%;
    margin-top: 10px;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    height: 70px !important;
    box-sizing: border-box;
    margin: 0 !important;
    resize: none;
	padding: 5px;
	border-color: #ddd;
}
.hk-tj{}
#hk-btn {
    border: 0;
    width: 100%;
    height: 50px;
    background: #5882ED;
    color: #fff;
    font-size: 18px;
    margin-top:10px;
}

 .footer_kf {height:70px; width:100%; position:fixed; bottom:0; left:0; z-index:8888;/*background: rgba(29,99,197,0.6);*/}
        .fd_box02 { margin:0 auto; width:1200px; height:70px; position:relative; bottom:0; padding: 10px 30px; /*border-radius: 70px 70px 0 0; background: rgba(88,130,238, .8);*/}
        .fd_bgc { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background: #5882ee; opacity: .9; border-radius: 70px 70px 0 0; z-index: -1; }
        .fd_gb { width:20px; height:20px; position:absolute; right:-15px; top:0;}
        /* .fd_tu {  position:absolute; bottom:0px; left:0;} */
        .fd_img {float: left;}
        .fd_img img { height: 50px; }
        .fd_tu p{font-size: 20px;color: #fff;float: left;line-height: 50px;margin: 0 15px;}
        .fd_tu p span{font-size:30px;}
        .fd_left { display:block; width:141px; height:120px; position:fixed; left:0; bottom:10px; background:url(images/db_img08.png) no-repeat left top;}
        .yqlj_box a { display:block; float:left; padding:0 10px; height:26px; line-height:26px; color:#666; margin:0 10px 5px 5px}
        .yqlj_box a:hover { color:#f31c1c;}
.icon_keifu{display: block;width:108px;border-radius: 0 50px 50px 0;background:#1d63c5;font-size: 18px;line-height: 22px;color: #fff;padding:7px 10px;height: 60px;}
.icon_keifu:hover { color: #fff; }
.icon_keifu img{width:45px;float: right;}
.icon_keifu p{float: left;}
.fd_gb img{width: 25px; border: 2px solid #fff; border-radius: 25px; background: #fff;}
.fd_r{float: right;margin-top:8px; }
#fd-bottom-input{
    height: 36px;
    border: 0;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
    float: left;
    border-radius: 36px 0 0 36px;
}
#fd-bottom-btn{
    height: 36px;
    border: 0;
    padding: 0 10px;
    font-size: 14px;
    background: #1d63c5;
    color: #fff;
    cursor: pointer;
    border-radius: 0 36px 36px 0;
    border: 1px solid #fff;
}

@media (max-width: 768px) {
    .customer-side { top: 70%; width: 50px; height: 50px; border-radius: 50px; border: 1px solid #999; }
    .customer-side li { height: auto; border-bottom: 0;}
    .customer-side ul li i.bgs1 { margin-top: 6px; }
	.cd-popup-container3 { width: 96%; }
	.cd_you { width: 100%; box-sizing: border-box; }
	#hk-input-name { width: auto; }
}