/*优胜空间 */
.contactusdiyou {    font-family:'微軟正黑體';position: fixed; right: -230px; bottom: 0px; _position: absolute; width: 230px; height: 100%; background: rgba(0, 0, 0, 0.85) ; z-index: 99999999999;  _margin-bottom:0px; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); transition:all .5s ease; }
.contactusdiyou .hoverbtn{width:30px; height:150px; padding-top:11px; cursor: pointer; position:absolute; top:50%; margin-top:-66px;left:-30px; font-size:14px; color:#fff; background:#d50000; -webkit-border-radius: 3px 0px  0px 3px; -moz-border-radius: 3px 0px  0px 3px; -o-border-radius: 3px 0px  0px 3px;      border-radius: 3px 0px  0px 3px; -moz-box-shadow: -4px 4px 4px -4px #000; -webkit-box-shadow: -4px 4px 4px -4px #000; box-shadow: -4px 4px 4px -4px #000;} .contactusdiyou .hoverbtn span{width:30px; height:19px;line-height: 19px; text-align: center; overflow:hidden; float:left;}
.contactusdiyou .hoverbtn .hoverimg{width:13px; height:9px; margin:10px 0px 0px 10px; float:left; display:inline;background-repeat: no-repeat;}
.hoverimg2{background:url(../images/hoverbtnbg1.png) no-repeat; } 
.contactusdiyou .conter{width:186px;  margin-left:22px;     height: 100%;  position:absolute; top:0%;*margin-top:-140px;}
.contactusdiyou .conter .con1{ border-bottom:1px solid #6a6a6a; padding-bottom:0px;}
.contactusdiyou .conter .con1 dl dt{width:100%; height:100%; float:left;    position: relative;}
.contactusdiyou  dl .f1{ 
    width: 100%;
    height: 33px;
    line-height: 36px;
    float: left;
    font-size: 14px;
    _font-size: 14px;
    color: #fff;
    vertical-align: top;
    font-weight: bold;}
	.contactusdiyou  dl .f1 a{  

    color: #fff;

	}
.contactusdiyou  dl .f2{ width:142px; float:left; font-size:12px; color:#fff; height:30px;line-height: 30px; }
.kefuQQ a{ background:url(../images/button-custom-qq.gif)  no-repeat; width:70px; height:20px; display:inline-block; vertical-align:middle;}
.kefuQQ a:hover{ background:url(../images/button-custom-qq-h.gif)  no-repeat;}
.contactusdiyou .conter .con1 dl dd .ph_num{ font:18px;*font-size: 16px;_font-size: 16px; color:#fff; height:25px;}

.contactusdiyou .qqcall{padding:22px 0px;border-bottom:1px solid #6a6a6a;}
.contactusdiyou .qqcall dl dt{width:31px; height:31px; float:left; position: relative;
    top: 32px;}

.contactusdiyou .weixincall{float:left; padding:22px 0; border-bottom:1px solid #6a6a6a;}
.contactusdiyou .weixincall dl dt{width:31px; height:31px; float:left; position: relative;
    top: 32px;}


.contactusdiyou .weixincall .f3{float: right;width:73px; height:auto; margin-right:69px; display:inline;}
.contactusdiyou .weixincall .f3 img{width: 73px;height: auto;}
.contactusdiyou .dytimer{    float: right; width: 160px; height: 40px; padding: 16px 0px 15px 0px; /* background: #007b77; */ margin: 20px 0px 0px 0px;} .contactusdiyou .dytimer span{display:block; height:20px; line-height:20px; font-size:14px; color:#fff;} .diyou{_position: absolute; _bottom: auto;_margin-bottom:0px; z-index:99999999999; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.diyoumask { position:fixed; left: 0; top: 0; z-index: 100000; width:100%; height:100%; opacity:0.5;filter:alpha(Opacity=50); background:#000; display:none;} .fn_cle:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } 

.fn_cle{
	margin-top:10px; margin-bottom:12px;
}

.conter h3{
	color:#fff;
	font-size:14px;
}

.hoverbtn:after{
    width: 21px;
    height: 21px;
    box-sizing: border-box;
    content: '';
    display: block;
    position: absolute;
    top: 121px;
    left: 5px;
    pointer-events: none;
    border: 1px solid #f9f9f9;
    border-radius: 114em;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-name: intervalHamburgerBorder;
    animation-name: intervalHamburgerBorder;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

	
@media (max-width: 736px) {
	
.conter{
	overflow-y: scroll !important;
}
.contactusdiyou .conter {
    width: 85%;
   
}

.diyoumask {opacity:0.5;filter:alpha(Opacity=30); background:#000; 
}

}