@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('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(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 { text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

header{ width:100%; }
.header { width:100%; position:relative;background:url(../images/header_bj.jpg) no-repeat 50% 50%;background-size:cover;}
.logo{  width:58%; float:left; }
.logo img{ display:block; max-width:100%; }
.tel11 { float:right; background:url(../images/tel.png) no-repeat left center;padding-left:55px; height:84px; margin-top:10px;}
.tel1 {font-family:'Microsoft YaHei'; font-size:14px; color:#15a0fb; margin:20px 15px 0 0;font-weight:bold;}
.tel1 span { font-weight:normal; font-size:12px;}
.tel2 { float:left; font-family:'Arial'; font-size:25px; color:#15a0fb; line-height:30px;}
.sj_header { width:100%;background:url(../images/nav_bj.jpg)  repeat-x;}
.sj_header h1 { font-family:'Microsoft YaHei'; font-size:18px; color:#fff; line-height:38px;background:url(../images/tel2.png) no-repeat left center;padding-left:46px; float:left;}
.ss { float:right;height:32px;}
.ss .s1 { width:40px;height:32px;float:left;background:url(../images/but.png) no-repeat left center;}
.ss .s2 { width:269px;height:32px;float:left;background:url(../images/txt.png) no-repeat left center; padding:0 10px;}

.header_nav{ width:100%; /*background:rgba(0,163,0,0.8);*/ background:url(../images/nav_bj.jpg)  repeat-x; z-index:99; position:relative; }
/*导航下拉开始*/
.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:10%; text-align:center; }
.header_nav .nav .nLi h3{ float:left; width:100%; background:url(../images/shu.jpg) no-repeat right center;}
.header_nav .nav .nLi h3 a{ display:block; font-family:'Microsoft YaHei'; font-size:14px; color:#fff; line-height:48px; margin-right:2px; border-top:2px solid #15a0fd;}
.header_nav .nav .sub{ display:none; width:100%; left:0; top:50px;  position:absolute; background:rgba(39, 30, 9, 0.8) none repeat scroll 0 0 !important;  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:#1c1c1c ;background:#ffab0a; border-top:2px solid #f90001;}
.header_nav .nav .nLi h3 a.cur{ color:#1c1c1c ;background:#ffab0a;border-top:2px solid #f90001; }
/*导航下拉结束*/
/*移动端导航*/
.sj_nav{ width:100%; }
.icon-menu{float:right; cursor:pointer; width:60px; height:55px;background:url(../images/menu_logo.png) no-repeat right center;  position:absolute;right:2%;top:0; margin-top:4%; font-size:35px;}
.sjdnav{ width:115px; height:280px; position:absolute;right:2%; top:13%;z-index:9999;background:rgba(45, 49, 62, 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%; padding-top:37%; position:relative;}
.swiper-pagination-bullet { width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; color: #000; opacity: 1; background: rgba(0,0,0,0.2); }
.swiper-pagination-bullet-active { color: #fff; background: #007aff; }



main { width: 100%; }
.bibi { width:100%;margin-top:20px;}
.gong { width:24%;float:left;border:1px solid #cdcfcc; margin-right:3%;}
.title {  border:1px solid #e7e7e7;background:url(../images/bj.jpg) repeat-x; padding:0 13px; }
.title1 { float:left;font-family:'Microsoft YaHei'; font-size:16px; color:#222; line-height:27px;}
.title1 span {  font-size:12px;color:#858585;}
.title a { display:block;float:right;}
.gong .txt { padding:13px;line-height:29px;font-family:'Microsoft YaHei'; font-size:14px; color:#222;height:287px;overflow:hidden;}
.gong .txt span { color:#149ef9;}

.picMarquee-top{height: 150px;overflow: hidden;}
.picMarquee-top .bd ul li{padding-left: 10px}
.bd1 form{ margin: 0px; }
.lxwm form{ margin: 0px; padding:0px;}

.about { width:36%;float:left;overflow:hidden;border:1px solid #cdcfcc;}
.about_main { padding:14px;}
.about_main img { display:block;max-width:100%;margin:0 auto; min-height:108px;}
.about_main .txt { line-height:24px;font-family:'Microsoft YaHei'; font-size:14px; color:#222; margin-top:7px; height:144px;overflow:hidden;}
.news { width:35%;float:right;overflow:hidden;border:1px solid #cdcfcc;}
.news_main {padding:14px;}
.news_main .news_B { width:148px;height:108px;float:left;overflow:hidden; margin-right:10px;}
.news_main .news_B img { display:block;max-width:100%;}
.news_main h1 { overflow:hidden;font-family:'Microsoft YaHei'; font-size:14px; color:#222; line-height:20px;}
.news_main h2 { overflow:hidden;font-family:'Microsoft YaHei'; font-size:12px; color:#b2b2b2;line-height:20px;}
.news_main h3 { overflow:hidden;font-family:'Microsoft YaHei'; font-size:12px; color:#222;line-height:17px; height:68px;}
.news_main:hover h1 { color:#149ef9}
.news_main:hover h3 { color:#149ef9}
.news_ul { padding:0 14px 7px 14px;}
.news_ul li { border-bottom:1px dashed #cfcfcf; line-height:29px; height:29px;overflow:hidden;}
.news_ul li a { display:block;float:left;font-family:'Microsoft YaHei'; font-size:12px; color:#222;}
.news_ul li span { float:right; color:#8f8f8f; }
.news_ul li a:hover { color:#149ef9}

.guanggao { width:100%; margin-top:23px;}
.guanggao img { display:block; max-width:100%; margin:0 auto;}

.lc { width:100%;margin-top:30px;}
.lc_img { display:block;max-width:100%;float:left;}
.lc_main { width:54%;float:right;overflow:hidden; border:1px solid #cdcfcc;}
.lc_main img { display:block;max-width:100%; margin:10px;}

.popo { width:100%; margin-top:30px;}
.popo .lxwm { width:22%;float:left;overflow:hidden;border:1px solid #cdcfcc; padding-bottom:2%;}
.popo .lxwm h1 { width:100%;line-height:40px;background:url(../images/lxwm_bj.jpg) no-repeat left center; background-size:100% 100%; font-family:'Microsoft YaHei'; font-size:14px; color:#fff; padding:0 10px;}
.popo .lxwm h1 span { font-size:12px;}
.popo .lxwm img { display:block;margin:0 auto;}
.popo .lxwm h2 { width:94%;padding:0 0 0 50px;line-height:39px;background:url(../images/tel2.png) no-repeat 10px center, #0275cd;font-family:'Microsoft YaHei'; font-size:25px; color:#fff; margin:0 10px; border-radius:5px;}
.popo .lxwm .lxfs { line-height:24px;font-family:'Microsoft YaHei'; font-size:14px; color:#222; margin-top:10px; padding:0 5px 0px 5px;}
.cp { width:75%;float:right;overflow:hidden;border:1px solid #cdcfcc;}
.cp_main { width:100%;margin:13px 0;padding:0 10px;}
.cp_main .swiper-container1 .swiper-slide { border:1px solid #d6d6d6; text-align:center; margin-bottom:9px; }
.cp_main .swiper-container1 .swiper-slide .pic { width:100%;position:relative;overflow:hidden;padding:4px;}
.cp_main .swiper-container1 .swiper-slide .pic .cp_img { padding-top:62%}
.cp_main .swiper-container1 .swiper-slide .zi { border-top:1px solid #d6d6d6; font-family:'Microsoft YaHei'; font-size:14px; color:#333;font-weight:bold; padding-top:8px;}
.cp_main .swiper-container1 .swiper-slide .zi span { display:block; width:17px; height:17px; line-height:14px; border:1px solid #d6d6d6;border-radius:50%; font-family:'Arial'; font-size:14px; color:#b3b3b3; margin:3px auto;}
.cp_main .swiper-container1 .swiper-slide .cp_yy { width:100%;height:9px;background:url(../images/cp_yy.png) no-repeat bottom center; position:absolute;left:0;bottom:-9px; background-size:cover;}
.cp_main .swiper-container1 .swiper-slide:hover { background:#0275cd;}
.cp_main .swiper-container1 .swiper-slide:hover .zi { color:#fff;}
.cp_main .swiper-container1 .swiper-slide:hover .zi span { color:#fff;}

.link { width:100%;margin-top:35px; border:1px solid #dfdfdf; height:49px;overflow:hidden;}
.link h1 {  width:88px;height:47px;line-height:47px;text-align:center;background:#0275cd; font-family:'Microsoft YaHei'; font-size:14px; color:#fff;border-radius:0 5px 5px 0; display:inline-table;}
.link a { display:inline-table;margin:0 12px;font-family:'微软雅黑'; font-size:14px; color:#272727;}

footer { width:100%;background:url(../images/foot_bj.jpg) no-repeat 50% 50%;background-size:cover; margin-top:35px;text-align:center; }
.foot_nav { padding:35px 0; line-height:30px;font-family:'Microsoft YaHei'; font-size:14px; color:#fff; position:relative;}
.foot_nav a { color:#fff;}
footer img { display:block;max-width:100%;position:absolute;right:0;top:0;}

/*cpzs*/
.cpzs { width:100%;margin-top:20px;}
.cpzs_left { width:23%;float:left;overflow:hidden; border:1px solid #cdcfcc; padding-bottom:5%;}
.cpzs_left .lxwm { width:100%;overflow:hidden;}
.cpzs_left .lxwm h1 { width:100%;line-height:40px;background:url(../images/lxwm_bj.jpg) no-repeat left center; background-size:100% 100%; font-family:'Microsoft YaHei'; font-size:14px; color:#fff; padding:0 10px; margin-bottom:15px;}
.cpzs_left .lxwm h1 span { font-size:12px;}
.cpzs_left .lxwm img { display:block;margin:0 auto;}
.cpzs_left .lxwm h2 { width:94%;padding:0 0 0 50px;line-height:39px;background:url(../images/tel2.png) no-repeat 10px center, #0275cd;font-family:'Microsoft YaHei'; font-size:25px; color:#fff; margin:0 10px; border-radius:5px;}
.cpzs_left .lxwm .lxfs { line-height:30px;font-family:'Microsoft YaHei'; font-size:14px; color:#222; margin-top:10px; padding:0 20px;}
.cpzs_right { width:75%;float:right;overflow:hidden;border:1px solid #cdcfcc; min-height:557px;}
.cpzs_ul { width:100%;margin-top:20px;}
.cpzs_ul li { width:31.3%;float:left;margin:1%; border:1px solid #d6d6d6; text-align:center; margin-bottom:9px; position:relative;}
.cpzs_ul li .pic { width:100%;position:relative;overflow:hidden;padding:4px;}
.cpzs_ul li .pic .cp_img { padding-top:62%}
.cpzs_ul li .zi { border-top:1px solid #d6d6d6; font-family:'Microsoft YaHei'; font-size:14px; color:#333;font-weight:bold; padding-top:8px;}
.cpzs_ul li .zi span { display:block; width:17px; height:17px; line-height:14px; border:1px solid #d6d6d6;border-radius:50%; font-family:'Arial'; font-size:14px; color:#b3b3b3; margin:3px auto;}
.cpzs_ul li .cp_yy { width:100%;height:9px;background:url(../images/cp_yy.png) no-repeat bottom center; position:absolute;left:0;bottom:-9px; background-size:cover;}
.cpzs_ul li:hover { background:#0275cd;}
.cpzs_ul li:hover .zi { color:#fff;}
.cpzs_ul li:hover .zi span { color:#fff;}
.sj_cp { width:100%;background:#149ef9; height:37px;}
.sj_cp h1 { float:left;background:url(../images/cpzs_dian.png) no-repeat left center;padding-left:20px; font-family:'Microsoft YaHei'; font-size:14px; color:#fff; line-height:37px;}
.sj_cp a { display:block;float:right; font-size:12px;color:#fff;line-height:37px;}

/*cpzs_ny*/
.cpzs_ny { width:100%;margin-top:20px; padding:0 2% 2% 2%;line-height:26px;font-family:'Microsoft YaHei'; font-size:14px; color:#222; }
.cpzs_ny h1 {line-height:40px;font-family:'Microsoft YaHei'; font-size:16px; color:#222;text-align:center; }
.cpzs_ny img { display:block;max-width:100%;margin:3% auto;}
.cpzs_ny h2 {line-height:26px;font-family:'Microsoft YaHei'; font-size:14px; color:#222; }

/*news*/
.xw_ul { width:100%; padding:18px}
.xw_ul li { width: 100%; margin-bottom:18px; background:#f1f1f1;padding:5px;float:left;}
.xw_ul li .xw_B { width:269px;height:168px;float:left;overflow:hidden;margin-right:20px;}
.xw_ul li .xw_B .xw_img { width:100%;height:100%;}
.xw_ul li h1 { line-height:45px;font-family:'Microsoft YaHei'; font-size:14px; color:#333;}
.xw_ul li h2 { line-height:24px;font-family:'Microsoft YaHei'; font-size:14px; color:#666;height:72px;overflow:hidden;}
.xw_ul li h3 { line-height:33px;font-family:'Microsoft YaHei'; font-size:12px; color:#666;overflow:hidden;}
.xw_ul li:hover { background:#0275cd;}
.xw_ul li:hover .xw_img { transform:scale(1.1,1.1);}
.xw_ul li:hover h1{ color:#fff;}
.xw_ul li:hover h2{ color:#fff;}
.xw_ul li:hover h3{ color:#fff;}

/*zxly*/
.zxly { width:100%; padding:18px}
form { width:100%; margin:30px auto 0 auto;}
form h3 { width:100%; line-height:30px; border:1px solid #ccc;background:#999;text-align:center;font-family:'宋体'; font-size:14px; color:#fff; margin-bottom:22px;}
form ul { }
form ul li { margin-bottom:22px;}
form ul li label { font-family:'宋体'; font-size:14px; color:#333;font-weight:normal;width:110px;float:left; line-height:34px;}
form ul li .input-group { width:87%;}
form ul li textarea { height:145px !important;}
form ul li .but { width:87px; height:26px; line-height:24px;border:1px solid #666;text-align:center;background:#fff;margin:50px 20px 0 0;}
form ul li:hover label { color:#e50b3f;}
form ul li .but:hover { color:#e50b3f;} 



/*手机底部*/
.hot{width:100%; height:58px; background:#494230; 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(../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(../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; }
.bg{ width: 100.2% }


@media (max-width:1200px){
	.wrap{ width:96%}
    .lc_img { max-width:46%;}
    .lxwm h2 { font-size:20px;}
    .lxwm .lxfs { padding:0 8px;}
    .cpzs_left { width:27%;}
    .cpzs_left .lxwm h2 { font-size:22px;}
    .cpzs_right { width:70%;}
    .bg{ width: 100% }
	}

@media (max-width:991px) and (min-width:768px){
	.wrap{ width:96%}
    .ban_img { padding-top:41%}
    .gong { width:48%;margin:1%}
    .about { width:48%;margin:1%;}
    .news { width:100%; margin:1% 0;}
    .lc_img { max-width:100%;margin:2% auto; float:none;}
    .lc_main { width:100%;}
    .lc_main img { margin:10px auto}
    .cp { width:100%;}
    .lxwm { width:100%;}
    /*cpzs*/
    .cpzs_right { width:100%; border:none;}
    .cpzs { margin-top:0;}
    .bg{ width: 100% }
	}

@media (max-width:767px){
	.wrap{ width:96%}
    .logo { width:80%;}
    .wrap1 { width:100% !important;}
    .ban_img { padding-top:41%}
    .gong { width:100%;margin:1% 0}
    .about { width:100%;margin:1% 0;}
    .news { width:100%; margin:1% 0;}
    .lc_img { max-width:100%;margin:2% auto; float:none;}
    .lc_main { width:100%;}
    .lc_main img { margin:10px auto}
    .cp { width:100%;}
    .lxwm { width:100%;}
    /*cpzs*/
    .cpzs_right { width:100%; border:none;}
    .cpzs { margin-top:0;}
    .cpzs_ul li { width:48%;}
    .popo .lxwm { width:100%;float:left;overflow:hidden;border:1px solid #cdcfcc; padding-bottom:2%;}
    .cpzs_ny table{table-layout:fixed; text-align: center;}
    .bg{ width: 100% }
	}

@media (max-width:567px){.bg{ width: 100% }
	}

@media (max-width:467px){
    .ss {display:none; }
    .xw_ul li .xw_B{ width: 150px;height: 137px; }
    .bg{ width: 100% }
	}

@media (max-width:376px){
    .bg{ width: 100% }
	}
@media (max-width:330px){
    .bg{ width: 100% }
	}
/*浮动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(../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.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;
}

.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.tel p {
width: 180px;
    height:150px;
    line-height:30px
}

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

.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: 160px;
    height:150px;
    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(../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;
}