body{
    width: 100%;
    height: 100%;
    overflow-x: hidden;

}
html,body{height:100%; margin:0;}
ul li{list-style: none;}
ul>li, ol>li {
     line-height: 1;
}
.navbar ul>li {line-height: 2!important;}
.index-bg{font-size: 25em;
    text-align:center;
    font-family: '微软雅黑';
    color: white;
    position:absolute ;
    top:calc(50% - 1em);
    left:0;
    right:0;
    bottom:0;
    margin:auto auto;
    z-index: -1;
}

.swiper-slide .slide-img{margin-top:calc(40% - 350px); overflow: hidden;text-align: right;}
.slide1{margin-left: 5%;margin-top: 15%;z-index: 100;}
.slide1 h1{line-height: 2em;color:#046ce3!important;font-family: 'Microsoft YaHei'!important;font-weight:blod;}
.slide1 small{font-size: 1.2em!important;font-weight: 200!important;line-height: 2em; }
.slide1 .more a{background: #e06406; padding:8px 30px;font-size: 16px;font-weight: 200!important;z-index: 100;}
.slide1 .more a:hover{background: #fa4404;box-shadow:   2px  2px 20px grey;}
.slide2{margin-top: 15%;z-index: 100;}
.slide-img2{margin-top:5%;}
.slide-img2 img{margin: 0 auto;}
.slide2 h1{line-height: 2em;color:#046ce3!important;font-family: 'Microsoft YaHei'!important;font-weight: bold;}
.slide2 small{font-size: 1.2em!important;font-weight: 200!important;line-height: 2em; }
.slide2 .more a{background: #e06406; padding:8px 30px!important;;font-size: 16px!important;;font-weight: 200!important;z-index: 100;}
.slide2 .more a:hover{background: #fa4404;box-shadow:   2px  2px 20px grey;}


#btn_down {
    z-index: 99;
    width: 70px;
    height: 80px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -35px;
    cursor: pointer;
}

.sign {
    position: absolute;
    z-index: 2;
    width: 32px;
    height: 13px;
    left: 24px;
    background: #000;
}

#sign1_1 {
    background: url(../img/arrow2.png) no-repeat;
    bottom: 30px;
}

#sign2_1 {
    background: url(../img/arrow1.png) no-repeat;
    bottom: 38px;
}


/*----------mainer----------*/
.mainer { background: #ffffff;}
.page{padding-top:80px;}
.page_tit{ text-align:center;margin-bottom:50px;}
.page_tit h3{font-size:26px;font-weight:normal;}
.page_tit h3 span { display:inline-block; padding:0 14px; background:url(../img/icon2.png) repeat-x left center; }
.page_tit h3 span em { font-style:normal; display:inline-block; padding:0 23px; background:#fff; }
.page_tit label { display: block; margin: 0 auto; margin-top: 20px; width: 78px; height: 5px; background: #222 }
.page_tit p { color: #f37a07; margin-top: 20px; text-transform:uppercase; }

.list li{padding:0 0;}
.owl{position:relative;}
.owl_cur{position:absolute; top:50%; margin-top:-20px; height:0; left:2%; right:2%; z-index:10;}
.owl_cur span{cursor:pointer;  display:block;width:46px; height:46px; border-radius:100%; background:url(../img/cur1.png) no-repeat center center; }
.owl_cur span.prev{ float:left;}
.owl_cur span.next{ float:right;background:url(../img/cur2.png) no-repeat center center; }
.owl_cur span.prev:hover { background: url(../img/cur1-1.png) no-repeat center center; }
.owl_cur span.next:hover { background: url(../img/cur2-2.png) no-repeat center center; }

.page.page1, .page.page1 .page_tit h3 span em { background: #f7f5f6; }

.warehouse { }
.warehouse .left { float:left; width:272px; }
.warehouse .left .tit { }
.warehouse .left .tit span { font-size:20px; color:#222; display:inline-block; padding-left:40px; background:url(../img/icon4.png) no-repeat left center; }
.warehouse .left .list { position:relative; }
.warehouse .left .list ul li { margin-top:45px; font-size:16px; padding-left:40px; position:relative; }
.warehouse .left .list ul li a { color: #999; }
.warehouse .left .list ul li a i { display:block; width:12px; height:12px; background:url(../img/icon5.png) no-repeat center center; position:absolute; left:-16px; top:4px; z-index:10; }
.warehouse .left .list .line { position:absolute; width: 2px; top: 3px; left: 5px; background: #eff0ee; bottom:3px; z-index:9; }
.warehouse .left .list .more { margin-top:80px; }
.mainer .more a { display: inline-block; width: 150px; height: 44px; line-height: 44px; text-align: center; background: #394de9; color: #fff; position:relative; z-index: 10; }
.warehouse .left .list ul li.on a, .warehouse .left .list ul li a:hover { color: #394de9; }
.warehouse .left .list ul li.on a i, .warehouse .left .list ul li a:hover i { background:url(../img/icon5-1.png) no-repeat center center; }
.warehouse .right { overflow:hidden; }
.warehouse .right .list { margin-top:-17px; }
.warehouse .right .list ul { margin:0 -1%; }
.warehouse .right .list ul li { float:left; width:31.333%; margin:17px 1% 0; }
.warehouse .right .list ul li a { display: block; border: 1px solid #e7e3e2; }
.warehouse .right .list ul li .img { overflow: hidden; }
.warehouse .right .list ul li .img img { display:block; width:100%; }
.warehouse .right .list ul li .web { line-height:56px; position:relative; }
.warehouse .right .list ul li .web p { text-align:center; font-size:16px; padding:0 20px; }
.warehouse .right .list ul li .web p label { position:absolute; right:9px; top:0; font-size:13px; display:block; padding-right:17px; background:url(../img/icon3-1.png) no-repeat right center; color:#fff; opacity:0; }
.warehouse .right .list ul li a:hover { border-color: #394de9; }
.warehouse .right .list ul li a:hover .web { background: #394de9; }
.warehouse .right .list ul li a:hover .web p { color:#fff; text-align:left; }
.warehouse .right .list ul li a:hover .web p label { opacity:1; }

.special_offer_items .item .img { overflow:hidden; }
.special_offer_items .item .img img { display:block; width:100%; }
.special_offer_owl .owl_cur { left:0; right:0; margin-top:-26px; }
.special_offer_owl .owl_cur span { width: 52px; height: 52px; border-radius:0; }
.special_offer_owl .owl_cur span.prev { background:rgba(0,0,0,0.7) url(../img/curl-1.png) no-repeat center center; }
.special_offer_owl .owl_cur span.next { background: rgba(0,0,0,0.7) url(../img/curr-1.png) no-repeat center center; }
.special_offer_owl .owl_cur span.prev:hover { background: #394de9 url(../img/curl-1.png) no-repeat center center; }
.special_offer_owl .owl_cur span.next:hover { background: #394de9 url(../img/curr-1.png) no-repeat center center; }

.page.page2 { padding:50px 0; background:url(../img/bg1.jpg) no-repeat center center; background-size:cover; margin-top:80px; }
.index_about {   margin:0 auto; border:10px solid #fff; background:rgba(247,245,246,0.95); padding:70px 80px; }
.index_about .page_tit h3 em { background: #f6f4f4; }
.index_about .list { background:#fff; padding:35px 0; overflow:auto;}
.index_about .list ul li { float: left; width: 25%; text-align: center; border-left: 1px solid #e7e3e2; margin-left:-1px; }
.index_about .list ul li:first-child { border-left:none; }
.index_about .list ul li h3 { font-size:36px; }
.index_about .list ul li h3 em { font-style:normal; color:#999; font-size:12px; vertical-align:top; margin-left:8px; }
.index_about .list ul li p { color:#999; margin-top:20px; }
.index_about .web { text-align:center; padding:0 50px; margin-top:50px; }
.index_about .web p { line-height:32px; color:#666; }
.index_about .web .more { margin-top:30px; }

.index_news { }
.index_news .left { float:left; width:45%; margin-right:65px; }
.index_news .tit { margin-bottom:20px; }
.index_news .tit h3 { font-size: 16px; font-weight: normal; color: #394de9; }
.index_news .left .img { overflow:hidden; }
.index_news .left .img img { display: block; width: 100%; }
.index_news .left .web { margin-top:24px; }
.index_news .left .web h4 { font-weight:normal; font-size:18px; }
.index_news .left .web h4 span { float:right; font-size:14px; color:#999; }
.index_news .left .web p { line-height:26px; color:#999; margin-top:20px; }

.index_news .right { overflow: hidden; }
.index_news .right .list { }
.index_news .right .list ul li { border-top: 1px solid #e7e3e2; padding:30px 0; }
.index_news .right .list ul li .img { float:left; width:156px; height:117px; overflow:hidden; margin-right:20px; }
.index_news .right .list ul li .img img { display:block; width:100%; }
.index_news .right .list ul li .web { overflow:hidden; }
.index_news .right .list ul li .web span { display:block; width:22px; height:22px; line-height:22px; text-align:center; color:#fff; float:left; margin-right:16px; }
.index_news .right .list ul li .web .wd_w { }
.index_news .right .list ul li .web .wd_w span { background: #394de9; }
.index_news .right .list ul li .web .wd_w h4 { overflow:hidden; line-height:22px; font-size:18px; font-weight:normal; }
.index_news .right .list ul li .web .wd_w h4 a { color:#333; }
.index_news .right .list ul li .web .wd_d { margin-top:30px; }
.index_news .right .list ul li .web .wd_d span { background: #fe9322; }
.index_news .right .list ul li .web .wd_d p { line-height:26px; overflow:hidden; }
.index_news .right .list ul li .web .wd_d p a { color:#999; }
.index_news .more { border-top: 1px solid #e7e3e2; text-align:center; padding-top:50px; }

.page_banner { padding: 223px 0 143px; background: url(../img/bg2.jpg) no-repeat center center; background-size: cover; }
.page_banner .web { width: 96%; max-width: 616px; margin: 0 auto; background: rgba(247,245,246,0.95); border: 10px solid #fff; text-align: center; padding: 40px 0; }
.page_banner .web h2 { font-size: 36px; font-weight: normal; color: #222; }
.page_banner .web label { display: block; width: 30px; height: 4px; background: #394de9; margin: 20px auto; }
.page_banner .web p { font-size: 16px; color: #394de9; }

.crumbs { background: #f7f5f6; }
.crumbs ul li { float:left; width:25%; line-height:50px; text-align:center; }
.crumbs ul li a { display:block; color:#666; }
.crumbs ul li.on a, .crumbs ul li a:hover
.page_about .img_list .img1 { width:48.5%; }
.page_about .img_list .img1 img { display:block; width:100%; }
.page_about .web .list { border-top: 1px solid #e7e3e2; padding:45px 0; }
.page_about .web .list:first-child { border-top:none; }
.page_about .web .list h4 { font-size: 22px; font-weight: normal; color: #000; margin-bottom: 30px; }
.page_about .web .list p { line-height:32px; }

.page_course .list ul li span { display:block; float:left; margin-top:20px; width:115px; line-height:32px; font-size:22px; color:#999; position:relative; }
.page_course .list ul li span em { display:block; width:37px; height:15px; background:#fff url(../img/icon6.png) no-repeat center center; position:absolute; right:-34px; top:50%; margin-top:-7px; }
.page_course .list ul li .web { overflow: hidden; padding: 20px 0 60px 93px; border-left: 1px solid #394de9; }
.page_course .list ul li .web p { line-height:32px; color:#666; }

.join_tab table { width:100%; text-align:center; }
.join_tab table th { line-height: 50px; background: #394de9; font-weight:normal; font-size:16px; color:#fff; }
.join_tab table td { border-bottom: 1px dashed #e7e3e2; line-height:66px; color:#666; }
.join_tab table td a { color: #394de9; }

.modal, .fp_modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.modal { transition: all 0s; -o-transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; background: rgba(0,0,0,0.7); }
.fp_modal { display: table; }
.fp_modal .cell { display: table-cell; vertical-align: middle; }
.modal_cont { max-width: 1144px; margin: 0 auto; width: 90%; background: #fff; position: relative; }
.modal_cont .tit { border-bottom: 1px solid #e5e5e5; padding: 25px 0; margin: 0 20px; }
.modal_cont .tit h3 { font-size:26px; font-weight:normal; color:#222; }
.modal_cont .tit p { color:#999; margin-top:15px; }
.modal_cont .web { padding:40px 0; }
.modal_cont .web .text { padding: 0 20px; height: 380px; overflow-y: auto; }
.modal_cont .web .text h4 { font-size: 16px; font-weight: normal; color: #222; margin-bottom:8px; }
.modal_cont .web .text h4 span { display: inline-block; padding-left: 11px; border-left: 4px solid #394de9; }
.modal_cont .web .text p { color: #666; line-height:32px; }
.modal_cont .web .text .list { margin-top:40px; }
.modal_cont .web .text .list:first-child { margin-top:0; }

.page_honor .list ul { margin:-10px; }
.page_honor .list ul li { float:left; width:25%;   }
.page_honor .list ul li a{display:block; margin:10px;}
.page_honor .list ul li .img { overflow: hidden; border: 1px solid #e1e1e1; }
.page_honor .list ul li .img img { display:block; width:100%; }
.page_honor .list ul li p { text-align:center; font-size:18px; margin-top:30px; }

.page_contact .map img { display:block; width:100%; }
.page_contact .web { margin-top:60px; }
.page_contact .web .text { float:left; width:410px; }
.page_contact .web .text h4 { font-size:16px; color:#666; margin-bottom:30px; }
.page_contact .web .text p { line-height:32px; color:#666; }
.page_contact .web .tab { overflow:hidden; }
.page_contact .web .tab ul { margin:0 -1%; }
.page_contact .web .tab ul li { float: left; width: 31.333%; margin: 0 1% 30px; }
.page_contact .web .tab ul li.last { width:98%; }
.page_contact .web .tab ul li span { color: #666; }
.page_contact .web .tab ul li .div_inp { border-bottom: 1px solid #e4e4e4; margin-top:1px; }
.page_contact .web .tab ul li .div_inp input { width: 100%; border:none; }
.page_contact .web .tab ul li .div_textarea { border-bottom:1px solid #e4e4e4; }
.page_contact .web .tab ul li .div_textarea textarea { width:100%; border:none; resize:none; height:60px; }
.btn_tj { margin-top: 10px; }
.btn_tj #tj { display: inline-block; width: 148px; height: 42px; line-height: 42px; border: 1px solid #e7e3e2; color:#666; text-align:center; cursor:pointer; border:0 }

.page_store .list ul { margin:0 -1.5%; }
.page_store .list ul li { float:left; width:47%; margin:25px 1.5%; }
.page_store .list ul li .img1 { overflow:hidden; }
.page_store .list ul li .img1 img { display:block; width:100%; }
.page_store .list ul li .web { margin-top:30px; }
.page_store .list ul li .web h4 { padding-left:40px; background:url(../img/icon7.jpg) no-repeat left center; font-weight:normal; font-size:16px; margin-bottom:15px; }
.page_store .list ul li .web h4 a { color:#333; }
.page_store .list ul li .web p { padding-left:40px; line-height:26px; color:#666; }

.advert { float:left; width:296px; margin-right:50px; }
.advert ul li { margin-top:20px; }
.advert ul li:first-child { margin-top:0; }
.advert ul li a { display: block; border: 1px solid #e7e3e2; }
.advert ul li .img { overflow: hidden; background: #f7f5f6; }
.advert ul li .img img { display: block; width: 100%; }
.advert ul li .web { line-height: 56px; position: relative; }
.advert ul li .web p { text-align: center; font-size: 16px; padding: 0 20px; }
.advert ul li .web p label { position: absolute; right: 9px; top: 0; font-size: 13px; display: block; padding-right: 17px; background: url(../img/icon3-1.png) no-repeat right center; color: #fff; opacity: 0; }
.advert ul li a:hover { border-color: #394de9; }
.advert ul li a:hover .web { background: #394de9; }
.advert ul li a:hover .web p { color: #fff; text-align: left; }
.advert ul li a:hover .web p label { opacity: 1; }

.details_web { overflow: hidden; border: 1px solid #e7e3e2; }
.details_web .tit { text-align: center; line-height: 90px; border-bottom: 1px solid #e7e3e2 }
.details_web .tit h3 { font-weight:normal; font-size:22px; color:#222; }
.details_web .text { padding:10px 32px 60px; line-height:32px}
.details_web .text p { line-height:32px; color:#666; text-align:justify; }
.details_web .text img { display:block; margin:20px auto 0; max-width:100% !important; height:auto !important }

.page_news { }
.news_nav { text-align:center; }
.news_nav ul li { display:inline-block; margin:0 20px; }
.news_nav ul li a { display: inline-block; width: 136px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #e7e3e2; font-size:16px; color:#999; }
.news_nav ul li.on a,.news_nav ul li a:hover { background:#8cb25e; border-color:#8cb25e; color:#fff; }
.page_news .list { margin-top:30px; }
.page_news .list ul li { border-bottom: 1px solid #e7e3e2; padding: 30px 0; }
.page_news .list ul li .img { float: left; width: 250px; overflow: hidden; margin-right: 48px; }
.page_news .list ul li .img img { display: block; width: 100%; }
.page_news .list ul li .web { overflow: hidden; padding-top:24px; }
.page_news .list ul li .web span { display: block; width: 22px; height: 22px; line-height: 22px; text-align: center; color: #fff; float: left; margin-right: 16px; }
.page_news .list ul li .web .wd_w { }
.page_news .list ul li .web .wd_w span { background: #394de9; }
.page_news .list ul li .web .wd_w h4 { overflow: hidden; line-height: 22px; font-size: 18px; font-weight: normal; }
.page_news .list ul li .web .wd_w h4 a { color: #333; }
.page_news .list ul li .web .wd_d { margin-top: 20px; }
.page_news .list ul li .web .wd_d span { background: #fe9322; margin-top:5px; }
.page_news .list ul li .web .wd_d .text { overflow:hidden; }
.page_news .list ul li .web .wd_d p { line-height: 32px; overflow: hidden;  height:64px; overflow:hidden;}
.page_news .list ul li .web .wd_d p a { color: #666; }
.page_news .list ul li .web .wd_d .news_xq { margin-top:20px; }
.page_news .list ul li .web .wd_d .news_xq a { color:#999; display:inline-block; padding-right:16px; background:url(../img/icon8.png) no-repeat right center; }
.page_news .list ul li .web .wd_d .news_xq em { float:right; font-style:normal; color:#999; }

.page_article { }
.page_article .tit { border-bottom: 1px solid #e7e3e2; padding-bottom:12px; }
.page_article .tit h3 { text-align:center; font-weight:normal; font-size:22px; color:#222; }
.page_article .tit p { color: #999; margin-top:22px; }
.page_article .tit p span { float: right; color: #e7e3e2; }
.page_article .tit p span a { color:#999; margin:0 14px; }
.page_article .web { line-height:32px; margin-top:20px}
.page_article .web p { line-height:32px; color:#666; text-align:justify; }
.page_article .web img { display:block; margin:30px auto 0; max-width:100% !important; height:auto !important }



.full { position: fixed; top: 50%; right: 0; z-index: 1001; }
.full li a { display: block; width: 52px; height: 52px; margin-bottom: 1px; position: relative; background: #8cb25e; z-index: 1; }
.full li a:hover span, .full li a:hover label { background-color: #394de9 !important; }
.full li:last-child a { border-bottom: 0; }
.full li a span { display: block; width: 52px; height: 52px; position: relative; z-index: 100; background-position: center center; background-repeat: no-repeat; }
.full li:nth-child(2) a, .full li:nth-child(1) a { z-index: 2; }
.full li a label { display: block; width: 100px; white-space: nowrap; padding: 0 20px; position: absolute; line-height: 52px; color: #fff; z-index: -1; background: #394de9; bottom: 0; left: 100%; box-sizing: inherit; max-width: 300%; }
.full li a:hover label { left: -120px; }
.full li a .lbl_img { padding: 10px; height: auto; line-height: normal; }
.full li a span.span1 { background-image: url(../img/full1.png); }
.full li a span.span2 { background-image: url(../img/full2.png); }
.full li a span.span3 { background-image: url(../img/full3.png); }
.full li a span.span4 { background-image: url(../img/full4.png); }



/*footer部分*/


/*foot部分*/
.footer{ background-color:#5b5c5e; padding:2% 0; }
.footer .nav{ position:relative; border-bottom:solid 1px #ffffff; padding-bottom:10px;  background-repeat:no-repeat; background-position: right bottom;}
.footer,.footer a{ color:#fff;}
.footer a:hover{ color:#009fe8}
.footer dl{ float:left; width:16.5%;}
.footer dl dt{ padding:20px 0;}
.footer dl dt a{ color:#fff;}
.footer dl dd span{ display:block;}
.footer dl select{
border: solid 1px #454d55;
*background:none!important;
*border:0!important;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background:#3a4149;
color:#71757a;
padding:5px 2px 5px 10px;
cursor:pointer;
width:90%;
}

.footer .jiathis_style_32x32 a{ display:inline-block; width:34px; height:34px;}
.footer .jiathis_style_32x32 .jtico{     height: 34px!important;  }
.footer .jiathis_style_32x32 .jtico_cqq{ background-position:0 center!important;}
.footer .jiathis_style_32x32 .jtico_tsina{ background-position:-45px center!important;}
.footer .jiathis_style_32x32 .jtico_weixin{ background-position:-88px center!important;}
.footer .jiathis_style_32x32 .jtico_jiathis{ background-position:-131px center!important;}
.footer .jiathis_style_32x32  .jiathis_txt{ float:none!important; display: inline-block!important;}



.footer .other{ font-size:12px; position:absolute; right:0; top:64px; text-align:right;}
.footer .shop{ padding:10px 0; position:absolute; right:0; bottom:0px;}
.footer .shop span{ text-align:center; display:inline-block;}
.footer .shop span.s2,
.footer .shop span.s4{ padding-left:25px; margin-left:25px; border-left:solid 1px #444a52;}
.footer .shop span a{ display:inline-block;}
.footer .shop span.s1 a,
.footer .shop span.s2 a{ padding-top:35px;}
.footer #indshop{ display:none;}
.footer .column{ font-size:14px; text-align: center;}
.footer .column img{ position: relative; padding-top: 5px;}
.footer .other .wanhu a{ color:#4b5056}
.footer .footer-bottom{text-align: center;font-size: 13px;}

.footer .column{ padding:2px 0;}

.footer .link { padding:2% 0; font-size:12px;}
.footer .link span{ display:inline-block; padding-right:45px;}
.footer .link img{ height:42px; vertical-align:middle; margin-right:10px;}

/*客服小妹*/
@keyframes scaleToggleOne { 0 {
    transform:scale(1);
    -webkit-transform:scale(1)
    }
    50% {
    transform:scale(2);
    -webkit-transform:scale(2)
    }
    100% {
    transform:scale(1);
    -webkit-transform:scale(1)
    }
    }
    @keyframes scaleToggleTwo { 0 {
    transform:scale(1);
    -webkit-transform:scale(1)
    }
    20% {
    transform:scale(1);
    -webkit-transform:scale(1)
    }
    60% {
    transform:scale(2);
    -webkit-transform:scale(2)
    }
    100% {
    transform:scale(1);
    -webkit-transform:scale(1)
    }
    }
    @keyframes scaleToggleThree { 0 {
    transform:scale(1);
    -webkit-transform:scale(1)
    }
    33% {
    transform:scale(1);
    -webkit-transform:scale(1)
    }
    66% {
    transform:scale(2);
    -webkit-transform:scale(2)
    }
    100% {
    transform:scale(1);
    -webkit-transform:scale(1)
    }
    }
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.livechat-girl { width: 60px; height: 60px; border-radius: 50%; position: fixed; bottom: 0; right: 40px; opacity: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); z-index: 700; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl:focus { outline: 0 }
.livechat-girl.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) }
.livechat-girl:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #26c7fc, #26c7fc); position: absolute; right: 1px; top: 1px; z-index: 50 }
.livechat-girl .girl { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 50 }
.livechat-girl .animated-circles .circle { background: rgba(38,199,252,.25); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) }
.livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl .livechat-hint { position: absolute; right: 40px; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl .livechat-hint.show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1 }
.livechat-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) }
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1296px!important }
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis }
@media only screen and (max-width:1599px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px!important }
}
@media only screen and (max-width:1309px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 984px!important }
}
@media only screen and (max-width:1124px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 600px!important }
}
.rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 }
.rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 }
.rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 }
.rd-notice-type-success { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-type-success .rd-notice-content { background-color: #26c7fc }
.rd-notice-type-success:after { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-position-left { margin-left: -20px }
.rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px }
.rd-notice-tooltip.single-line .rd-notice-content { height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap }
#cus_ser{
  z-index:9999;width:32px;height:142px;position:fixed;right:0px;color:#FFF;top:45%;overflow:hidden;
}
.cus_ser_{
  width:165px; height:112px; background:#1463da;border-bottom-left-radius:4px;  border-top-left-radius:4px;overflow:hidden;
}

#cus_ser .title{ width:32px; height:112px; float:left; background:url(../img/zxzx.jpg); cursor:pointer;
}
#cus_ser  ul{ padding:10px 0px 0px 2px; width:130px; float:left;}
#cus_ser  ul li#zqq{ height:30px; line-height:30px; display:block; font-size:12px; padding-left:24px; background:url(../img/zqq.png) no-repeat 2px 7px;}
#cus_ser  ul li#zphone{ height:30px; line-height:30px; display:block; font-size:12px; padding-left:24px; background:url(../img/zphone.png) no-repeat 2px 8px;}
#cus_ser  ul li#wb{ height:30px; line-height:30px; display:block; font-size:12px; padding-left: 12px;}
#cus_ser  ul li a{ color:#FFF;}
#cus_ser  ul li a:hover{ text-decoration:underline;}
#cus_ser .close{ display:inline-block; width:16px; height:20px; overflow:hidden; cursor:pointer; margin-right:4px; float:right;}
#cus_ser ul, ol{
	list-style: none;
	margin:0 0 9px 0;
}