@charset "utf-8";
/* CSS Document */
/*banner*/
*{zoom:1}
.fullSlide{background:#fff; margin:0 auto; height: 100%; width: 100%; position: relative; z-index: 1; overflow: hidden; }
.fullSlide .bd{ position:relative; z-index:0; height: 100%;}
.fullSlide .bd ul{width: 100%; height: auto;}
.fullSlide .bd ul li{width: 100%; height: auto;}
.fullSlide .bd ul li a{width: 100%; height: auto; display: block;}
.fullSlide .bd ul li a img{width: 100%; height: auto; display: block;}
.fullslide .hd li a{display: block;*font-size:860px;/*高度/字体大小的比值为1.14*/*font-family:Arial; overflow:hidden;display: table-cell;vertical-align:middle;text-align:center; border:1px solid #e1e1e1; width: 100%; height: 100%;}
.fullSlide .bd li a img{width:100%; vertical-align:top; max-width:1980px; /*max-height:605px;*/ display:block; margin:0 auto;} 
.fullSlide .hd{position: absolute;z-index:2;height: auto;text-align:center;/*filter:alpha(opacity=60);opacity:0.6;*/bottom: 32px;left: 50%;transform: translateX(-50%);}
.fullSlide .hd ul{ text-align:center; /*padding-top:5px;  */}
.fullSlide .hd ul li{cursor:pointer;display: inline-block;zoom:1;width:12px;height:12px;border-radius: 50%;background: #999;margin: 0 10px;overflow:hidden;font-size:0;z-index: 3;}
.fullSlide .hd ul .on{background: #2185c7;}
.fullSlide .prev,.fullSlide .next{ z-index:1; width:38px; height:75px; position:absolute; top: 50%; margin-top: -37px; left: 3%; background:url(../images/l.png) 0 0 no-repeat; filter:alpha(opacity=40);  }
.fullSlide .next{  background:url(../images/r.png) 0 0 no-repeat; right: 3%; left: auto;}
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80); }

/*解决方案*/
.Solutions{width: 100%; height: 505px; margin: 80px auto; }
.Solutions .SoluWrap{width: 1200px; margin: 30px auto 0; height: auto; }
.Solutions .SoluWrap ul{width: 1200px; height: auto; margin: 0 auto; }
.Solutions .SoluWrap ul li{width: 276px!important; height: 354px; box-sizing: border-box; border: 1px solid #ddd; margin-right: 32px; }
.Solutions .SoluWrap ul li a{display: block; width: 100%; height: 100%; text-align: center; box-sizing: border-box; padding-top: 46px; }
.Solutions .SoluWrap ul li a .soluPic{width: 110px; height: 110px; margin: 0 auto 52px; }
.Solutions .SoluWrap ul li a .soluPic div{width: 110px; height: 110px; box-sizing: border-box; border: 1px solid #aaa; background: #bbb; border-radius: 50%; overflow: hidden; display: table-cell; vertical-align: middle; transition: all 0.2s; }
.Solutions .SoluWrap ul li a .soluPic div img{max-width: 100%; max-height: 100%; display: block; margin: 0 auto; }
.Solutions .SoluWrap ul li a h3{font-size: 18px; color: #333; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.Solutions .SoluWrap ul li a p{font-size: 12px; color: #999; text-transform: uppercase; margin-bottom: 46px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.Solutions .SoluWrap ul li a b{display: inline-block; width: 44px; height: 2px; background: #2185c7; }
.Solutions .SoluWrap ul li a:hover .soluPic div{border: 1px solid #0070ba; background: #2185c7; }
.Solutions .hd{width: 1350px; position: relative; margin: 0 auto; margin-top: -177px; }
.Solutions .hd ul,.Solutions .hd span{display: none; }
.Solutions .hd a{position: absolute; cursor: pointer; }
.Solutions .hd a.prve{left: 0; }
.Solutions .hd a.next{right: 0; }


/*新闻详细页*/
#info-T{width:100%; margin:0 auto; min-height:30px; line-height:30px; padding-bottom:10px; padding-top:15px; text-align:center; font-size:18px; font-weight:bold;}
#info-M{width:100%; margin:0 auto; height:45px; line-height:45px; font-size:12px; color:#999; text-align:center; border-top:#ceccd2 1px dotted; margin-bottom:15px;}
#info-C{width:100%; margin:0 auto; line-height:35px; margin-top:10px; font-size:14px; margin-bottom:15px;}
#info-C p{line-height:35px;}

#info-C1{width:100%; margin:0 auto; line-height:28px; margin-top:0px; font-size:14px; text-align:center; padding-bottom:10px;}
#info-N{width:100%; margin:0 auto; height:50px; padding-top:10px; line-height:28px; font-size:14px; margin-top:20px; border-top:#ceccd2 1px dotted;}


/*分页*/
#nx_pg{width:100%; height:30px; padding:20px 0px 10px 0px; text-align:center;}
#nx_pg a{display:inline; padding:8px 15px 8px 15px; background:#f5f5f5; font-size:14px; margin:0px 1px 0px 0px; border-radius:2px;}
#nx_pg a:hover{background:#1da76e; color:#fff;}




/*经典案例*/
.Case{width: 100%; height: auto; margin: 30px auto 0; }
.Case ul{width: 100%; height: auto; margin-bottom: 62px; }
.Case ul li{width: 376px; height: auto; margin-right: 36px; }
.Case ul li a{display: block; width: 100%; height: 100%; }
.Case ul li a .casePic{width: 376px; height: 222px; display: table-cell; vertical-align: middle; overflow: hidden; }
.Case ul li a .casePic img{max-width: 100%; max-height: 100%; display: block; margin: 0 auto; transition: all 0.2s; }
.Case ul li a .caseTxt{width: 100%; height: auto; background: #f7f8f9 url(../images/arrow03.png) no-repeat 326px center; border-bottom: 2px solid #f7f8f9; box-sizing: border-box; padding: 20px 50px 20px 20px; transition: all 0.2s; }
.Case ul li a .caseTxt h4{font-size: 16px; color: #333; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; box-sizing: border-box; padding-right: 10px; transition: all 0.2s; }
.Case ul li a .caseTxt p{font-size: 12px; color: #999; width: 100%;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; padding-right: 10px; }
.Case ul li a:hover .casePic img{transform: scale(1.1); }
.Case ul li a:hover .caseTxt{border-bottom: 2px solid #2185c7; background-image: url(../images/arrow04.png); }
.Case ul li a:hover .caseTxt h4{color: #2185c7; }

/*产品中心*/
.Product{width: 100%; height: 818px; background: url(../images/ProductBg.jpg) no-repeat center center; background-size: cover; margin: 72px auto 80px; box-sizing: border-box; padding-top: 75px; }
.Product .PublicTit{}
.Product .PublicTit span{opacity: 0.1; }
.Product .PublicTit h2{color: #fff; }
.Product .PublicTit b{opacity: 0.5; }
.Product .TableTit{margin: 40px auto 20px; width: 100%; height: auto; }
.Product .TableTit ul{width: 100%; height: auto; font-size: 0; text-align: center; }
.Product .TableTit ul li{font-size: 14px; margin: 0 12px 20px; display: inline-block; }
.Product .TableTit ul li a{color: #666; display: block; height: 30px; line-height: 30px; padding: 0 15px; background: #fff; }
.Product .TableTit ul li a:hover{color: #fff; background: #2185c7; }
.Product .TableList{width: 100%; height: auto; overflow: hidden; }
.Product .TableList ul{width: 1260px; height: auto; font-size: 0; }
.Product .TableList ul li{display: inline-block; margin-right: 60px; height: auto; width: 360px; }
.Product .TableList ul li a{display: block; width: 100%; height: 100%; }
.Product .TableList ul li a .ProPic{width: 358px; height: 320px; overflow: hidden; display: table-cell; vertical-align: middle; border: 1px solid #ddd; background: #ddd; transition: all 0.2s; }
.Product .TableList ul li a .ProPic img{display: block; margin: 0 auto; max-width: 100%; max-height: 100%; transition: all 0.2s; }
.Product .TableList ul li a .ProTxt{width: 100%; border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 16px 0; transition: all 0.2s; }
.Product .TableList ul li a .ProTxt h4{width: 100%; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 6px; font-size: 16px; transition: all 0.2s; }
.Product .TableList ul li a .ProTxt span{width: 100%; height: 18px; line-height: 18px; box-sizing: border-box; padding-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: #999; background: url(../images/arrow05.png) no-repeat right center; display: block; transition: all 0.2s; }
.Product .TableList ul li a:hover .ProPic{border: 1px solid #2185c7; }
.Product .TableList ul li a:hover .ProPic img{transform: scale(1.1); }
.Product .TableList ul li a:hover .ProTxt{border-bottom: 1px solid #2185c7; }
.Product .TableList ul li a:hover .ProTxt h4{color: #2185c7; }
.Product .TableList ul li a:hover .ProTxt span{background: url(../images/arrow06.png) no-repeat right center; }

/*新闻资讯*/
.News{width: 100%;height: 488px;margin: 80px auto;position:  relative;}
.News .NewsWrap{width: 1200px; margin: 30px auto 0; height: auto; }
.News .NewsWrap ul{width: 1200px; height: auto; margin: 0 auto; }
.News .NewsWrap ul li{width: 285px!important;height: auto;box-sizing: border-box;margin-right: 20px;float:  left;}
.News .NewsWrap ul li a{display: block; width: 100%; height: 100%; text-align: center; border: 1px solid #ddd; box-sizing: border-box; }
.News .NewsWrap ul li a .NewsPic{width: 285px;height: 146px;box-sizing: border-box;overflow: hidden;display: table-cell;vertical-align: middle;transition: all 0.2s;border-bottom: 1px solid #ddd;}
.News .NewsWrap ul li a .NewsPic img{max-width: 100%; max-height: 100%; display: block; margin: 0 auto; }
.News .NewsWrap ul li a .NewsTxt{border-top: 0 none; box-sizing: border-box; width: 100%; text-align: left; padding: 30px 20px 22px; }
.News .NewsWrap ul li a .NewsTxt h3{font-size: 16px; color: #333; margin-bottom: 16px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.News .NewsWrap ul li a .NewsTxt span{margin-bottom: 14px; font-size: 12px; color: #999; display: block; }
.News .NewsWrap ul li a .NewsTxt p{font-size: 12px; color: #666; width: 100%; height: 88px; line-height: 22px; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.News .hd{width: 1350px;position: absolute;/* margin: 0 auto; */top: 60%;left: 50%;margin-left: -675px;overflow:  hidden;height:  71px;}
.News .hd ul,.News .hd span{display: none; }
.News .hd a{position: absolute; cursor: pointer; }
.News .hd a.prve{left: 0; }
.News .hd a.next{right: 0; }
.News .NewsWrap ul li a:hover{border: 1px solid #2185c7; }
.News .NewsWrap ul li a:hover .NewsTxt h3{color: #2185c7; }

/*关于我们*/
.About{width: 100%; height: 410px; position: relative; margin: 30px auto 80px; }
.About .aboutPic{position: absolute; left: 0; top: 62px; width: 426px; height: 286px; z-index: 2; }
.About .aboutPic span{width: 426px; height: 286px; display: table-cell; overflow: hidden; vertical-align: middle; }
.About .aboutPic span img{max-width: 100%; max-height: 100%; display: block; margin: 0 auto; }
.About .aboutTxt{width: 865px; height: 410px; background: #f6f6f6; box-sizing: border-box; padding: 62px 25px 0 130px; position: absolute; top: 0; right: 0; z-index: 1; }
.About .aboutTxt h4{font-size: 24px; color: #333; font-weight: bold; margin-bottom: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.About .aboutTxt span{font-size: 16px; color: #999; text-transform: uppercase; margin-bottom: 6px; display: block; }
.About .aboutTxt b{display: block; width: 56px; height: 2px; background: #2185c7; }
.About .aboutTxt p{font-size: 14px; color: #333; line-height: 26px; height: 156px; margin: 16px 0; width: 100%; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.About .aboutTxt a{width: 128px; height: 30px; line-height: 28px; box-sizing: border-box; border: 1px solid #999; text-align: center; color: #666; text-transform: uppercase; display: block; transition: all 0.2s; }
.About .aboutTxt a:hover{background: #2185c7; border: 1px solid #2185c7; color: #fff; }

/*内页banner*/
.inBanner{width: 100%; margin: 0 auto; height: auto; }
.inBanner a{display: block; width: 100%; height: 100%; }
.inBanner a img{width: 100%; display: block; }
/*单页面*/
.Single{width: 100%; line-height: 24px; margin: 15px 0; font-size: 12px; overflow: hidden; }
.Single img{max-width: 100%; }
/*详情页*/
.incontent{width:100%; overflow: hidden; min-height: 500px; float: right;}
.incontent .in_tit{width:359px; margin:60px auto 20px auto; background:url(../images/in_title.png) no-repeat center center; height:63px;}
.incontent .in_tit h2{font-size:23px; color:#333; text-align:right; line-height:98px;}
.newsInfo{ overflow:hidden;line-height:26px; font-size:12px; text-indent:2em;  width:96%; padding:2%;}
.newsInfo_title{width:100%; height:40px; line-height:40px;text-align:center;font-size:20px; color:#222; font-family:"微软雅黑", "宋体"; overflow:hidden;}
.newsInfo_tips{width:100%; height:30px; line-height:30px; font-family:Arial, Helvetica, sans-serif; text-align:center;font-size:14px;   color:#666; overflow:hidden;}
.newsInfo_tips li{display:inline; padding:0 10px 0 10px;}
.newsInfo_con{width:100%;padding:10px 0;line-height: 22px;color:#333;overflow:hidden;min-height:350px;font-size: 12px;}
.rNews{width:100%;padding:10px 0;font-size: 14px;border-top:1px dashed #ccc;overflow:hidden;}
.rNews li{width:100%; height:30px; line-height:30px; overflow:hidden;}
.rNews li a:hover{color:#2185c7; }
.newsInfo_tips li a{color:#f35f15}
.newsInfo a:hover{text-decoration:underline;}
.newsInfo_con img{display:block; margin:10px auto; max-width:100%;}

/*内页--成功案例*/
.inCase{width: 100%; height: auto; margin: 30px auto 0; overflow: hidden; }
.inCase ul{width: 103%; height: auto; margin-bottom: 62px; font-size: 0; }
.inCase ul li{width: 297px;height: auto;margin-right: 20px;margin-bottom: 25px;display: inline-block;}
.inCase ul li a{display: block; width: 100%; height: 100%; }
.inCase ul li a .casePic{width: 297px;height: 175px;display: table-cell;vertical-align: middle;overflow: hidden; background: #f0f0f0; }
.inCase ul li a .casePic img{max-width: 100%; max-height: 100%; display: block; margin: 0 auto; transition: all 0.2s; }
.inCase ul li a .caseTxt{width: 100%;height: auto;background: #f7f8f9 url(../images/arrow03.png) no-repeat 96% center;background-size: 22px;border-bottom: 2px solid #f7f8f9;box-sizing: border-box;padding: 10px 30px 10px 10px;transition: all 0.2s;}
.inCase ul li a .caseTxt h4{font-size: 16px; color: #333; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; box-sizing: border-box; padding-right: 10px; transition: all 0.2s; }
.inCase ul li a .caseTxt p{font-size: 12px; color: #999; width: 100%;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; padding-right: 10px; }
.inCase ul li a:hover .casePic img{transform: scale(1.1); }
.inCase ul li a:hover .caseTxt{border-bottom: 2px solid #2185c7; background-image: url(../images/arrow04.png); }
.inCase ul li a:hover .caseTxt h4{color: #2185c7; }

/*内页--新闻资讯*/
.inNews{width: 100%; height: auto; margin: 30px auto 0; overflow: hidden; }
.inNews ul{width: 102%; height: auto; margin: 0 auto; font-size: 0; }
.inNews ul li{width: 296px; height: auto; box-sizing: border-box; margin-right: 20px; margin-bottom: 25px; display: inline-block; }
.inNews ul li a{display: block; width: 100%; height: 100%; text-align: center; border: 1px solid #ddd; box-sizing: border-box;}
.inNews ul li a .NewsPic{width: 296px; height: 154px; box-sizing: border-box; overflow: hidden; display: table-cell; vertical-align: middle; transition: all 0.2s; border-bottom: 1px solid #ddd;}
.inNews ul li a .NewsPic img{max-width: 100%; max-height: 100%; display: block; margin: 0 auto; }
.inNews ul li a .NewsTxt{border-top: 0 none;box-sizing: border-box;width: 100%;text-align: left;padding: 15px;}
.inNews ul li a .NewsTxt h3{font-size: 16px; color: #333; margin-bottom: 16px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inNews ul li a .NewsTxt span{margin-bottom: 14px; font-size: 12px; color: #999; display: block; }
.inNews ul li a .NewsTxt p{font-size: 12px; color: #666; width: 100%; height: 88px; line-height: 22px; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.inNews .hd{width: 1350px;position: relative;margin: 0 auto;margin-top: -192px;}
.inNews .hd ul,.News .hd span{display: none; }
.inNews .hd a{position: absolute; cursor: pointer; }
.inNews .hd a.prve{left: 0; }
.inNews .hd a.next{right: 0; }
.inNews ul li a:hover{border: 1px solid #2185c7; }
.inNews ul li a:hover .NewsTxt h3{color: #2185c7; }

/*内页--产品中心*/
.inProduct{width: 100%; height: auto; margin: 30 auto 0; overflow: hidden; }
.inProduct ul{width: 104%;height: auto;font-size: 0;}
.inProduct ul li{display: inline-block;margin-right: 30px;height: auto;width: 290px;margin-bottom: 30px;}
.inProduct ul li a{display: block; width: 100%; height: 100%; }
.inProduct ul li a .ProPic{width: 288px;height: 258px;overflow: hidden;display: table-cell;vertical-align: middle;border: 1px solid #ddd;background: #ddd;transition: all 0.2s;}
.inProduct ul li a .ProPic img{display: block; margin: 0 auto; max-width: 100%; max-height: 100%; transition: all 0.2s; }
.inProduct ul li a .ProTxt{width: 100%; border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 16px 0; transition: all 0.2s; }
.inProduct ul li a .ProTxt h4{width: 100%;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 6px;font-size: 16px;transition: all 0.2s;}
.inProduct ul li a .ProTxt span{width: 100%; height: 18px; line-height: 18px; box-sizing: border-box; padding-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: #999; background: url(../images/arrow05.png) no-repeat right center; display: block; transition: all 0.2s; }
.inProduct ul li a:hover .ProPic{border: 1px solid #2185c7; }
.inProduct ul li a:hover .ProPic img{transform: scale(1.1); }
.inProduct ul li a:hover .ProTxt{border-bottom: 1px solid #2185c7; }
.inProduct ul li a:hover .ProTxt h4{color: #2185c7; }
.inProduct ul li a:hover .ProTxt span{background: url(../images/arrow06.png) no-repeat right center; }

/*内页--解决方案--列表*/
.inSolutions{width: 100%; height: auto; }
.inSolutions ul li{width: 100%; height: 183px; margin-bottom: 15px; background: #f9f9f9; overflow: hidden; }
.inSolutions ul li .soluPic{float: left;width: 244px;height: 183px;background: #eee;}
.inSolutions ul li .soluPic div{width: 244px;height: 183px;display: table-cell;vertical-align: middle;}
.inSolutions ul li .soluPic div img{max-width: 100%; max-height: 100%; display: block; margin: 0 auto; }
.inSolutions ul li .soluTxt{width: 100%;height: 100%;box-sizing: border-box;padding: 20px 20px 20px 264px;}
.inSolutions ul li .soluTxt h4{font-size: 16px; color: #333; margin-bottom: 10px; }
.inSolutions ul li .soluTxt span{font-size: 12px; color: #999; margin-bottom: 10px; display: block; }
.inSolutions ul li .soluTxt p{font-size: 12px; color: #666; line-height: 20px; height: 40px; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 14px; }
.inSolutions ul li .soluTxt a{display: inline-block; width: 80px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #ccc; color: #666; font-size: 13px; margin-right: 10px; }
.inSolutions ul li .soluTxt a:hover{color: #fff; border: 1px solid #2185c7; background: #2185c7; }

/*内页--解决方案--详情*/
.inSolutionsCont{width: 100%; height: auto; }
.inSolutionsCont .Pic{width: 302px; height: 302px; border: 1px solid #e7e7e7; float: left; }
.inSolutionsCont .Pic div{width: 300px; height: 300px; display: table-cell; vertical-align: middle; }
.inSolutionsCont .Pic div img{display: block; margin: 0 auto; max-width: 100%; max-height: 100%; }
.inSolutionsCont .txt{width: 100%; height: auto; padding-left: 340px; box-sizing: border-box; }
.inSolutionsCont .txt h5{font-size: 22px; color: #2185c7; font-weight: bold; margin-bottom: 15px; }
.inSolutionsCont .txt p{font-size: 14px; color: #333; line-height: 26px; margin-top: 8px; }
.inSolutionsCont .txt b{font-size: 16px; color: #333; font-weight: bold; }
.inSolutionsCont .txt span{font-size: 14px; color: #333; display: block; margin-top: 20px; }
.inSolutionsCont .txt a{font-size: 16px; color: #333; text-decoration: underline; display: block; margin-top: 15px; }
.inSolutionsCont .txt a:hover{color: #2185c7; }

/*在线留言*/
.message {padding: 0 10px; width: 700px; height: auto; margin-bottom: 20px; box-sizing: border-box; margin-top: 20px; }
.messagetip {width: 700px; border-bottom: 1px #dedede dashed; padding-left: 10px; padding-bottom:10px; font-size:12px; float: left; }
.messagetip b {color: #2185c7;font-weight:normal;line-height:30px;}
.messagetip p { line-height:26px; padding-bottom:5px}
#btnSubmit { width:90px; height:30px; margin-top:20px; border-radius:3px; background: #2185c7; font-size: 14px; color: #fff; cursor: pointer; margin-left: 80px; }
.messageText01 { border:1px solid #e7e7e7; height:40px; line-height:30px; width: 300px; padding-left: 10px; box-sizing: border-box; }
.messageText02 { border:1px solid #e7e7e7; width:500px; height:120px;resize: none; padding: 10px; box-sizing: border-box; outline: none; }
tr { line-height:40px; display:block; margin-bottom: 20px;color: #333;}
table { padding-left:10px; font-size:14px; padding-top: 30px; float: left; }
.MessageRight{width: 260px; height: 420px; background: #fff; float: right; margin-top: -60px; border: 1px solid #e7e7e7; }
.MessageRight img{display: block; max-height: 100%; max-width: 100%; }

/*在线客服*/
.OnlineService{width: 204px; height: 272px; border-radius: 8px 0 0 8px; background: #2185c7; position: fixed; top: 50%; right: -160px; margin-top: -136px; z-index: 999; }
.OnlineService .left{width: 45px; height: 100%; float: left; cursor: pointer; }
.OnlineService .left p{font-size: 20px; color: #fff; text-align: center; line-height: 30px; padding-top: 78px; background: url(../images/qq01.png) no-repeat center 45px; }
.OnlineService .left img{display: block; margin: 10px auto 0; }
.OnlineService .right{float: left; width: 154px; height: 250px; border-radius: 9px; background: #f7f7f7; margin-top: 11px; }
.OnlineService .right h5{font-size: 14px; color: #333; font-weight: bold; text-align: center; line-height: 36px; }
.OnlineService .right ul{width: 100%; height: auto; }
.OnlineService .right ul li{width: 100%; height: 42px; border-bottom: 1px solid #ddd; overflow: hidden; }
.OnlineService .right ul li span{float: left; font-size: 12px; color: #333; line-height: 42px; margin-left: 18px; }
.OnlineService .right ul li a{float: left; width: 72px; height: 20px; box-sizing: border-box; border: 1px solid #2185c7; border-radius: 3px; background: #9bd8f7 url(../images/qq02.png) no-repeat 5px center; padding-left: 24px; margin: 11px 0 0 10px; }
.OnlineService .right ul li a:hover{font-weight: bold; color: #333; }
.OnlineService .right h6{width: 100%; height: 42px; line-height: 42px; border-bottom: 1px solid #ddd; font-size: 14px; text-align: center; }
.OnlineService .right p{font-size: 16px; text-align: center; line-height: 42px; font-weight: bold; }