body { margin: 0 auto; padding: 0px; font-family: "宋体"; font-size: 12px; text-align: center; }
div { margin: 0px; padding: 0px; }
a:hover { color: #8d8d8d; }
.noneul { margin: 0px; padding: 0px; list-style-type: none; overflow: hidden; }
.noneul li { list-style-type: none; overflow: hidden; }
.container { width: 1180px; margin: 0 auto; text-align: left; position: relative; overflow: visible; z-index: 1000; }
.container2 { width: 1180px; height: 70px; position: absolute; left: 0; top: 57px; z-index: 10; background-image: url(../images/dhbj.jpg); background-repeat: repeat-x; overflow: visible; }
.container2bot { width: 1180px; height: 7px; position: absolute; left: 0; top: 127px; z-index: 10; background-image: url(../images/xx.png); background-repeat: repeat-x; overflow: visible; }
#bigbanner { width: 100%; height: auto; position: relative; margin: 0 auto; }
#banners { width: 100%; height: auto; }
.banner { display: none; }
#controls { width: 350px; height: 24px; line-height: 24px; position: absolute; left: 45%; bottom: 2%; padding-left: 5px; z-index: 500; padding-top: 6px; }
#controls li { list-style: none; display: inline; }
#controls li a { width: 40px; height: 5px; display: block; margin: 0px 3px 0px 3px; background: url(../images/dian-02.jpg) no-repeat; float: left; }
#controls li.active a { background: url(../images/dian.jpg) no-repeat; }
#controls li a:hover { background: url(../images/dian.jpg) no-repeat; }
.logo { float: left; width: 310px; height: 70px; margin-right: 38px; }
.subnav { float: left; width: 504px; height: 70px; }
.telephone { float:right; width: 252px; height: 50px; padding-top:20px; padding-right:12px; }
.subnav-01 { float: left; width: 84px; height: 70px; }
.bjbj { width: 84px; height: 70px; display: block; font-family: "微软雅黑"; font-size: 14px; color: #8d8d8d; text-decoration: none; text-align: center; line-height: 70px; font-weight: bold; }
.bjbj2 { width: 84px; height: 70px; display: block; font-family: "微软雅黑"; font-size: 14px; color: #8d8d8d; text-decoration: none; text-align: center; line-height: 70px; font-weight: bold; background-image: url(../images/dh.jpg); }
.subnav-02 { float: left; width: 84px; height: 70px; }
.bjbj3 { width: 84px; height: 70px; display: block; font-family: "微软雅黑"; font-size: 14px; color: #8d8d8d; text-decoration: none; text-align: center; line-height: 70px; font-weight: bold; background-image: url(../images/dh2.jpg); }
.bjbj4 { width: 84px; height: 70px; display: block; font-family: "微软雅黑"; font-size: 14px; color: #8d8d8d; text-decoration: none; text-align: center; line-height: 70px; font-weight: bold; background-image: url(../images/dh2-.jpg); }
.content { clear: both; width: 100%; height: 462px; background-position: top center; background-image: url(../images/index.jpg); background-repeat: repeat-y; }
.content-01 { width: 1180px; margin: 0 auto; text-align: left; }
.content-02 { width: 1180px; height: 97px; }
.content-03 { width: 1180px; }
.content-04 { float: left; width: 365px; margin-right: 21px; }
.content-05 { width: 365px; height: 157px; margin-bottom: 13px; background-image: url(../images/tbj.png); }
.content-06 { width: 365px; height: 140px; }
.content-07 { width: 365px; height: 30px; text-align: center; line-height: 30px; margin-bottom: 12px; }
.content-08 { width: 365px; height: 145px; text-align: left; line-height: 1.8em; }
.content-09 { float: left; width: 2px; height: 282px; margin-right: 18px; background-image: url(../images/index-03.jpg); }
.indexcases { clear: both; width: 100%; height: 460px; background-position: top center; background-image: url(../images/casebj.jpg); background-repeat: no-repeat; overflow: visible; }
.indexcases-01 { width: 1180px; margin: 0 auto; height: 400px; text-align: left; overflow: visible; }
.indexcases-02 { width: 1180px; height: 520px; position: relative; overflow: visible; }
.indexcases-03 { width: 217px; height: 38px; position: absolute; left: 1px; top: 56px; z-index: 1; }
.indexcases-04 { width: 1180px; /*height:218px;*/
position: absolute; left: 0; top: 135px; z-index: 1; overflow: visible; }
.indexcases-05 { float: left; width: 281px; overflow: visible; }
.indexcases-050 { float: left; width: 281px; margin-right: 19px; margin-bottom: 40px; overflow: visible; }
.indexcases-06 { width: 281px; height: 226px; /*margin-bottom:7px;*/



	/*position:relative;*/



overflow: visible; }
.indexcases-060 { width: 281px; height: 226px; position: relative; /*left:0;



	top:0;



	position:absolute;



	z-index:1;*/



overflow: visible; }
.b { width: 281px; height: 226px; display: block; position: absolute; left: 0; top: 0; z-index: 10; overflow: visible; }
.indexcases-08 { width: 281px; height: 189px; display: block; text-align: center; line-height: 30px; font-family: "微软雅黑"; font-size: 16px; color: #8e8e8e; text-decoration: none; }
.pic { z-index: -1111; overflow: visible; position: absolute; left: 0; top: 0; }
.indexcases-09 { width: 281px; height: 189px; display: block; background-image: url(../images/fd.png); text-align: center; line-height: 30px; font-family: "微软雅黑"; font-size: 16px; color: #e95765; text-decoration: none; z-index: 10000000000; }
.indexcases-080 { width: 281px; height: 30px; display: block; position: absolute; left: 0px; top: 187px; z-index: 10; overflow: visible; margin-top: 10px; }
.footer { clear: both; width: 100%; height: 287px; background-position: top center; background-image: url(../images/index-10.jpg); background-repeat: repeat-y; }
.footer-01 { width: 1180px; margin: 0 auto; text-align: left; }
.footer-02 { width: 1180px; height: 287px; position: relative; }
.footer-003 { width: 200px; height: 22px; position: absolute; right: 324px; top: 49px; z-index: 1; text-align: left; line-height: 22px; }
.footer-03 { width: 200px; height: 22px; position: absolute; left: 1px; top: 49px; z-index: 1; text-align: left; line-height: 22px; }
.wx { width: 157px; height: 157px; position: absolute; left: 1px; top: 103px; z-index: 1; }
.phone { width: 353px; height: 82px; position: absolute; left: 150px; top: 97px; z-index: 1; }
.copyright { width: 353px; height: 90px; position: absolute; left: 150px; top: 179px; z-index: 1; text-align: left; line-height: 1.6em; }
.footernav { width: 523px; height: 150px; position: absolute; right: 0px; top: 99px; z-index: 1; }
.footernav-01 { width: 523px; height: 24px; position: relative; }
.footernav-02 { width: 423px; height: 24px; position: absolute; left: 0px; top: 0; z-index: 1; text-align: left; line-height: 24px; }
.footernav-03 { width: 123px; height: 24px; position: absolute; right: 0px; top: 0; z-index: 1; text-align: right; line-height: 24px; }
.footernav-030 { width: 209px; height: 24px; margin-bottom: 13px; }
.footernav-040 { width: 209px; height: 22px; text-align: left; line-height: 22px; }
.contact { clear: both; width: 100%; height: 611px; background-position: top center; background-image: url(../images/contact-02.jpg); background-repeat: repeat-y; }
.contact-01 { width: 1180px; margin: 0 auto; text-align: left; }
.contact-02 { width: 1180px; height: 611px; position: relative; }
.contact-03 { width: 307px; height: 204px; position: absolute; left: 27px; top: 52px; z-index: 1; }
.contact-04 { width: 307px; height: 204px; position: absolute; left: 431px; top: 52px; z-index: 1; }
.contact-05 { width: 307px; height: 204px; position: absolute; right: 27px; top: 52px; z-index: 1; }
.contact-06 { width: 1180px; height: 328px; position: absolute; right: 0; top: 283px; z-index: 1; }
.wby { width: 370px; height: 47px; border: none; background-color: #ffffff; font-family: "微软雅黑"; font-size: 15px; text-align: left; line-height: 47px; color: #282828; }
.wbqy { width: 1175px; height: 170px; border: none; background-color: #ffffff; font-family: "微软雅黑"; font-size: 15px; text-align: left; line-height: 47px; color: #282828; }
.map { clear: both; width: 100%; height: 530px; background-position: top center; background-image: url(../images/contact-03.jpg); background-repeat: repeat-y; }
.map_img { clear: both; width: 1180px; height: 530px; margin: 0 auto; }
.cases { clear: both; width: 100%; height: 611px; background-color: #FFFFFF; overflow: visible; }
.cases-01 { width: 1180px; margin: 0 auto; text-align: left; overflow: visible; }
.cases-02 { width: 1180px; height: 54px; }
.cases-03 { width: 1180px; height: 89px; }
.cases-04 { float: left; margin-right: 59px; width: 353px; height: 89px; }
.leftsideBar-01 { width: 353px; height: 82px; font-family: "微软雅黑"; font-size: 56px; color: #000000; text-decoration: none; text-align: left; display: block; border-bottom: 7px solid #E90010; }
.leftsideBar-02 { width: 353px; height: 82px; font-family: "微软雅黑"; font-size: 56px; color: #CECECE; text-decoration: none; text-align: left; display: block; border-bottom: 7px solid #B6B6B6; }
.cases-051 { clear: both; width: 1180px; margin: 46px 0 36px 0; }
.cases-052 { width: 1180px; height: 49px; border-bottom: 1px solid #B7B7B7; border-top: 1px solid #B7B7B7; text-align: center; line-height: 49px; }
.casepicture { clear: both; width: 1180px; overflow: visible; }
.about { clear: both; width: 100%; background-color: #ffffff; }
.about-01 { width: 1180px; margin: 0 auto; text-align: left; }
.about-02 { width: 1180px; }
.about-03 { width: 1180px; margin-top: 54px; margin-bottom: 24px; }
.about-04 { width: 1180px; height: 50px; text-align: left; line-height: 50px; }
.about-05 { width: 1180px; text-align: left; line-height: 2.0em; margin-bottom: 35px; }
.about-06 { width: 1180px; }
.about-07 { float: left; width: 1px; height: 255px; margin-right: 10px; background-image: url(../images/about-03.jpg); }
.about-08 { float: left; width: 375px; margin-right: 10px; }
.about-09 { width: 375px; height: 74px; }
.about-10 { width: 353px; margin: 15px 9px 0 13px; }
.about-11 { clear: both; width: 1180px; height: 42px; border-top: 1px solid #E7E7E7; margin-top: 39px; }
.about-12 { clear: both; width: 1180px; height: 238px; }
.about-13 { clear: both; width: 1180px; height: 50px; margin-top: 23px; margin-bottom: 29px; text-align: left; line-height: 50px; }
.about-14 { clear: both; width: 1180px; height: 25px; margin-bottom: 46px; text-align: left; line-height: 25px; }
.about-15 { clear: both; width: 1180px; }
.about-16 { float: left; width: 352px; margin-right: 62px; margin-bottom: 100px; border-top: 1px solid #6EB6FF; }
.service { clear: both; width: 100%; background-color: #ffffff; }
.service-01 { width: 1180px; margin: 0 auto; text-align: left; }
.service-02 { width: 1180px; height: 46px; line-height: 46px; margin-top: 54px; text-align: left; }
.service-03 { width: 1180px; height: 36px; line-height: 36px; margin-bottom: 35px; text-align: left; }
.service-04 { width: 1180px; /*height:33px;*/



border-top: 1px solid #E7E7E7; margin-top: 21px; margin-bottom: 33px; }
.opertion { clear: both; width: 1180px; margin-bottom: 77px; }
.opertion-01 { float: left; width: 230px; height: 137px; margin-right: 7px; margin-bottom: 6px; }
.opertion-02 { width: 228px; height: 135px; border: 1px solid #CFCFCF; }
#servicesBox { width: 1180px; height: auto; margin: 0 auto; clear: both; margin-top: 20px; line-height: 18px; color: #999999; font-size: 12px; }
#servicesBox .serBox { cursor: pointer; display: inline; width: 376px; height: 317px; float: left; overflow: hidden; background: url(../images/xx.jpg) repeat 0px 0px; position: relative; margin-right: 24px; margin-bottom: 25px; }
#servicesBox .serBoxOn { display: none; width: 376px; height: 317px; background: url(../images/xxx.jpg) repeat 0px 0px; position: absolute; left: 0px; top: 0px; z-index: 19; }
#servicesBox .serBox .pic1 { width: 117px; height: 105px; text-align: center; position: absolute; top: 33px; right: 130px; z-index: 99; }
#servicesBox .serBox .pic2 { width: 117px; height: 105px; text-align: center; position: absolute; top: 33px; left: -129px; z-index: 99; }
#servicesBox .serBox .txt1 { width: 300px; height: auto; position: absolute; top: 145px; left: 40px; z-index: 99; font-family: "微软雅黑"; font-size: 12px; color: #787878; font-weight: bold; }
#servicesBox .serBox .txt2 { width: 220px; height: auto; color: #999999; position: absolute; top: 145px; right: -300px; z-index: 99; text-align: left; }
#servicesBox .serBox span.tit { font-size: 16px; display: block; height: 50px; line-height: 40px; text-align: center; }
#servicesBox .serBox .txt1 .tit { color: #2a2a2a; font-family: "微软雅黑"; font-size: 18px; font-weight: bold; }
#servicesBox .serBox .txt2 .tit { color: #9b9b9b; font-family: "微软雅黑"; font-size: 14px; font-weight: bold; }
.z { color: #9b9b9b; font-family: "微软雅黑"; font-size: 14px; font-weight: bold; line-height: 2.0em; }
.jt { width: 27px; height: 25px; position: absolute; right: 0px; top: 60px; z-index: 1; }
.jt-01 { width: 27px; height: 25px; position: absolute; right: 29px; top: 60px; z-index: 1; }
.fy { clear: both; width: 1180px; height: 50px; text-align: center; line-height: 50px; margin-top: 40px; margin-bottom: 50px; }
.prev { float: left; width: 68px; height: 38px; display: block; font-family: "微软雅黑"; font-size: 14px; color: #3e3e3e; background-color: #FDFDFD; text-align: center; text-decoration: none; line-height: 38px; margin-right: 10px; border: 1px solid #a2a2a2; font-weight: bold; }
.prevs { float: left; width: 100px; height: 38px; display: block; font-family: "微软雅黑"; font-size: 14px; color: #3e3e3e; background-color: #FDFDFD; text-align: center; text-decoration: none; line-height: 38px; margin-right: 10px; border: 1px solid #a2a2a2; font-weight: bold; }
.next { float: left; width: 68px; height: 38px; display: block; font-family: "微软雅黑"; font-size: 14px; color: #ffffff; background-color: #282828; text-align: center; text-decoration: none; line-height: 38px; margin-right: 10px; border: 1px solid #a2a2a2; font-weight: bold; }
.sz { float: left; width: 34px; height: 38px; display: block; font-family: "微软雅黑"; font-size: 14px; color: #3e3e3e; background-color: #FDFDFD; text-align: center; text-decoration: none; line-height: 38px; margin-right: 10px; border: 1px solid #a2a2a2; font-weight: bold; }
.sza { float: left; width: 34px; height: 38px; display: block; font-family: "微软雅黑"; font-size: 14px; color: #ffffff; background-color: #282828; text-align: center; text-decoration: none; line-height: 38px; margin-right: 10px; border: 1px solid #a2a2a2; font-weight: bold; }
.fdivs { width: 1180px; height: 89px; }
.menuOffs { float: left; width: 353px; height: 82px; font-family: "微软雅黑"; font-size: 56px; color: #CECECE; text-decoration: none; text-align: left; display: block; border-bottom: 7px solid #B6B6B6; margin-right: 59px; }
.menuOns { float: left; width: 353px; height: 82px; font-family: "微软雅黑"; font-size: 56px; color: #000000; text-decoration: none; text-align: left; display: block; border-bottom: 7px solid #E90010; margin-right: 59px; }
.parentDivs { width: 1180px; }
.contentDivs { width: 100%; display: block; }
.contentDivNones { width: 100%; display: none; }
.bottom { clear: both; width: 100%; height: 96px; background-position: top center; background-image: url(../images/linkbj.jpg); background-repeat: no-repeat; }
.bottom-01 { width: 1180px; margin: 0 auto; text-align: left; }
.bottom-02 { width: 1180px; height: 96px; position: relative; }
.bottom-03 { width: 1130px; height: 24px; position: absolute; left: 0; top: 16px; z-index: 1; text-align: left; line-height: 24px; }
.bottom-04 { width: 97px; height: 24px; position: absolute; left: 0; top: 58px; z-index: 1; text-align: left; line-height: 24px; }
.bottom-05 { width: 1060px; height: 24px; position: absolute; left: 99px; top: 58px; z-index: 1; text-align: left; line-height: 24px; }
#announcements { clear: both; width: 1180px; height: 96px; position: relative; overflow: hidden; }
#announcements div { overflow-y: hidden; }
#announcementbodys { width: 1060px; height: 24px; position: absolute; left: 99px; top: 58px; z-index: 1; text-align: left; line-height: 24px; overflow-y: hidden; }
.news { clear: both; width: 100%; background-color: #ffffff; }
.news-01 { width: 1180px; margin: 0 auto; text-align: left; }
.news-02 { width: 1180px; }
.news-002 { margin: 0 19px 0 21px; width: 1140px; }
.news-003 { height: 85px; position: relative; width: 1140px; }
.news-004 { height: 40px; width: 1140px; text-align: center; line-height: 40px; }
.news-005 { height: 26px; width: 1140px; text-align: center; line-height: 26px; margin-bottom: 40px; }
.news-006 { height: auto; width: 1140px; text-align: left; line-height: 2.0em; margin-bottom: 30px; }
.news-007 { height: 13px; border-top: 1px solid #D6D6D6; width: 1140px; }
.news-008 { height: 26px; width: 1140px; margin-bottom: 34px; }
.news-009 { height: 205px; background-color: #F0F0F0; width: 1140px; position: relative; margin-bottom: 72px; }
.news-0010 { height: 24px; width: 400px; position: absolute; left: 19px; top: 14px; z-index: 1; text-align: left; line-height: 24px; }
.news-0011 { height: 24px; width: 100px; position: absolute; right: 20px; top: 16px; z-index: 1; text-align: right; line-height: 24px; }
.news-0012 { height: 120px; width: 1113px; position: absolute; left: 25px; top: 57px; z-index: 1; }
.news-0013 { height: 30px; width: 545px; margin-right: 23px; text-align: left; line-height: 30px; float: left; }
.news-03 { width: 1180px; height: 103px; position: relative; }
.news-04 { width: 600px; height: 24px; position: absolute; left: 0; top: 42px; z-index: 1; text-align: left; line-height: 24px; }
.news-05 { width: 1180px; height: 160px; }
.news-x { clear: both; width: 1180px; height: 40px; border-bottom: 1px solid #D6D6D6; margin-bottom: 39px; }
.news-06 { float: left; margin-right: 24px; width: 257px; height: 160px; }
.news-07 { float: left; margin-right: 26px; width: 873px; }
.news-08 { height: 33px; width: 873px; background-image: url(../images/newsz.jpg); margin-bottom: 18px; }
.news-09 { height: 109px; width: 873px; text-align: left; line-height: 2.0em; }
.item-img, .post-img { position: relative }
.overlay { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; z-index: 40; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 180ms ease-in-out; -moz-transition: opacity 180ms ease-in-out; -o-transition: opacity 180ms ease-in-out; transition: opacity 180ms ease-in-out }
.overlay.zoom { background: url(../images/overlay.png) no-repeat center center, url(../images/overlay_bg.png) center center }
.overlay:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100) }
.portfolio-item-meta { text-align: left; }
.portfolio-item-meta h3 { height:30px; overflow:hidden; font-size: 15px; font-family: "微软雅黑"; font-weight: 600; line-height: 16px; padding: 12px 0 8px 0; margin: 0 0 8px 0; border-bottom: 1px solid #e7e7e7; letter-spacing: 0; color: #6F6F6F; }
.portfolio-item-meta a { color: #6F6F6F; font-family: "微软雅黑"; font-weight: 600; }
.portfolio-item-meta a:hover { color: #6F6F6F; font-family: "微软雅黑"; }
.portfolio-item-meta p { color: #6F6F6F; font-size: 12px; line-height: 18px; font-family: "微软雅黑"; height:55px; overflow:hidden; }
.case_more { width: 100%; background-color: #FFFFFF; height: auto; clear: both; }
.case_lb { width: 1180px; height: auto; margin: 0 auto; }
.case_xq_all { width: 100%; height: auto; clear: both; margin-bottom: 68px; }
.case_xq { width: 1180px; height: auto; margin: 0 auto; padding-bottom: 50px; overflow: hidden; background: #FFF; }
.hd_tl { width: 1140px; height: 42px; margin: 0 auto; text-align: left; margin-top: 60px; margin-bottom: 50px; }
.hd_tl img { float: left; }
.hd_tl_dh { width: auto; height: 100%; color: #666; float: right; }
.hd_tl_dh a { text-decoration: none; color: #666; }
.case_xx_nr { width: 1140px; height: auto; margin: 0 auto; }
.case_xx_nr_left { width: 1140px; height: auto; margin-bottom: 20px; }
.case_xx_nr_right { width: 1140px; height: auto; }
.ananniu { width: 1140px; height: 40px; margin: 0 auto; font-family: "微软雅黑"; padding-bottom: 13px; text-align: center; }
.ananniu span { font-size: 20px; font-family: "微软雅黑"; font-weight: bold; color: #3a3a3a; }
.tuian { width: 1140px; height: 36px; }
.tuian img { float: right; border: 1px solid #CCC; margin-left: -1px; padding: 1px; }
.xm_jj { width: 1140px; height: auto; margin: 0 auto; text-align: left; color: #7b7b7b; font-size: 12px; font-family: "微软雅黑"; line-height: 19px; padding-top: 10px; }
.xm_jj h4 { color: #fe4101; font-size: 14px; }
.xm_jj p { width: 100%; height: auto; margin-top: 20px; font-size: 13px; color: #7b7b7b; line-height: 23px; }
.xm_jj p a { color: #7b7b7b; }
.case_xgal { width: 1180px; height: 167px; margin: 0 auto; margin-top: 40px; padding-bottom: 40px; }
.case_xgal img { float: left; }
.alxg_4 { width: 1038px; height: 100%; float: left; }
.case_xgal div { overflow: hidden }
.al_xg { width: 249px; height: 167px; float: right; margin-left: 10px; }
.al_xg img { float: right; }
.al_xg div { padding-left: 11px; }
.fl { display: inline; float: left }
.fr { display: inline; float: right }
.btn { cursor: pointer }
.btn:hover { text-decoration: none!important }
#Fixed { position: fixed; _position: absolute; z-index: 100; bottom: 120px; left: 56%; margin-left: 510px; _bottom: auto; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-70);
width: 40px; text-indent: -40000px; }
#goTop { background-image: url('../images/case_xx_top.jpg')!important }
#goTop { position: relative; width: 40px; height: 40px; background: -1px -1px no-repeat; cursor: pointer }
#goTop { display: none; width: 40px; height: 40px; opacity: 0.5; filter: alpha(opacity=50); !important;
background-position: -1px -0px!important; cursor: pointer }

.footer-02{ float:left; width:200px;}
.footer-07{ float:left; padding-top:110px;color:#ffffff;}
.foot_tel {  font-family:Arial; font-size:30px;}
.foot_tel span{display:block; float:left; padding-right:15px;}
.foot_tel .tel{ background:url(../images/foot_tel.png) no-repeat left 8px; width:30px; height:30px;}
.foot_tel .meb{ background:url(../images/foot_meb.png) no-repeat left center; width:30px; height:30px; margin-left:20px;}
.footer-07 .clear{ clear:left;}
.footer-07 .add{  float:left; font-size:18px; padding-top:28px;font-family: "微软雅黑"; padding-right:52px;}

.bottom .footer_link{ line-height:90px; font-family: "微软雅黑"; font-size:14px; color:#ffffff; float:left;}

.bottom .footer_link a, .bottom .copy a{ color:#ffffff;}
.bottom .copy{ color:#999999;line-height:90px; float:right;font-family:Arial;}

.about_lt{ font-size:24px; color:#D45744; padding:20px 0px 15px 0px}


.dock { position: fixed; right: 0px; width: 50px; -moz-opacity: 0.7; opacity: 0.7; z-index: 200; top:200px; }
.dock.close { z-index: 50 }
.dock ul.icons { position: absolute; list-style: none; right: 0px; padding: 0px; width: 50px; border: 1px solid #333; border-right: none; background: #111; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s }
.dock.close ul.icons { right: -70px }
.dock ul.icons li i { display: block; position: relative; width: 50px; height: 50px; background: url(../images/icons.png) no-repeat; cursor: pointer; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; z-index: 210 }
.dock ul.icons li.active i { -moz-opacity: 0.4; opacity: 0.4 }
.dock ul.icons li.up i { background-position: -63px -150px;background:none; height:20px; }
.dock ul.icons li.tel i { background-position: -62px -108px }
.dock ul.icons li.im i { background-position: -63px -20px }
.dock ul.icons li.wechat i { background-position: -59px -66px }
.dock ul.icons li.down i { background-position: -63px -190px; background:none; height:20px; }
.dock ul.icons li p { display: block; position: absolute; top: 10px; right: -260px; padding: 15px 20px; color: White; line-height: 30px; border: 1px solid #333; border-right: none; background: #111; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease-in-out .1s; -moz-transition: all .4s ease-in-out .1s; -ms-transition: all .4s ease-in-out .1s; -o-transition: all .4s ease-in-out .1s; transition: all .4s ease-in-out .1s; overflow: hidden; z-index: 201 }
.dock ul.icons li.active p { right: 50px; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100) }
.dock ul.icons li.tel p { width: 110px; font-size:14px;}
.dock ul.icons li.im p { width: 115px; font-size:14px;}
.dock ul.icons li.im p a { display: block; margin-top: 12px; width: 100px; height: 35px; line-height: 32px; color: #00dfb9; font-size: 16px; text-align: center; text-decoration: none; border: 1px solid #00dfb9; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s }
.dock ul.icons li.im p a:hover { color: White; background: #0f8773; border: 1px solid #0f8773 }
.dock ul.icons li.wechat p { width: 118px }
.dock ul.icons li.wechat p img { width: 115px; border: 2px solid White }
.dock a.switch { position: absolute; display: block; top: 210px; right: 11px; width: 26px; height: 26px; background: url(../images/icons.png) no-repeat 0px -640px; cursor: pointer; -webkit-transition-delay: .15s; -moz-transition-delay: .15s; -ms-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s }
.dock a.switch.off { background-position: -32px -640px }