@charset "utf-8";
@font-face{font-family:'iconfont';src:url('../../../t/font_1432720974_1547027.eot');src:url('../../../t/font_1432720974_1547027-1.eot') format('embedded-opentype'),url('../../../t/font_1432720974_1547027.woff') format('woff'),url('../../../t/font_1432720974_1547027.ttf') format('truetype'),url('../../../t/font_1432720974_1547027.svg') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(../../../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; background-size:cover; font:12px/22px "Microsoft YaHei","SimSun"; font-size:100%;}
body,ul,ol,li,p,a,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;box-sizing: border-box;}
li,img,input,em,select{ list-style:none; font-style:normal; outline:none;}
a{ text-decoration:none !important; cursor:pointer !important;color: #333;}
a:hover{text-decoration: none !important;color: #333;}
select::-ms-expand { display: none; }
.img_none{display:none;}
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width: 100%;display: block;	margin:auto;padding: auto;}
.clear::after {
    content: '.';
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;}
body {
    font-size: 14px;
    font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif;
    border: 0;
    color: #333;
}
/**/
.header-top{height: 5px;background: #0484d6;}
.container-fluid{
    max-width: 1200px;
}
.top-welcome{border-bottom: 1px solid #e7e7e7;}
.top-welcome h5{line-height:36px;font-size: 14px;}
.top-welcome h5 span{display: inline-block;margin-right: 15px;}
.top-welcome h6{line-height:36px;font-size: 14px;}
.top-welcome h6 span{display: inline-block;margin-right: 15px;}
.header2{ background: white;}
.logo{
    padding: 0;
    line-height: 93px;
}
.logo>a>img{ transition: .3s linear all;}
.logo:hover>a>img{
    -webkit-transform: translate(50px,100px);
    -moz-transform:translate(50px,100px);
    transform: translate(10px,0px);
    transition: .3s linear all;
}
.lg{margin-left: 20px;line-height: 93px;}
.input-group{width: 300px;}
.glyphicon{top:0;}
.search{margin-top: 29px;}
.search>span{color: white;line-height: 35px;}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #666;
    background-color:white;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 0px;
    -webkit-box-shadow:none;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: white;}
.btn:focus{ border-color: white;}
.btn {
    display: inline-block;
    padding: 6px 15px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 0px;
    color: white;
    background: #0484d6;
}

.dropdown-menu{
    padding: 0;
    margin: 0;
    background: #0484d6;
    border-radius: 0 !important;
    border: none !important;
    outline: none;
    width: 100%;
}
.drop_down {
    min-width: 80px;
}
.dropdown-menu>li>a{border-bottom: 1px solid #cccccc;line-height: 40px;text-align: center;color: white;}
.dropdown-menu>li>a:hover{  background: #065283;color: white;  }
.dropdown:hover .dropdown-menu {display: block;}
.navbar{background: #0484d6;}
.nav{width: 100%;}
.nav>li{width: calc(100%/8);}
.nav>li>a{display: block;color: white;text-align: center;font-size: 16px;line-height: 50px;padding: 0;}
.nav>li>a:hover{background: #065283;}
.hover{background: #065283;}
.navbar {position: relative;;margin-bottom:0px; border: none; border-radius: 0!important;}
.navbar:focus {outline: none!important;;  }
.navbar-nav:focus{outline: none!important;}
a:focus {
    outline: none;
    outline-offset: 0px;
    border: none;
}
/**/
header .sjdnav{ width:150px; height:auto; position:absolute;right:10px; top:95px;z-index:9999; }
header .sjdnav ul{ padding:0; margin:0;}
header .sjdnav li{ height:35px;display:block; padding:0; background:#000000; text-align:center; margin-bottom:2px;}
header .sjdnav li a{display:block; color:white; line-height:35px; }
header .sjdnavhide{ height:0; overflow:hidden;}
/**/
.icon-menu{line-height: 93px;}
/**/
/**/
.swiper-banner{margin: 0 auto; position: relative;  overflow: hidden;  z-index: 1;  }
.banner{width:100%; padding: 0;}
.ban_img {width:100%; padding-top:26.04%; position:relative; transition-duration: 5s;}
.ban1_img{width:100%; padding-top:54.6%; position:relative; transition-duration: 5s;}
.swiper-pagination-bullet { width:12px; height:12px; border:1px solid #e1f2fc; background:white;border-radius:50%;box-shadow:5px 0 5px inset #aaa; }
.swiper-pagination-bullet-active {opacity: 1;  background: #06065a !important;}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 30px !important;
    height: 30px !important;
    margin-top: -15px !important;
    z-index: 10;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-image: none !important;
    font-size: 30px;color: white;
    line-height: 25px;
    text-align: center;
    border: 1px solid white;
}
.swiper-button-prev{
    left: 10% !important;
    right: auto;}
.swiper-button-prev:hover{background: white;color: #0b447e}
.swiper-button-next{
    right: 10% !important;
    left: auto;
}
.swiper-button-next:hover{background: white;color: #0b447e}
/**/
.about{background:#0689d9;padding: 50px 0; color: white}
.about-left{width:calc(98% - 354px);}
.about-left>h3{line-height: 35px;overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.about-left>h6{line-height: 20px;overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.about-right{width: 354px;}
.about-right>span{display: inline-block;width: 113px;height: 113px;text-align: center;background: #0b4ca2;border-radius: 2px;margin-left: 5px;cursor: pointer;}
.about-right>span>a{width: 100%;  height: 80px;  display: -moz-box;  display: -webkit-box;  display: box;  -webkit-box-align: center;  -moz-box-align: center;  box-align: center;  -webkit-box-pack: center;  -moz-box-pack: center;box-pack: center;}
.about-right>span>a>div{width: 50px;height: 50px;}
.about-right>span>p{line-height: 30px;color: white;}
.about-right>span img{transition: all .3s linear}
.about-right>span:hover img{transform:rotateY(360deg);
    -ms-transform:rotateY(360deg); 	/* IE 9 */
    -moz-transform:rotate(360deg); 	/* Firefox */
    -webkit-transform:rotateY(360deg); /* Safari 和 Chrome */
    -o-transform:rotateY(360deg); transition: all .3s linear}
/**/
.title{margin: 40px 0;}
.tit-left{width: 285px;}
.title>div>h3{color: #0689d9;}
.title>div>h3>span{margin-right: 20px;display: inline-block;}
.title>div>h3>small{ font-size: 10px;color: #666;text-transform: uppercase;margin-left: 5px;}
.more-tit>h5{line-height: 30px;}
.more-tit{border-bottom:1px dotted #cccccc;width: calc(100% - 285px)}
/**/
.pro1{width:38.8%;}
.pro1-top{padding-top:63.09%;}
.pro1>a{display: block;overflow: hidden;position: relative;border: 1px solid #cccccc}
.name{position: absolute;width: 100%;line-height: 40px;bottom:-40px;background: #9e9e9e;color: white;transition: all linear .3s;}
.pro1>a:hover .name{bottom:0;transition: all linear .3s;transition: all linear .3s;}
.pro2{width: calc((61.2% - 6px)/3);margin-left: 2px;}
.pro3{width: calc((61.2% - 6px)/3);margin-left: 2px;}
.pro4{width: calc((61.2% - 6px)/3);margin-left: 2px;}
.pro2-up>a{display: block;overflow: hidden;position: relative;transition: all linear .3s;border: 1px solid #cccccc}
.pro-top{padding-top: 59.8%;}
.pro2-up{margin-bottom: 2px;}
.pro2-down>a{display: block;overflow: hidden;position: relative;transition: all linear .3s;border: 1px solid #cccccc}
.pro2-up>a:hover .name{bottom:0;transition: all linear .3s;}
.pro2-down>a:hover .name{bottom:0;transition: all linear .3s;}
.product{margin-bottom: 50px;}
/**/
.img-cover{padding-top: 85.6%}
.app-mes{position: relative;margin: 40px 0;}
.app-mes>div>ul>li{border: 1px solid #cccccc;}
.app-mes>div>ul>li>a{display: block;position: relative;overflow: hidden;}
.app-mes>div>ul>li>p{text-align: center;line-height: 35px;font-size: 14px;margin-top: 5px;}
.app-mes>div>ul>li:hover p{background: #9e9e9e;color: white;}
/**/
.footer{background: #323943;padding: 45px 0;}
.fot-nav>div>ul>li{width: calc(100%/8);text-align: center;line-height: 45px;float: left;}
.fot-nav>div>ul>li>a:hover{color: #0689d9;}
.fot-nav{border-top:1px solid #cccccc;}
.fot-left{width: 27%;border-right: 1px solid #535961;}
.fot-left>h3{color: white;margin-top: 10px;}
.fot-left>span>a{display: inline-block;width: 100px;line-height: 30px;background: #0689d9;color: white;text-align: center;border-radius: 4px;margin-top: 10px;}
.fot-center{width: 38%;border-right: 1px solid #535961;}
.fot-center>h4{color: white;margin-bottom: 10px;margin-left: 5%;background: url("../images/h_18.png")left bottom no-repeat;line-height: 30px;}
.fot-center>p{color: white;line-height: 30px;margin-left: 5%}
.fot-right{width: 35%;}
.fot-right>div>div>h4{color: white;margin-bottom: 10px;margin-left: 5%;background: url("../images/h_18.png")left bottom no-repeat;line-height: 30px;}
.friend-nav{margin: 7px 0; }
.friend-nav>span>a{color: white;display: inline-block;margin: 0 5px;}
.friend-nav>span>a:hover{color:#0689d9;}
.wx{width: 120px;height: 120px;}
.friend-mes{margin-left: 5%;}
footer{border-top: 1px solid #535961;background: #262c34;}
footer>div>p{text-align: center;line-height:40px;color: #999;font-size: 12px;}
/**/
.hot{width:100%; height:58px; background:#0689d9; 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;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; }
.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; }
/**/
.title-ny{background: #0484d6;color: white;padding: 30px 0;border: 5px solid #cccccc;box-sizing: border-box;}
.title-ny>h2{margin-left: 10%;font-weight: bold;}
.title-ny>small{margin-left: 10%;text-transform: uppercase;}
.ny{margin: 25px 0;}
.ny-left-tit{margin-top: 5px;}
.ny-left-tit>li>a{display: block;width: 100%;padding: 10px 0; border-bottom: 1px solid #cccccc;}
.ny-left-tit>li>a>h3{line-height: 30px;font-size: 15px;font-weight: bold;margin-left: 10%;color: #323232}
.ny-left-tit>li>a>h6{width: 7px;height: 16px;margin-right: 2px;margin-top: 7px;}
.ny-left-tit>li>.active{background: url("../images/hx_03.png")left center no-repeat;}
.ny-left-tit>li>.active>h6{background: url("../images/sj_03.png") center center no-repeat;}
.ny-left-tit>li>.active>h3{color: #0484d6;}
.ny-left-tit>li:hover{background: url("../images/hx_03.png")left center no-repeat;}
.ny-left-tit>li:hover h6{background: url("../images/sj_03.png") center center no-repeat;}
.ny-left-tit>li:hover h3{color: #0484d6;}
.ny-con{margin-top: 25px;padding: 4px;border: 1px solid #cccccc;}
.ny-con>h4{line-height: 45px;}
.ny-con>p{line-height: 2;}
.ny-con>p>span{display: inline-block;margin-right: 5px;color: #035cb6}
.zx{text-align: center;padding: 12px 0;margin-top: 20px;border-top: 1px solid #cccccc;}
.zx>a{display: inline-block;color: white;line-height: 32px;width: 80%;background: #404040;}
.ny-right-tit>h3{text-transform: uppercase;font-weight: bold;font-size: 30px;color: #c8c8c8;line-height: 45px;letter-spacing: -2px;}
.ny-right-tit>h3>small{color: #c8c8c8;margin-left: 10px;}
.ny-right-tit>h5{line-height: 45px;font-size: 12px;}
.ny-right-tit{border-bottom:3px double #cccccc;}
.ny-mes{margin: 25px 0;}
.ny-mes>p{font-size: 12px;line-height: 2;}
.ny-mes>img{margin: 6px 0;}
.img-ny{padding-top: 80%}
.ny-mes>ul>li>a img{transition: all .3s linear;}
.ny-mes>ul>li>a{display: block;overflow: hidden;position: relative;border: 1px solid #cccccc;}
.ny-mes>ul>li>p{line-height: 35px;}
.ny-mes>ul>li>a:hover img{-moz-transform:scale(1.2,1.2);
    -webkit-transform:scale(1.2,1.2);
    -o-transform:scale(1.2,1.2); transition: all .3s linear;}
.ny-mes>ul>li:hover p{color:#0484d6 }
.ny-mes>ul>li>a>h5{position: absolute;bottom:-25px;line-height: 25px;background: #0484d6;color: white;width: 100%;text-align: center;transition: all .3s linear;}
.ny-mes>ul>li>a:hover h5{bottom:0px;transition: all .3s linear;}
.ny-app>ul>li{margin-bottom: 20px;}
.fy{text-align: right;margin:30px 0 60px 0;}
.fy>a{font-size: 12px;display: inline-block;margin: 0 2px; width: 60px; height: 25px; text-align: center;line-height: 25px;}
.fy>.active{background: #0484d6;color: white;}
.fy>a>i{font-style: normal;color:#003f99;}
.fy>a:last-child{width: 100px;}
.fy1{text-align: center;margin: 20px 0;}
.fy1>a{font-size: 12px;display: inline-block;margin: 0 2px; width: 40px; height: 40px; text-align: center;line-height: 40px;border: 1px solid #eeeeee;border-radius: 3px;}
.fy1>.active{background: #0484d6;color: white;}
/**/
.subNavBox{margin:10px 10px 0px 10px;}
.subNav{cursor:pointer;font-size:24px;color:white;background:#0484d6;border: 2px solid #ccc;}
.subNav h5{font-size:18px;line-height:40px;display:inline;margin-left: 5%;}
.subNav h5 small{color: white;}
.subNav span{line-height:40px;margin-right:20px;font-size: 18px;}
.navContent{display:none;}
.navContent>li{background:#e3e3e3;}
.navContent>li:hover{background: #dcdbdb;}
.navContent>li:hover>a{color: white;}
.navContent>li>a{display:block;font-size:16px;line-height:40px;color:#333;margin:3px 0 0 20%;
}
.subNav h5 b{margin:0 10px;line-height: 40px;}
.subNav h5 small{line-height: 40px;text-transform: uppercase;margin-left: 5px;}
/**/
.ny-mes>form>label>p{font-size: 14px;font-weight: 400;width: 70px;}
.ny-mes>form>label>textarea{display: inline-block;width:calc(98% - 70px);}
.ny-mes>form>label>input{display: inline-block;width:calc(98% - 70px);font-weight: 400}
.ny-mes>form>label{display: block;width: 70%;margin: 0 auto 20px auto;}
.ny-mes label input[type=submit]{width: 132px;height: 36px;line-height: 36px;color: white;border: none;background: #006faf;margin-top: 25px;font-size: 14px;}

@media (max-width:991px) {
    .fot-left{width: 100%;border: none}
     .fot-left>div{float: left;}
     .fot-left>h3{float: left;margin: 0 5%;}
     .fot-left>span{float: left;}
    .fot-left>span>a{margin-top: 0}
    .fot-center{width: calc(98% - 120px);border: none;margin-top: 20px;}
    .fot-right{width: 100px;height: 100px;margin-top: 20px;}
    .fot-center>h4{margin-left: 0;}
    .fot-center>p{margin-left: 0;}
}
@media (max-width:767px){
    body{padding-bottom: 55px}
    .about-left{width: 100%;}
    .about-right{width: 100%;text-align: center;margin-top: 20px;  }
    .about-right>span{float: none!important;margin: 0 calc((100% - 350px)/6);}
    .pro1 {
        width: calc(50% - 4px);
        margin:0 1px;
    }
    .pro2 {
        width: calc(50% - 4px);
        margin:0 1px;
    }
    .pro1-top{padding-top: 118.3%}

     .ny-mes>form>label{width: 100%;}
     .pro-top{padding-top: 58.5%;}

}
.ny-mes>.ny-con{border:none;}
@media (max-width:600px){
    .fot-left{width: 100%;border: none}
    .fot-left>div{float: none;}
    .fot-left>h3{float: none;margin: 0 ;}
    .fot-left>span{float: none;}
    .fot-left>span>a{margin-top:10px;}

}
@media (max-width:467px){
    .logo>a>img{width: 310px;}
    .about-right>span{float: none!important;margin: 0 calc((100% - 280px)/6) ;}
    .about-right>span{width: 90px;height:90px;}
    .about-right>span>a{width: 100%;  height: 60px;}
    .about-right>span>p{font-size: 12px;}
    .fot-center{width: 100%;border: none;margin-top: 20px;}
    .fot-right{width:100%;margin-top: 20px;}
    .wx{ float: left !important;}
    .about-right>span>a>div{width: 40px;height: 40px;}
    .about-left>h3{font-size: 16px;font-weight: bold;line-height: 25px;}
    }



@media (max-width:400px){.logo>a>img{width: 270px;}}

@media (max-width:376px){.logo>a>img{width: 230px;}.icon-menu>img{width: 80%;}}


.ny-partner{margin: 20px 0;}
.ny-partner>ul>li{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    float: left;
    width: 18%;
    margin: 10px 1%;
    height: 80px;
    border: 1px solid #cccccc;
    overflow: hidden;
    text-align: center;
    padding: 10px;
    transition: all 0.3s;
}
    .ny-partner > ul > li img {
        max-width:100%;
        height:auto;
    }
.ny-partner>ul>li:hover{box-shadow: 0 0 15px rgba(0,0,0,0.5); transition: all 0.3s;}

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

.dock ul.icons li.im p {
	width: 140px;
    height:200px;
    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(../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;
}