@font-face{font-family:'iconfont';src:url('https://web.archive.org/web/20220307000835im_/http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('https://web.archive.org/web/20220307000835im_/http://at.alicdn.com/t/font_1432720974_1547027.eot#iefix') format('embedded-opentype'),url('https://web.archive.org/web/20220307000835im_/http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('https://web.archive.org/web/20220307000835im_/http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('https://web.archive.org/web/20220307000835im_/http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(https://web.archive.org/web/20220307000835im_/http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}

.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}


*{margin:0;padding:0;}
body{background:#fff; font:12px/22px "SimSun","Microsoft YaHei";}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }
.img_cover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;	max-width: 100%;max-height: 100%;display: block;margin:auto;padding: auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.tr{ transition:all 0.5s;}
.wrap{ max-width:1200px; margin:0 auto;}
.overflow { overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

header{ width:100%; }
.header { width: 100%; background:#c28e22; }
.logo{ width:23%; float:left; }
.logo img{ display:block; max-width:100%;}
.header_nav{ width:72%; /*background:rgba(0,163,0,0.8);*/  z-index:99; position:relative; float:right; }
/*导航下拉开始*/
.header_nav .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.header_nav .nav{  position:relative; z-index:99;  }
.header_nav .nav a{ color:#fff;  }
.header_nav .nav .nLi{ float:left;  position:relative; display:inline; width:14.28%; text-align:center; }
.header_nav .nav .nLi h3{ float:left; width:100%;}
.header_nav .nav .nLi h3 a{ display:block; font-family:"微软雅黑"; font-size:16px; color:#fff;  line-height:30px; padding:30px 0;}
.header_nav .nav .nLi h3 span { display:block;line-height:14px;text-transform:uppercase; color:#d5b47d;font-size:14px; }
.header_nav .nav .sub{ display:none; width:100%; left:0; top:104px;  position:absolute; background:#c28e22;  line-height:35px; padding:5px 0; z-index:999;}
.header_nav .nav .sub li{ zoom:1; }
.header_nav .nav .sub a{ display:block; padding:0 10px; }
.header_nav .nav .sub a:hover{  color:#fff;  background:#dbd1a9;}
.header_nav .nav .nLi:hover h3 a{  color:#000 ; background:#fff;   }
.header_nav .nav .nLi:hover h3 a span {color:#ababab ; background:#fff;}
.header_nav .nav .nLi h3 a.cur{ color:#000 ; background:#fff;  }
.header_nav .nav .nLi h3 a.cur span{ color:#ababab;background:#fff; }
/*导航下拉结束*/
/*移动端导航*/
.sjsj { width:100%;position:relative;padding:20px 0}
.sj_nav{ width:100%; }
.icon-menu{float:right; cursor:pointer; width:37px; height:35px;background:url(https://web.archive.org/web/20220307000835im_/http://shhjunlang.com/images/menu_logo.png) no-repeat right center;  position:relative;right:2%;top:0; }
.sjdnav{ width:115px; height:280px; position:absolute;right:2%; top:75px;z-index:9999;background:rgba(117, 98, 42, 0.7) none repeat scroll 0 0 !important; background-color:#202020;}
.sjdnav ul{ padding:0; margin:0;}
.sjdnav li{ height:44px; line-height:44px;display:block;text-align:center; margin:0; padding:0;}
.sjdnav li a{display:block;line-height:40px; font-family:'Microsoft YaHei'; font-size:15px; color:#fff;}
.sjdnav li a:hover{background:#65aa36; color:#fff;}
.sjdnavhide{ height:0; overflow:hidden;}

/*大图滚动开始*/
.banner{ width:100%;}
.ban_img { width:100%; position:relative;padding-top:45%;}
.swiper-pagination-bullet { width:17px; height:17px; border:1px solid #e1f2fc;  border-radius:0; background:#fff;border-radius:50%;box-shadow:5px 0 5px inset #aaa; }
.swiper-pagination-bullet-active { background:#2c3e45; }

main { width:100%; }
.about { width:100%;margin-top:40px;}
.title { text-align:center;}
.title1 { font-family:"Aparajita"; font-size:48px; color:#bf8919;  line-height:35px;font-weight:bold;text-transform:uppercase}
.title2 { font-family:"微软雅黑"; font-size:30px; color:#bf8919;  line-height:55px;background:url(https://web.archive.org/web/20220307000835im_/http://shhjunlang.com/images/title.png) no-repeat center center;}
.title3 {

    font-size:16px;
   text-align:center;
   border:2px solid #d1b896;
   width:134px;
       font-family: "微软雅黑";
       color:#bf8919;
       margin: 10px auto;
       height:36px;
       
       line-height:30px;
}
    .title3 a {color:#bf8919! important;
    }
.title3:hover {
        background: #bf8919;
}
.title3:hover a{
        color: #fff !important;
}
.title a {

}
.about_main { width:100%;margin-top:60px;}
.about_B { width:300px;float:left;overflow:hidden;margin-right:28px;}
.about_B img { display:block;max-width:100%;}
.about_txt { overflow:hidden;}
.about_txt h1 {  font-family:"微软雅黑"; font-size:14px; color:#bf8919;  line-height:16px;margin-bottom:12px;}
.about_txt h2 {  font-family:"微软雅黑"; font-size:12px; color:#333;  line-height:25px;margin-bottom:12px;height:225px;overflow:hidden;}
.about_txt img { width:31.3%;float:left;margin:1%;overflow:hidden;transition:all 0.5s;}
.about_main:hover .about_B img { opacity:0.8;}
.about_txt img:hover { opacity:0.8;}

.tel { width:100%; margin-top:60px; background:url(https://web.archive.org/web/20220307000835im_/http://shhjunlang.com/images/tel_bj.png) no-repeat 50% 50%;background-size:cover; padding:14px 0;} 
.tel ul { display:block;}
.tel ul li { width:20%;float:left;background:url(https://web.archive.org/web/20220307000835im_/http://shhjunlang.com/images/tel_shu.jpg) no-repeat right center;}
.tel ul li .tel1 { width:100%;}
.tel ul li .tel1 .tel_img { width:57px;height:99px;float:left;overflow:hidden;margin-right:12px;}
.tel ul li .tel1 .tel_img img { display:block; max-width:100%;}
.tel ul li .tel1 h1 { line-height:36px; font-family:"微软雅黑"; font-size:18px; color:#fff; overflow:hidden;}
.tel ul li .tel1 h2 { line-height:23px; font-family:"微软雅黑"; font-size:18px; color:#fff; overflow:hidden; border-bottom:1px dashed  #fff; margin-right:2%;}
.tel ul li .tel1 h3 { line-height:38px; font-family:"微软雅黑"; font-size:28px; color:#fff; overflow:hidden; margin-top:12px;}
.tel ul li h6 { line-height:38px; font-family:"微软雅黑"; font-size:28px; color:#fff; overflow:hidden;text-align:center;}
.tel ul li h4 { line-height:24px; font-family:"微软雅黑"; font-size:14px; color:#000;text-align:center;}
.tel ul li h5 { line-height:70px; font-family:"汉仪长艺体简"; font-size:50px; color:#b58118; text-align:center;text-shadow:0 0 3px #fff;}

.case { width:100%;margin-top:50px;}
.case_main { width:100%;margin-top:55px;position:relative;}
.case_main .swiper-container1 .swiper-slide .pic { width:100%;position:relative;overflow:hidden;border:10px solid #969595;}
.case_main .swiper-container1 .swiper-slide .pic .case_img { padding-top:100%}
.case_main .swiper-container1 .swiper-slide .zi { width:134px;height:44px; line-height:44px; border:2px solid #d1b896;text-align:center;font-family:"微软雅黑"; font-size:14px; color:#bf8919;margin:35px auto;}
.case_main .swiper-container1 .swiper-slide:hover .pic { border:10px solid #bf8919;}
.case_main .swiper-container1 .swiper-slide:hover .zi { font-weight:bold;}
.case_main .swiper-container1 .swiper-slide:hover img { transform:scale(1.1,1.1);}

.guanggao {width:100%; margin-top:20px; background:url(https://web.archive.org/web/20220307000835im_/http://shhjunlang.com/images/tel_bj.png) no-repeat 50% 50%;background-size:cover; line-height:160px; font-family:"微软雅黑"; font-size:34px; color:#fff; text-align:center;}

.news { width:100%;margin-top:40px;}
.news_ul { width:100%;margin-top:60px;}
.news_ul li { width:31.3%;float:left;margin:1%;overflow:hidden;border:1px solid #bf8919;padding:0 15px;}
.news_ul li h1 { line-height:40px;font-family:"微软雅黑"; font-size:14px; color:#333;}
.news_ul li .xian { width:100%; height:1px;background:#a4a4a4;margin-top:18px;}
.news_ul li h2 { line-height:42px;font-family:"微软雅黑"; font-size:14px; color:#333;}
.news_ul li h3 { float:left;line-height:39px;font-family:"微软雅黑"; font-size:14px; color:#333; margin-top:19px;}
.news_ul li h4 { float:right;width:63px;height:22px;line-height:22px;text-align:center;background:#d9b875;font-family:"微软雅黑"; font-size:14px; color:#333; border-radius:10px; margin-top:27px;text-transform:uppercase;}
.news_ul li:hover { background:#bf8919;}
.news_ul li:hover .xian { background:#fff;}
.news_ul li:hover h1, .news_ul li:hover h2, .news_ul li:hover h3, .news_ul li:hover h4 { color:#fff;}

.cont { width:100%;margin-top:55px;}
.cont_mian { width:100%;margin-top:40px;}
.cont_left { width:45%;float:left;overflow:hidden;}
.cont_left h1 { line-height:42px;font-family:"微软雅黑"; font-size:16px; color:#282828;}
.cont_left h2 { line-height:25px;font-family:"微软雅黑"; font-size:14px; color:#282828;}
.cont_left .lxfs { /*margin-top:30px;*/ line-height:36px;font-family:"微软雅黑"; font-size:14px; color:#282828; background:url(https://web.archive.org/web/20220307000835im_/http://shhjunlang.com/images/lxfs.png) no-repeat left center; padding-left:40px;}
.cont_right { width:48%;float:right;overflow:hidden;}
.cont_right h1 { line-height:42px;font-family:"微软雅黑"; font-size:16px; color:#282828;}
.cont_right form { width:100%;}
.cont_right form ul {  display:block;}
.cont_right form ul li { margin-bottom:12px;}
.cont_right form ul li label { line-height:32px;font-family:"微软雅黑"; font-size:12px; color:#282828;}
.cont_right form ul li input { background:#f4f4f4;}
.cont_right form ul li textarea{ background:#f4f4f4; height:130px;}
.cont_right form ul li button { width:115px;height:30px; line-height:30px;text-align:center;background:#bf8919;font-family:"微软雅黑"; font-size:12px; color:#fff;border:none;}

footer { width:100%;margin-top:70px;background:#bf8919;text-align:center;line-height:32px;font-family:"微软雅黑"; font-size:14px; color:#fff;padding:17px 0;}

/*cpzs*/
.cpzs { width:100%;margin-top:60px;padding-bottom:10%;}
.cpzs_left { width:23%;float:left;overflow:hidden;}
.s-drop-wrap { width:100%; }
.s-drop-btn { /*cursor:pointer;*/background:#bf8919; line-height:55px; font-size:24px;font-family:'微软雅黑'; color: #fff; border:1px solid #000; text-align:center;}
.s-drop-btn span { font-size:14px;}
.s-drop-btn.act{ background:#bf8919;}
.s-drop-list {display: block;}
.s-drop-list li{ margin-top:1%;}
.s-drop-list li a{ display:block; }
.aside-list-link{line-height:47px; border:1px solid #a7a7a7;}
.aside-list-link span {display:block; font-size: 14px; font-family: '微软雅黑'; color: #333;margin:1px;background:url(https://web.archive.org/web/20220307000835im_/http://shhjunlang.com/images/cpzs_dian1.png) no-repeat 80% center, #d8d8d8;  padding-left:70px;}
.aside-list li a:hover span, .aside-list li a.act span{ background:url(https://web.archive.org/web/20220307000835im_/http://shhjunlang.com/images/cpzs_dian2.png) no-repeat 80% center, #dfa630; color:#fff;}
.aside-sublist { width:100%; }
.aside-list li{ margin-top:5px;}
.aside-list li a{ position:relative;}
.aside-sublist{ display:none;  }
.aside-sublist li{margin-top:1%; margin-left:40px; border-left:1px dashed #a3a3a3; position:relative;}
.aside-sublist li span { width:16px;height:1px;border:1px dashed #a3a3a3; display:block; position:absolute;left:0;top:50%;}
.aside-sublist li a{ color:#000; line-height:50px;  font-size:14px; padding-left:30px;font-family:'幼圆'; font-weight:bold}
.aside-sublist li a:hover, .aside-sublist li a.act{ color:#0067c6; text-decoration:underline !important; }
.clzs_lxwm { width:100%;margin-top:35px;}
.clzs_lxwm h1 { background:#bf8919; line-height:55px; font-size:24px;font-family:'微软雅黑'; color: #fff; border:1px solid #000; text-align:center;}
.clzs_lxwm .lxfs { background:#d8d8d8;margin-top:8px;padding:6px;line-height:24px; font-size:14px;font-family:'微软雅黑'; color: #000; }
.clzs_lxwm .lxfs img { display:block;width:100%;margin:0 auto 15px auto;}
.cpzs_right { width:75%;float:right;overflow:hidden;}
.cpzs_title { margin-top:9px; line-height:42px; font-size:14px;font-family:'微软雅黑'; color: #6b6b6b; background:url(https://web.archive.org/web/20220307000835im_/http://shhjunlang.com/images/cpzs_dian3.png) repeat-x bottom;  width:100%;text-align:right;}
.cpzs_title b { float:left; color:#bf8919;}
.cpzs_ul { width:100%; margin-top:40px;}
.cpzs_ul li { width:31.3%;float:left;overflow:hidden; margin:1%}
.cpzs_ul li .pic { width:100%;position:relative;overflow:hidden;border:10px solid #969595;}
.cpzs_ul li .pic .case_img { padding-top:100%}
.cpzs_ul li .zi { width:134px;height:44px; line-height:44px; border:2px solid #d1b896;text-align:center;font-family:"微软雅黑"; font-size:14px; color:#bf8919;margin:35px auto;}
.cpzs_ul li:hover .pic { border:10px solid #bf8919;}
.cpzs_ul li:hover .zi { font-weight:bold;}
.cpzs_ul li:hover img { transform:scale(1.1,1.1);}

/*cpzs_ny*/
.cpzs_ny{ width:100%;margin-top:60px;padding-bottom:10%;}
.cpzs_ny img { display:block;max-width:100%;margin:10px auto;}
.cpzs_ny h6 {  font-size: 14px; font-family: '微软雅黑'; color: #333;line-height:28px; text-align:center;}

/*news*/
.xw_ul { width:100%;margin-top:60px;}
.xw_ul li { width:98%;float:left;margin:1%;overflow:hidden;border:1px solid #bf8919;padding:0 15px;}
.xw_ul li h1 { line-height:40px;font-family:"微软雅黑"; font-size:14px; color:#333;}
.xw_ul li .xian { width:100%; height:1px;background:#a4a4a4;margin-top:18px;}
.xw_ul li h2 { line-height:42px;font-family:"微软雅黑"; font-size:14px; color:#333;}
.xw_ul li h3 { float:left;line-height:39px;font-family:"微软雅黑"; font-size:14px; color:#333; margin-top:19px;}
.xw_ul li h4 { float:right;width:63px;height:22px;line-height:22px;text-align:center;background:#d9b875;font-family:"微软雅黑"; font-size:14px; color:#333; border-radius:10px; margin-top:27px;text-transform:uppercase;}
.xw_ul li:hover { background:#bf8919;}
.xw_ul li:hover .xian { background:#fff;}
.xw_ul li:hover h1, .xw_ul li:hover h2, .xw_ul li:hover h3, .xw_ul li:hover h4 { color:#fff;}

/*ment*/
.ment{ width:100%;margin-top:10px;}
.ment h1 { line-height:40px;font-family:"微软雅黑"; font-size:14px; color:#bf8919;}
.ment h2 { line-height:24px;font-family:"微软雅黑"; font-size:12px; color:#333;}

/*lxwm*/
.lxwm { width:100%;margin-top:10px;}
.lxwm_left { width:100%;float:left;overflow:hidden;}
.lxwm_left h1 { line-height:42px;font-family:"微软雅黑"; font-size:16px; color:#282828;}
.lxwm_left h2 { line-height:25px;font-family:"微软雅黑"; font-size:14px; color:#282828;}
.lxwm_left .lxfs { margin-top:30px; line-height:32px;font-family:"微软雅黑"; font-size:14px; color:#282828; background:url(https://web.archive.org/web/20220307000835im_/http://shhjunlang.com/images/lxfs.png) no-repeat left center; padding-left:40px;}
.lxwm_right { width:100%;float:right;overflow:hidden; margin:2% auto;}
.lxwm_right h1 { line-height:42px;font-family:"微软雅黑"; font-size:16px; color:#282828;}
.lxwm_right form { width:100%;}
.lxwm_right form ul {  display:block;}
.lxwm_right form ul li { margin-bottom:12px;}
.lxwm_right form ul li label { line-height:32px;font-family:"微软雅黑"; font-size:12px; color:#282828;}
.lxwm_right form ul li input { background:#f4f4f4;}
.lxwm_right form ul li textarea{ background:#f4f4f4; height:130px;}
.lxwm_right form ul li button { width:115px;height:30px; line-height:30px;text-align:center;background:#bf8919;font-family:"微软雅黑"; font-size:12px; color:#fff;border:none;}


/*手机底部*/
.hot{width:100%; height:58px; background:#191919; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(https://web.archive.org/web/20220307000835im_/http://shhjunlang.com/images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(https://web.archive.org/web/20220307000835im_/http://shhjunlang.com/images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
footer ul li a{ padding: 0 10px; height: 12px; font-size: 12px; line-height: 12px; }





@media (max-width:1200px){
	.wrap{ width:96%}
    .guanggao { font-size:27px;}
	}

@media (max-width:991px) and (min-width:768px){
	.wrap{ width:96%}
    .wrap1 { width:100% !important;}
    .logo { width:100%; float:none;}
    .logo img { margin:0 auto;}
    .about_B { display:none;}
    .tel ul li .tel1 .tel_img { display:none;}
    .guanggao { font-size:20px; line-height:70px;}
    .news_ul li { width:100%;margin:12px 1%;}
    .cont_left { width:100%;}
    .cont_right { width:100%;}
    /*cpzs*/
    .cpzs_left { width:100%;}
    .s-drop-btn { cursor:pointer;}
    .aside-list-link span {}
    .cpzs_right { width:100%;}
	}

@media (max-width:767px){
	.wrap{ width:96%}
    .wrap1 { width:100% !important;}
    .logo { width:100%;float:none;}
    .logo img { margin:0 auto;}
    .about_B { display:none;}
    .tel { margin-top:30px;}
    .tel ul li .tel1 .tel_img { display:none;}
    .tel ul li:nth-child(1) { display:none;}
    .tel ul li { width:25%;}
    .tel ul li h5 { font-size:44px;line-height:60px;}
    .tel ul li h6 { font-size:24px;}
    .guanggao { font-size:20px; line-height:38px; padding:10px 0;}
    .news_ul li { width:100%;margin:12px 1%;}
    .cont_left { width:100%;}
    .cont_right { width:100%;}
    /*cpzs*/
    .cpzs_left { width:100%;}
    .s-drop-btn { cursor:pointer;}
    .aside-list-link span {}
    .cpzs_right { width:100%;}
    .cpzs_ul li { width:48%;}

	}

@media (max-width:567px){
	}

@media (max-width:467px){
	}

@media (max-width:376px){
    .tel ul li h5 { font-size:40px;line-height:50px;}
    .tel ul li h6 { font-size:20px;}
    
	}
@media (max-width:330px) {
    }



div.page {
    margin: 10px 3px;
    padding: 3px;
    text-align: center;
}

div.page a {
    background-position: 50% bottom;
    border-color: #dedfde;
    border-style: solid;
    border-width: 1px;
    color:black;
    margin-right: 3px;
    padding: 2px 6px;
    text-decoration: none;
}


div.page span.disabled {
    color: #adaaad;
    margin-right: 3px;
    padding: 2px 6px;
}

div.page span.current {
    color: #eb5914;
    font-weight: bold;
    margin-right: 3px;
    padding: 2px 6px;
}



/*浮动QQ*/
.dock {
	position: fixed;
	right: 0px;
	width: 50px;
	-moz-opacity: 0.7;
	opacity: 0.7;
	z-index: 200;
}

.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(https://web.archive.org/web/20220307000835im_/http://shhjunlang.com/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;
}

.dock ul.icons li.tel1 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;
}

.dock ul.icons li p {
	display: block;
	position: absolute;
	top: 50px;
	right: -260px;
	padding: 15px 20px;
	height: 120px;
	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.tel1 p {
width: 140px;
    height:130px;
    line-height:30px
}

.dock ul.icons li.im p {
	width: 140px;
    height:180px;
    line-height:18px
}

.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: 170px;
    height:160px;
    line-height:30px
}

.dock ul.icons li.wechat p img {
	
	border: 2px solid #000;
}

.dock a.switch {
	position: absolute;
	display: block;
	top: 270px;
	right: 11px;
	width: 26px;
	height: 26px;
	background: url(https://web.archive.org/web/20220307000835im_/http://shhjunlang.com/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;
}


	
	
	
	
	
	
	
/*
     FILE ARCHIVED ON 00:08:35 Mar 07, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:34:27 Apr 04, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.662
  exclusion.robots: 0.023
  exclusion.robots.policy: 0.01
  esindex: 0.012
  cdx.remote: 17.034
  LoadShardBlock: 178.508 (3)
  PetaboxLoader3.datanode: 170.545 (4)
  PetaboxLoader3.resolve: 70.79 (2)
  load_resource: 82.708
*/