@charset 'utf-8';
*{margin:0; padding:0;}
body{font-family:'Microsoft Yahei';}

.serviceonline{width:710px; background:#fff;}
.serviceonline .hd{padding:21px 0; text-align:center; position:relative; background:#de342e;overflow:hidden;}
.serviceonline .close{background:url(images/servicesonline_03.png) no-repeat; width:32px; height:32px; position:absolute; right:20px; top:18px;}
.serviceonline .close:hover{opacity:0.8;}
.serviceonline .servicetype{/*text-align:center;*/ margin:0 auto; padding-top:26px; width:576px;}
.yxqq{float:left; zoom:1; text-decoration:none; margin:0 5px 16px; position:relative; border:1px solid #de342e; width:180px; height:43px; line-height:43px; font-size:18px; text-indent:42px; text-align:left; color:#de342e;}
.yxqq .qqicon{position:absolute; top:5px; left:6px; width:29px; height:31px; background:url(images/servicesonline_11.png);}
.yxqq:hover{background:#de342e; color:#fff; font-weight:bold;}



.serviceonline .servicetype a{float:left; zoom:1; text-decoration:none; margin:0 5px 16px; position:relative; border:1px solid #de342e; width:180px; height:43px; line-height:43px; font-size:18px; text-indent:42px; text-align:left; color:#de342e;}
.serviceonline .servicetype a .qqicon{position:absolute; top:5px; left:6px; width:29px; height:31px; background:url(/templets/images/servicesonline_11.png);}
.serviceonline .servicetype a:hover{background:#de342e; color:#fff; font-weight:bold;}
.serviceonline .servicetype a.offline{border-color:#acacac; color:#acacac; background:#fff; font-weight:normal; cursor:default;}
.serviceonline .servicetype a.offline .qqicon{background-image:url(../../images/cus0930/servicesonline_14.png);}
.serviceonline .tips{color:#ff0000; font-size:14px; text-align:center; padding:6px 0 10px; line-height:1.2;}
.serviceonline .tips a{color:#007eff;}
.serviceonline .tips a:hover{color:#f60;}
.serviceonline .hotline{text-align:center; padding:18px 0; border-top:1px dotted #de342e;}
.serviceonline .hotline span{position:relative; padding-left:45px; color:#de342e; font-size:19px; display:inline-block;}
.serviceonline .hotline .hotlicon{position:absolute; left:0;}
.serviceonline .hotline strong{color:#de342e;}
.serviceonline .hotline .tel .hotlicon{background:url(../../images/cus0930/servicesonline_17.png); width:35px; height:24px;}
.serviceonline .hotline .working{padding-left:35px; margin-left:28px;}
.serviceonline .hotline .working .hotlicon{background:url(../../images/cus0930/servicesonline_20.png); width:25px; height:25px;}

/* 红色版 */
.redversions .hd{background:#ee0b3b url(../../images/cus0930/serviceonline_title_bg_red.png); text-align:left; text-indent:155px;}
.redversions .hd .pimg{position:absolute; width:120px; height:80px; left:17px; top:0;}
.redversions .servicetype a{color:#ee0b3b; border-color:#ee0b3b;}
.redversions .servicetype a:hover{background:#ee0b3b;}
.redversions .hotline{border-color:#f04862;}
.redversions .hotline span{color:#1d1d1d;}
.redversions .hotline strong{color:#ee0b3b;}
.redversions .hotline .tel .hotlicon{background:url(../../images/cus0930/servicesonline_17_red.png);}
.redversions .hotline .working .hotlicon{background:url(../../images/cus0930/servicesonline_20_red.png);}


/*新增*/
.topbar-nav img{vertical-align: initial;}
.cjwenti ul li{
	width:100%;
}
@media screen and (min-width: 1600px) {
    .navBox{width:1400px;}
    .content1210{width:1400px;}
    .wrapper{width:1400px;}
    .mainNav{width:1100px;}
    .top-banner{width:1400px;}
    .mainNav li a{padding:0 30px;}
    .header{width:1350px;}
}