@charset "utf-8";

html,body,dl,dt,dd,ol,ul,li,p,span,em,cite,del,a,img,h1,h2,h3,h4,h5,h6,object,pre,code,form,fieldset,legend,pre,input,select,textarea,blockquote,q,table,caption,thead,tbody,tfoot,th,td,button {margin:0;padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); background:transparent; }	

html , body{  width:100%; word-wrap:break-word  }
tpsj-1122

body { font-size:13px; color:#383838; background:none; min-height:40vh ;   }
html , body{ font-family:"微软雅黑";}
.body-box{ background:#fff;}
table { border-collapse:collapse; border-spacing:0;}
img, fieldset, abbr, acronym { border:none; vertical-align:top}
a img { border:none; padding:0; margin:0;}   
blockquote,q { quotes:none;}

p{
   -webkit-text-size-adjust:none; 
}

a { color:#333;  text-decoration:none; cursor:pointer;}
address,caption,cite,code,dfn,em,th,var { margin:0;padding:0; font-style:normal;font-weight:normal;}
*{padding:0px; }

/* ----End Reset---- */
input , textarea , select , option{ border:none; background:none; outline:none; font-family:"siyuan";}
textarea{ resize:none}
select::-ms-expand{ display: none; }
video{ border:none}
/*---- Patchs---- */

.fl { float:left;}		
.fr { float:right;}		
.fn { float:none;}
.cl { clear:left;}
.cr { clear:right;}
.cb { clear:both;}
.tl { text-align:left;} 
.tr { text-align:right;}
.tc { text-align:center;}

li{ list-style:none; vertical-align:bottom}

.phone-box{ display:none;}
.phone-box1{ display:none;}
.w1200{
    width: 1200px;
    margin: 0 auto;
}

/*头部开始*/
.topy{
    width: 100%;
    height: 38px;
    background: #f3f3f3;
    line-height: 38px;
}
.topy a{
    display: block;
    font-size: 12px;
    color: #999;
    float: left;
    margin-right:18px;
}
.topy a:hover{
    color: #0373d9;
    text-decoration:underline;
}

.car-nav{
    width: 100%;
    height: 90px;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 999;
}
.container{
    width: 1200px;
    margin: 0 auto;
}
.car-container{
    height: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}
.car-logo{
    line-height: 90px; 
    float: left;
}
.car-logo img{
    width: 163px;
    height: 47px;
    margin-right: 10px;
    vertical-align: middle;
}
.car-logo span{
    font-size: 15px;
    color: #666;
    padding-left: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-left: 1px solid #ccc;
}

.car-nav-ul{
    padding-left: 66px;
}
.car-nav-ul li{
    float: left;
    position: relative;
}
.car-nav-ul li>a, .car-nav-ul li>span{
    display: block;
    padding: 34px 20px;
    font-size: 16px;
    color: #333;
    box-sizing: border-box;
}

.car-nav-ul li::after{
    content: '';
    width: 0px;
    height: 2px;
    position: absolute;
    bottom: 26px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #1091fe;

}
.car-nav-ul li.active::after{
    width: 46px;
}
.car-nav-ul li.active>a:not(.nav-btn){
    color: #1091fe;
}
.car-nav-ul li:hover>a:not(.nav-btn){
    color: #1091fe;
}
.car-nav-ul li:hover span{
    color: #1091fe;
}

.car-nav-ul .oretr a{
    color: #1091fe;
}
.car-nav-ul .oretr::after{
       content: '';
    width: 0px;
    height: 2px;
    position: absolute;
    bottom: 26px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #1091fe;
}

.car-nav-li:hover::after{
    width: 46px;
}

.car-nav-li.oretr::after{
    width: 46px;
}

.car-nav-li span{
    background: url(../images/back.png) center right no-repeat;
    background-size: 14px 7px;
}

.car-nav-fixed .car-nav-li span{
    background: url(../images/back1.png) center right no-repeat;
    background-size: 14px 7px;
}



.car-nav-fixed .car-nav-li span{
    background: url(../images/back1.png) center right no-repeat;
    background-size: 14px 7px;
}


.nav-second{
    background: #fff;
    padding: 10px 0;
    position: absolute;
    left: -10px;
    z-index: 99;
    box-shadow: 0px 1px 4px 0px rgba(13, 19, 40, 0.1);
    display: none;
}
.nav-second-list{
    min-width: 120px;
    text-align: center;
}
.nav-second-list a{
    display: block;
    font-size: 15px;
    color: #333;
    line-height: 34px;
    background: #fff;
}
.nav-second-list a:hover{
    background-color: rgba(3,115,217,0.1);
    color: #1091fe;
}
.nav-second-list.active a{
    color: #1091fe;
    background-color: rgba(3,115,217,0.1);
}


.car-nav-phone{
    margin-left: auto;
    font-size: 18px;
    color: #242632;
    font-weight: 600; vertical-align:top;
}
.car-nav-phone p{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}


.top-box1{ width:32px; height:32px; display:inline-block; vertical-align:top; margin-top:3px; position:relative;}
.top-box1 span{ display:block; width:32px; height:32px; overflow:hidden; }
.top-box1 span img{ width:100%; height:100%;}
.top-box1 p{ width:90px; height:90px; position:absolute; top:36px; left:0; z-index:9; display:none;}
.top-box1 p img{ width:100%; height:100%;}
.top-box1:hover p{ display:block}

.top-box2{ width:32px; height:32px; display:inline-block; margin-left:12px;  vertical-align:top; margin-top:3px;}
.top-box2 img{ width:32px; }
.top-box3{ display:inline-block; width:136px; height:auto; line-height:35px; font-size:18px; font-weight:600; }
.top-box3 font{ display:block;}

.car-nav .car-logo img:nth-child(2){
    display: none;
}
.car-nav-fixed .car-logo img:first-child{
    display: none;
}
.car-nav-fixed .car-logo img:nth-child(2){
    display: inline-block;
}
.car-nav-fixed{
    background: #000;
    height: 70px;
}
.car-nav-fixed .car-nav-ul li>a, .car-nav-fixed .car-nav-ul li>span{
    color: #fff;
}
.car-nav-fixed .nav-second{
    top: 79px;
}
.car-nav-fixed .car-logo span{
    color: #fff;
    opacity: 0.8;
}
.car-nav-fixed .car-nav-phone{
    color: #fff;
}
.car-nav-fixed .car-nav-phone span{
    color: #fff;
    opacity: 0.8;
}



.nav-second{
    background: #fff;
    padding: 10px 0;
    position: absolute;
    left: -10px;
    z-index: 99;
    box-shadow: 0px 1px 4px 0px rgba(13, 19, 40, 0.1);
    display: none;
}
.nav-second-list{
    min-width: 120px;
    text-align: center;
}
.nav-second-list a{
    display: block;
    font-size: 15px;
    color: #333;
    line-height: 34px;
    background: #fff;
}
.nav-second-list a:hover{
    background-color: rgba(3,115,217,0.1);
    color: #1091fe;
}
.nav-second-list.active a{
    color: #1091fe;
    background-color: rgba(3,115,217,0.1);
}




.car-nav-phone{
    margin-left: auto;
    font-size: 18px;
    color: #242632;
    font-weight: 600;
}


.car-nav .car-logo img:nth-child(2){
    display: none;
}
.car-nav-fixed .car-logo img:first-child{
    display: none;
}
.car-nav-fixed .car-logo img:nth-child(2){
    display: inline-block;
}

.car-nav-fixed .car-nav-ul li>a, .car-nav-fixed .car-nav-ul li>span{
    color: #fff;
}
.car-nav-fixed .nav-second{
    top: 79px;
}
.car-nav-fixed .car-logo span{
    color: #fff;
    opacity: 0.8;
}
.car-nav-fixed .car-nav-phone{
    color: #fff;
}
.car-nav-fixed .car-nav-phone span{
    color: #fff;
    opacity: 0.8;
}

/*头部结束*/

/*banner开始*/

.banenr{ width:100%; height:600px; overflow:hidden; background:url(../images/banner.jpg) center center no-repeat;}
.banner-1{ width:1200px; height:auto;margin:0 auto;}
.banner-11{ width:520px; height:auto; overflow:hidden; float:left}
.banner-111{ width:100%; height:auto; line-height:86px; overflow:hidden; font-size:46px; color:#ffffff; padding-top:134px;}
.banner-112{ width:100%; height:auto;  
    overflow:hidden; font-size:32px; color:#fff; letter-spacing:6px}

    .banner-112 span{
        width: 100px;
        height: 4px;
        background: #ffd482;
        display: block;
        margin-top: 14px;
    }

.banner-113{ width:210px; height:56px; overflow:hidden; margin-top:44px; 
 -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; position:relative;
background: #fff; margin-left:0;

}

.texyre{
    width:100%;
    margin-top: 32px;
}
.texyre ul{
    width: 334px;
    height: auto;
    overflow: hidden;
}
.texyre ul li{
    color: #fff;
    font-size: 16px;
    float: left;
    width: 48%;
    line-height: 36px;
}
.banner-1131{ width:4px; height:4px; overflow:hidden; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin:32px auto 0; background:rgba(0,0,0,0.15);  -webkit-animation:fxtop2 1.1s 0.5s linear infinite;}
.banner-1132{ width:100%; height:100%;height:56px; line-height:56px; text-align:center; font-size:24px; color:#015ece; overflow:hidden; position:absolute; left:0; top:0; z-index:9; cursor:pointer;}
.banner-1132 a{
    display: block;
    width: 100%;
    height: 100%;
    color: #015ece;
}

.texyre1{
    font-size: 16px;
    color: #fff;
}
  @-webkit-keyframes fxtop2 
    {  
        0%{  
       
            transform: scale(1); -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; opacity: 1;
				
        }  

/*        50%{  

           transform: scale(1.2);
				
        } */
				80%{  

            transform: scale(65); -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;  opacity: 0;
					
        } 
				
				100%{  

            transform: scale(65); -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;  opacity: 0;
					
        }  
    }  

/*banner结束*/



/*底部开始*/
.cy-box5{ width:100%; height:80px; overflow:hidden; background:url(../images/tonglan.jpg) center center no-repeat;}
.cy-51{ width:1200px; height:auto; overflow:hidden; margin:0 auto; text-align:center;}
.cy-511{ display:inline-block; /*width:383px; */height:auto; overflow:hidden; margin-top:25px; vertical-align:top; }
.cy-5110{ width:619px; margin-left:0;}
.cy-511 img{ width:100%;}

.cy-512{ display:inline-block; width:130px; height:38px; overflow:hidden; margin-top:21px;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative; margin-left:95px;
background: #fff; 
}
.cy-5121{ width:4px; height:4px; overflow:hidden; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin:17px auto 0; background:rgba(0,0,0,0.15);  -webkit-animation:fxtop2 1.1s 0.5s linear infinite;}
.cy-5122{ width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; z-index:9;  height:38px; line-height:38px; text-align:center; font-size:16px; color:#ff7200; cursor:pointer;}
.cy-5122 a{ display:block; width:100%; height:38px; line-height:38px; text-align:center; font-size:16px; color:#ff7200; overflow:hidden;}



.yuncpa-botmax1{ width:100%; height:auto; overflow:hidden; background:#131326; border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:20px;}
.yuncpa-bot1{ width:1200px; height:auto; overflow:hidden;margin:0 auto;}
.yuncpa-bot11{ width:250px; height:auto; overflow:hidden; float:left; padding-top:38px;}
.yuncpa-bot11 img{ width:210px; height:auto;margin: 0 4px;}
.yuncpa-bot11 strong{ font-weight:normal; width:100%; display:inline-block; height:auto; line-height:20px; font-size:13px; overflow:hidden; color:rgba(255,255,255,0.5); padding-top:15px;}

.yuncpa-bot12{ width:400px; height:auto; overflow:hidden; float:left; margin-left:140px; padding-top:38px;}
.yuncpa-bot121{ width:100%; height:auto; line-height:20px; overflow:hidden; font-size:15px; color:#ffffff; margin-bottom:17px;}
.yuncpa-bot121 img{ width:20px; height:20px; margin-right:7px;}

.yuncpa-bot13{ width:270px; height:auto; overflow:hidden; float:right; margin-top:33px;}
.yuncpa-bot131{ width:90px; height:90px; overflow:hidden; float:left;}
.yuncpa-bot131 img{ width:100%; height:100%;}
.yuncpa-bot132{ width:150px; height:auto; overflow:hidden; float:right;}
.yuncpa-bot1321{ width:100%; height:30px; line-height:30px; font-size:16px; overflow:hidden; color:#ffffff;}

.yuncpa-bot1322{ width:100%; height:34px; line-height:34px; color:#333; font-size:16px; background:#fff; margin-top:18px;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-indent:11px;}
.yuncpa-bot1322 img{ width:19px; height:19px; display:inline-block; margin-top:8px; margin-right:8px;}
.yuncpa-bot1322 p{ display:inline-block;}
.yuncpa-bot1322 strong{ font-weight:normal}

.yuncpa-botmax2{ width:100%; height:72px; line-height:71px; text-align:center; font-size:14px; color:rgba(255,255,255,0.7); background:#131326;}
.yuncpa-botmax2 a{ color:rgba(255,255,255,0.7);}


/*底部结束*/


@media screen and (max-width: 750px){
    .pc-box{ display:none}
    .phone-box{ display:block}


    /*手机头部开始*/
.phone-top1{ width:100%; height:49px;}
.phone-top{ width:100%; height:49px; position:fixed; top:0; left:0; z-index:9999; }
.sp_header{height:50px;background:#fff;width:100%; position:relative;border-bottom: 1px solid #e9eaed;background: #fff;}
.sp_logo{ width:90px; height:26px; overflow:hidden; position:absolute; left:15px; top:12px; z-index:9999; }
.sp_logo img{  width:100%; height:26px; padding-right:5px; }
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#333333;width:20px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:5px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:15px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.nav-sj1{ width:100%; height:0; position:fixed; left:0; top:50px; z-index:999;}
.nav-sj{ width:100%; height:0; position:relative;}
.sjj_nav{position:absolute; z-index:99999999;background:#fff; width:100%;height:0;font-size:14px;line-height:40px;top:0;right:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
/* .sjj_nav ul{ width:100%; height:auto; overflow:hidden;} */
.nav_show{top:0px; height:calc(100vh - 49px); padding-bottom:10px; background-color:rgba(0,0,0,0.8);}
.sjj_nav ul li{border-top:1px #ddd solid; width:100%; padding:0 4%; background:#fff;position:relative;line-height:40px;font-size:14px; text-indent:5px;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{ display:block; width:100%; height:100%;color:#666;}



.meng{
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left:  0;
    z-index: 222;
    background: rgba(0,0,0,.3);
}
.menu{
    width:60%;
    right: 0;
    position: fixed;
    top: 0;
    right:  0;
    z-index: 222;
    background: rgba(0,0,0,.6);
    background: #363636;
    padding: 50px  0 0 0;
    height: auto;
    height: 100vh;
    /*height:-webkit-calc(100vh - 1.86rem);*/
    /*height:-moz-calc(100vh - 1.86rem);*/
    /*height:calc(100vh - 1.86rem);*/
    -webkit-animation:menuXian 0.5s ease 0.2s 1 both;
    -moz-animation:menuXian 0.5s ease 0.2s 1 both;
    -ms-animation:menuXian 0.5s ease 0.2s 1 both;
    -o-animation:menuXian 0.5s ease 0.2s 1 both;
    animation: menuXian 0.5s ease 0.2s 1 both;
}
.menu li {
    padding: 0 0 0 10%;
    line-height: 50px;
    border-top: 1px solid #414141;
}
.menu li a {
    display: block;
    font-size: 14px;
    color: #d5d5d5;
    width: 100%;
    text-align: left;
}
.menu_erji{
    display: block;
    font-size: 14px;
    padding-left: 10%;
    margin-left: -10%;
    color: #d5d5d5;
    text-align: left;
    background: url(../images/nav_Tright.png) right center no-repeat;
    background-size: auto 14px;
}

.menu_erji_box{
    display: none;
}
.menu_erji_box a{
    width: 110%;
    padding-left: 10%;
    margin-left: -10%;
    line-height: 40px;
    border-top: 1px solid #414141;
    color: #999!important;
}
.popup-car{
    width: 240px;
    height: auto;
}
img.img-popup-close{
    width: 26px;
    height: 26px;
}

.app-none{
    display: none;
}
.none{
    display: block;
}

/*手机头部结束*/

.banner-sj{ width:100%; height:auto; overflow:hidden}
.banner-sj img{ width:100%; height:auto;}
.banner-sj  a{
    display: block;
    width: 100%;
    height: 100%;
}

/*底部开始*/
.qc-sjbot2{ width:100%; height:193px; overflow:hidden;  background:url(../images/qc-sjbotbj1.png) center center no-repeat; background-size:100% 100%; margin-top:32px;}

.qc-sjbot21{ width:225px; height:auto; margin-left:20px; overflow:hidden; float:left; margin-top:48px;}
.qc-sjbot211{ width:100%; height:auto; line-height:22px; font-size:13px; color:#fff; overflow:hidden; margin-bottom:8px;}
.qc-sjbot211 a{ color:#fff;}
.qc-sjbot22{ width:100px; height:auto;  float:right; margin-top:41px; margin-right:15px;}
.qc-sjbot221{ width:100%; height:84px; overflow:hidden; border-radius:5px; background:rgba(255,255,255,0.3)}
.qc-sjbot2211{ width:72px; height:72px; overflow:hidden; float:left; margin-top:6px; margin-left:6px; border-radius:5px;}
.qc-sjbot2211 img{ width:100%; height:100%;}
.qc-sjbot2212{ width:20px; height:auto; line-height:13px; overflow:hidden; text-align:center; font-size:11px; text-align:center; color:#fff; float:right; margin-top:16px;}
.qc-sjbot222{ width:100%; height:32px;line-height:32px; text-align:center; font-size:15px; color:#fff;  overflow:hidden; margin-top:8px; background:url(../images/sj-botan.png) center center no-repeat; background-size:100% 100%;  box-shadow: 0px 0px 20px 0px rgba(0, 60, 113, 0.12);}
.qc-sjbot222 a{ display:block; width:100%; height:28px; line-height:26px; text-align:center; font-size:15px; color:#fff; overflow:hidden;}
/*底部开始*/


}



.kefu-box{ width:60px; height:auto; position:fixed; right:0; z-index:99999; top:180px;}
.kefu-fd1{ width:60px; height:70px; position:relative;  margin-bottom:3px; cursor:pointer;}
.kefu-fd01{ width:60px; height:70px; overflow:hidden; background:#2dccbb; transform: translate(0px,0px); 
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;}
.kefu-fd111{ width:100%; height:auto; overflow:hidden; margin-top:9px}
.kefu-fd111 img{ width:34px; height:28px; display:block; margin:0 auto;}
.kefu-fd112{ width:100%; height:auto; line-height:22px; margin-top:6px; font-size:12px; text-align:center; color:#fff;}

.kefu-fd12{ width:130px; height:70px; overflow:hidden; position:absolute; right:0px; top:0; z-index:99999; background:#2dccbb;  box-sizing: border-box; border:1px solid #fff; transform: translate(130px,0px); 
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;}
.kefu-fd12 p{ width:110px; height:48px; line-height:24px; overflow:hidden; padding:11px 10px; font-size:14px; color:#fff; text-align:center;}

.kefu-fd1:hover .kefu-fd01{
 transform: translate(60px,0px);  transition: all 1s;
-webkit-transition: all 1s;}

.kefu-fd1:hover .kefu-fd12{
 transform: translate(0px,0px);  transition: all 1s;
-webkit-transition: all 1s;}

.kefu-fd02{ width:60px; height:70px; overflow:hidden; background:#fe9a4d;}
.kefu-fd13{ width:120px; height:auto; overflow:hidden; position:absolute; top:0; right:63px; background:#fff; z-index:999999;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;transform: scale(0.01); transform-origin: 100% 0 0; opacity: 0;}
.kefu-fd131{ width:100%; height:120px; overflow:hidden; background:#fff;}
.kefu-fd131 img{ width:100%; height:100%;} 
.kefu-fd132{ width:100%; height:auto; line-height:17px; font-size:13px; padding:0px 0 8px; color:#333; text-align:center;}

.kefu-fd1:hover .kefu-fd13{transform: scale(1); transform-origin: 100% 0 0;  opacity: 1; }

.kefu-fd03{ width:60px; height:70px; overflow:hidden; background:#1f8ceb;}
.kefu-fd1:hover .kefu-fd03{ background:#1091fe}
@media screen and (max-width: 750px){
    .kefu-box{ width:40px; height:auto; position:fixed; right:0; z-index:99999; top:300px;}
.kefu-fd1{ width:40px; height:40px; position:relative;  margin-bottom:3px; cursor:pointer;}
.kefu-fd01{ width:40px; height:40px; overflow:hidden; background:#2dccbb; transform: translate(0px,0px); 
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;}
.kefu-fd111{ width:100%; height:auto; overflow:hidden; margin-top:6px}
.kefu-fd111 img{ width:20px; height:16px; display:block; margin:0 auto;}
.kefu-fd112{ width:200%; height:auto; line-height:18px; margin-top:3px; font-size:18px; text-align:center; color:#fff;  transform: scale(0.5); transform-origin: 0% 0% 0; }

.kefu-fd12{ width:110px; height:40px; overflow:hidden; position:absolute; right:0px; top:0; background:#2dccbb; box-sizing: border-box; border:1px solid #fff; transform: translate(130px,0px); 
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;}
.kefu-fd12 p{ width:94px; height:40px; line-height:18px; overflow:hidden; padding:2px 8px; font-size:10px; color:#fff; text-align:center; }

.kefu-fd1:hover .kefu-fd01{
 transform: translate(60px,0px);  transition: all 1s;
-webkit-transition: all 1s;}

.kefu-fd1:hover .kefu-fd12{
 transform: translate(0px,0px);  transition: all 1s;  border:1px solid #fff; 
-webkit-transition: all 1s;}

.kefu-fd02{ width:40px; height:40px; overflow:hidden; background:#fe9a4d;}
.kefu-fd13{ width:100px; height:auto; overflow:hidden; position:absolute; top:0; right:43px; background:#fff; 
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;transform: scale(0.01); transform-origin: 100% 0 0; opacity: 0;}
.kefu-fd131{ width:100%; height:100px; overflow:hidden; background:#fff;}
.kefu-fd131 img{ width:100%; height:100%;} 
.kefu-fd132{ width:100%; height:auto; line-height:15px; font-size:11px; padding:0px 0 8px; color:#333; text-align:center;}

.kefu-fd1:hover .kefu-fd13{transform: scale(1); transform-origin: 100% 0 0;  opacity: 1; }

.kefu-fd03{ width:40px; height:40px; overflow:hidden; background:#1f8ceb;}
.kefu-fd1:hover .kefu-fd03{ background:#1091fe}