﻿@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@import url(pscroll.css);
@import url(swiper.min.css);
@import url(css.css);
/*首页*/
.wrapper.not{opacity:0;filter:Alpha(opacity=0);}
/*轮显*/
.banner{ width: 100%; overflow:hidden; position:relative;}
.banner .swiper-container{/* width: 100%; height: 100%; position: absolute; z-index: 1; top: 0;left: 0; right: 0;bottom: 0;*/}
.banner .lzpic1,
.banner .lzpic2 { width: 100%;height: 100%; background: no-repeat center; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;transition:all 0.3s;}
.banner .text{ max-width: 1400px; width: 100%; position: absolute; left: 50%; top: 49%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 10; color: #fff; /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=45, Color=#989898)"; text-shadow: -2px 2px 6px rgba(152, 152, 152, 0.8); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color=#989898);*/ padding: 0 20px; line-height:1.1; font-weight:bold;}
.banner .text .small{ width:180px; text-align:center; height:56px; line-height:56px;font-size: 14px; background:#d43e17; border-radius:30px; margin-top:5%;transition:all 0.3s; font-weight:normal;}
.banner .text .small span{ padding-left:14px; font-family:"宋体";}
.banner .text .small:hover{ text-indent:5px;}
.banner .text .desc{ margin-top:2.5%; overflow:hidden; font-weight:normal; text-transform:uppercase; font-size:16px; line-height:20px;}
.banner .swiper-pagination { width: 100%;bottom: 40px; transition-duration: 0.4s;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.banner .swiper-pagination.gao {bottom: 380px;}
.banner .swiper-pagination .swiper-pagination-bullet { width: 15px; height: 15px; background:rgba(255,255,255,0.28); background-size:100% 100%;opacity: 1; margin: 0 5px; border-radius:50%;}
.banner .swiper-pagination .swiper-pagination-bullet-active { background:#ffffff; }
.lzpic1 img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
/*.banner:hover .lzpic1{transform:scale(1.05, 1.05);}*/
.lzpic2 { display: none;}
.lzpic2 img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.banner .anim-1,.banner .anim-4{filter:alpha(opacity=0);opacity:0; }
.banner .swiper-slide-active .anim-1{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.2s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.2s;}
.banner .swiper-slide-active .anim-4{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.8s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.8s;
}
/*分类切换*/
.index_fl{ width:100%}
.index_fl li{ width:33.333%;text-align:center; float:left; background-color:#FFFFFF; background:url(../images/xt.jpg) right no-repeat;}
.index_fl li:nth-child(3n){ background:none;}
.index_fl li a{display:block;color:#333333; padding-top:55px; padding-bottom:55px;}
.index_fl li .jc{ font-weight:bold;}
.index_fl li a:hover{ color:#FFFFFF; background-color:#323232;}
.index_fl li .on{color:#FFFFFF; background-color:#323232;}

/*专业的力量*/
.product-number-info{ width:100%; height:727px; background:url(../images/a1.jpg) center; color:#ffffff;}
.product-number-info .zydlg{ font-weight:bold; text-align:center; padding-top:100px;}
.product-number-info .lsxt{ width:70px; height:9px; margin:auto; background-color:#48B6EB; margin-top:30px;}
.product-number-info .product-number-inner{ margin-top:160px;}
.product-number-info .product-number-inner li{ width:20%; float:left; text-align:center;}
.product-number-info .product-number-inner p{ color:#C5CAD0;}
.productNum{ width:860px; margin:auto; padding-top:100px;}
.productNum .product-number-inner li{ width:33%; float:left; text-align:center;}


/*解决服务体系*/
.jjfwtx{ background-color:#F3F3F3; padding-top:80px; padding-bottom:80px;}
.jjfwtx .f62{ font-weight:bold;}
.jjfwtx .bt{ text-align:center;}
.ywzt{ color:#999999;}
.jjfwtx ul{ margin-top:50px;}
.jjfwtx ul li{ width:19%; float:left; background-color:#FFFFFF; margin-right:1%; text-align:center; padding-top:45px; padding-bottom:45px;border-radius: 30px; box-shadow: 0 4px 4px rgba(0,0,0,.1);}
.jjfwtx ul li:nth-child(5n){margin-right:0;}
.jjfwtx ul li span{ display:block; font-size:20px; height:80px; padding-top:25px;}
.jjfwtx ul l flx;i img{-webkit-transition: 0.4s;-webkit-transition: -webkit-transform 0.4s ease-out;transition: transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;}
.jjfwtx ul li img:hover{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);}
.jjfwtx ul li:hover{ box-shadow: 0 7px 7px rgba(0,0,0,.2);}

/*商业空间*/
.sykj{ margin-top:80px;}
.sykj .f62{ font-weight:bold;}
.sykj .bt{ text-align:center;}
.sykj .bts{ text-align:center; color:#48B6EB; padding-top:30px;}

.alfl{ width:100%; background-color:#DBDBDB; height:90px;}
.alfl .f48{ line-height:90px}
.alfl .w15{ width:15%;}
.alfl .w5{ width:5%;}
.alfl img{ margin-top:35px;}
.alfl .fenl3 { width:80%;}
.alfl .fenl3 li{ width:33%; float:left; text-align:center;}
.alfl .fenl3 li a{ color:#333; line-height:90px;}
.alfl .fenl3 li a:hover{ color:#48B6EB;}
.alfl .fenl3 .on{color:#48B6EB;}

.alfl .fenl4 { width:80%;}
.alfl .fenl4 li{ width:25%; float:left; text-align:center;}
.alfl .fenl4 li a{ color:#333; line-height:90px;}
.alfl .fenl4 li a:hover{ color:#48B6EB;}
.alfl .fenl4 .on{color:#48B6EB;}


/*加入我们*/
.biaoti{ font-size:40px; font-weight:bold; border-left:6px solid #48B7EE; margin-top:100px; padding-left:15px;}
.ygfl{ font-size:20px; line-height:36px;}
.ygfl strong{ font-size:30px; line-height:36px;}
.xuxian{ width:100%; border:1px dashed #ccc; margin-top:50px; margin-bottom:50px;}
.job{ width:100%; float:left; margin-bottom:50px;}
.job .job_bt{ width:200px; height:200px; background-color:#323232; text-align:center; line-height:200px; color:#FFFFFF; font-size:30px;border-radius: 100%; font-weight:bold;}
.job .job_cont{ font-size:24px; line-height:40px; padding-top:30px; margin-left:50px; color:#666666;}
.job .ckxq{ font-size:28px; color:#48B6EB; padding-top:50px;}
.job .job_cont:hover{ color:#48B7EE}

.xwzx .xwzx_img{ width:25%; float:left}
.xwzx .xwzx_img img{ width:100%; height:210px;}
.xwzx .xwzx_cont{ font-size:24px; line-height:40px; padding-top:15px;color:#666666; width:70%; float:right;}
.xwzx .xwzx_cont strong{color:#48B6EB; line-height:35px;}
.xwzx .ckxq{ font-size:22px; color:#48B6EB; padding-top:20px;  text-align:right; display:block;}


/*尾部*/
.foot{ background-color:#323232; width:100%; padding-top:50px; padding-bottom:20px; margin-top:80px; color:#FFFFFF;}
.foot ul li{ width:25%; float:left; text-align:center;}
.foot .w20{ width:20%;}
.foot .w40{ width:40%;}
.foot ul li span{ display:block; padding-top:10px; padding-bottom:25px;}
.foot ul li p{ font-size:20px}
.foot .bqsy{ color:#999999; text-align:center; line-height:60px; margin:auto;}
.foot .bqsy a{color:#999999;}
.foot .bqsy a:hover{ color:#FFFFFF;}

/*内页简介*/
.qs_about{ margin-top:5%;}
.qs_about .qs_bt{ font-weight:bold; text-align:center;}
.qs_xt{width:60px; height:8px; margin:auto; background-color:#48B6EB; margin-top:20px;}
.qs_about .about{ margin-top:5%;}
.qs_about .w55{ width:55%;}
.qs_about .w55 h2{ color:#48B6EB; font-weight:bold; padding-bottom:15px;}
.qs_about .w55 .conts{ font-size:16px; line-height:26px;}
.qs_about .w42{ width:42%;}
.gundong{ width:100%; height:273px; background:url(../images/a2.jpg) center;}
.qs_about .w48{ width:48%; margin-left:2%;}
.qs_about .w48 h1{ font-weight:bold;}
.qs_about .w48 .xiantiao{ width:200px; height:2px; background-color:#838383; margin-top:15px; margin-bottom:15px;}
.qs_about .w48  .xiantiao1{ width:60px; height:2px; background-color:#838383; margin-top:25px; margin-bottom:15px;}
.qs_about .w48 p{ line-height:32px; color:#666666}
.top1{ margin-top:1%;}
.top2{ margin-top:2%;}
.top3{ margin-top:3%;}
.top5{ margin-top:5%;}

/*施工作业*/
.sgzy .bb{ color:#48B6EB; margin-bottom:30px;}
.sgzy li{ float:left; width:33%; height:300px; margin:0.1%;}
.sgzy li img{ width:100%; height:100%;}

/*应用场景*/
.application_bg{ background:#F3F3F3; overflow:hidden;}
.i_t{ margin-top:5%; text-align:center;  overflow:hidden;}
.i_t .p{ color:#1a515e;overflow:hidden; line-height:1.3; text-transform:uppercase; margin-bottom:0.6%;}
.i_t .h3{ overflow:hidden; line-height:1;color:#333333; font-weight:bold;}
/*产品优势*/
.advantages_bg{ background:url(../images/i_bg1.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
/*关于我们*/
.i_about{ overflow:hidden; background:#e9f1f3;}
.i_about .wrap2{ margin-top:6%; margin-bottom:6%;}
.i_about .i_about_l{ float:left; width:49%; max-width:668px; overflow:hidden;}
.i_about .i_about_l .imgs img{display:block;width: 100%;  opacity:0;filter:Alpha(opacity=0); height:563px;}
.i_about .i_about_l .imgs{ overflow:hidden;background-repeat:no-repeat; background-position:center center; background-size:cover;transition:all 0.3s; position:relative;}
.i_about .i_about_l:hover .imgs{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.i_about .i_about_r{ float:right; width:49%; max-width:668px; overflow:hidden;}
.i_about .i_about_r .i_t{ margin-top:0; text-align:left;}
.i_about .i_about_r .i_t .p{ line-height:1.1; margin-bottom:2.5%;}
.i_about .i_about_r .ul{ overflow:hidden; margin-top:10%;}
.i_about .i_about_r .ul li{ float:left; overflow:hidden; padding-left:4%; padding-right:4%; border-right:1px solid #1a515e; text-align:center;}
.i_about .i_about_r .ul li:first-child{ padding-left:0;}
.i_about .i_about_r .ul li:last-child{ padding-right:0; border-right:0;}
.i_about .i_about_r .ul li .h3{ font-weight:bold; color:#1a515e; overflow:hidden; height:34px; line-height:34px;}
.i_about .i_about_r .ul li .p{ line-height:30px; height:30px; margin-top:8%; overflow:hidden; color:#333333;}
.i_about .i_about_r .p2{ overflow:hidden; color:#777777; font-size:16px; line-height:26px; margin-top:6%;}
.i_about .i_about_r .p2 p{ overflow:hidden; margin-bottom:2%;}
.i_about .i_about_r .ibnts{ width: 180px;display:block; height:46px; line-height:46px; text-align:center; position:relative; z-index:0; font-size:16px; color: #fff; margin-top: 6%; background:#1b515e; background-size:cover;}
.i_about .i_about_r .ibnts:after{content: " "; position: absolute;top: 0; left: 0; z-index: 2; width: 0; height: 100%; background: #2f6c7b;  -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s;-o-transition-duration: 0.4s; transition-duration: 0.4s; z-index:-1;}
.i_about .i_about_r .ibnts:hover:after{ width:100%;}
/*新闻动态*/
.i_news{ background:#fff; overflow:hidden;}
.i_news .i_t{ text-align:left;}
/*地图*/
.i_map{ margin-bottom:5%;}
.i_map .i_map_l{ float:left;width:calc(98% - 873px);width:-webkit-calc(98% - 873px);width:-moz-calc(98% - 873px); overflow:hidden; margin-top:120px; padding-bottom:160px; position:relative;}
.i_map .i_map_l:after{content: "";position: absolute;left: 0;  bottom: 0;  height: 2px; width: 140px;  background: #1a515e;}
.i_map .i_map_l .i_t{ margin-top:0; text-align:left;}
.i_map .i_map_l .i_t .p{ line-height:1.1; margin-bottom:3%;}
.i_map .i_map_l .p2{ overflow:hidden; line-height:24px; margin-top:80px; font-size:16px; color:#777777;}
.i_map .i_map_r{ width:873px; float:right;}
.i_map .boxs{ width:100%; height:846px; margin:0 auto;  background:url(../img/i_img9.png) no-repeat; background-size:100% 100%; position:relative;}
.i_map .boxs2{ overflow:hidden; display:none;margin:0 auto;}
.i_map .boxs2 img{ display:block; margin:0 auto; width:100%;}
.i_map .boxs ul li{ position:absolute; width:42px; height:42px;}
.i_map .boxs ul li .i{ cursor:pointer; display:block; position:absolute; top:0; left:0; width:42px; height:42px; border-radius:50%; background:rgba(200,57,63,0.4);-webkit-animation: warn 3s ease-out;
 -moz-animation: warn 3s ease-out;animation: warn 3s ease-out; -webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;opacity:0; display:none;}
.i_map .boxs ul li:hover .i{ display:block;}
.i_map .boxs ul li.bgs1{ top:224px; left:183px;}
/*.i_map .boxs ul li.bgs1 .i{animation-delay:1s;}*/
.i_map .boxs ul li.bgs2{ top:337px; left:310px;}
.i_map .boxs ul li.bgs3{ top:135px; left:736px;}
.i_map .boxs ul li.bgs4{ top:256px; left:630px;}
.i_map .boxs ul li.bgs5{ top:260px; left:576px;}
.i_map .boxs ul li.bgs6{ top:294px; left:657px;}
.i_map .boxs ul li.bgs7{ top:310px; left:612px;}
.i_map .boxs ul li.bgs8{ top:319px; left:494px;}
.i_map .boxs ul li.bgs9{ top:366px; left:447px;}
.i_map .boxs ul li.bgs10{ top:383px; left:698px;}
.i_map .boxs ul li.bgs11{ top:383px; left:596px;}
.i_map .boxs ul li.bgs12{ top:420px; left:664px;}
.i_map .boxs ul li.bgs13{ top:423px; left:736px;}
.i_map .boxs ul li.bgs14{ top:439px; left:579px;}
.i_map .boxs ul li.bgs15{ top:467px; left:504px;}
.i_map .boxs ul li.bgs16{ top:448px; left:419px;}
.i_map .boxs ul li.bgs17{ top:465px; left:716px;}
.i_map .boxs ul li.bgs18{ top:489px; left:646px;}
.i_map .boxs ul li.bgs19{ top:503px; left:576px;}
.i_map .boxs ul li.bgs20{ top:526px; left:495px;}
.i_map .boxs ul li.bgs21{ top:574px; left:398px;}
.i_map .boxs ul li.bgs22{ top:528px; left:687px;}
.i_map .boxs ul li.bgs23{ top:590px; left:635px;}
.i_map .boxs ul li.bgs24{ top:601px; left:596px;}
.i_map .boxs ul li.bgs25{ top:586px; left:524px;}
.i_map .boxs ul li.bgs26{ top:675px; left:545px;}
.i_map .boxs ul li .divs{ position:relative; width:42px; height:42px; cursor:pointer; color:#fff; display:none;}
.i_map .boxs ul li:hover .divs{ display:block;}
.i_map .boxs ul li .divs:hover{ z-index:1;}
.i_map .boxs ul li .cons{ width:270px; height:160px; overflow:hidden; background:url(../images/i_bg6.png) no-repeat; background-size:100% 100%; margin-left:-220px; margin-top:-150px;}
.i_map .boxs ul li .cons .con{ padding-left:20px; padding-right:20px; overflow:hidden; padding-top:8px;}
.i_map .boxs ul li .cons .con .h3{ height:37px; line-height:37px; border-bottom:1px solid #1096a0; overflow:hidden; font-size:16px; color:#fff;}
.i_map .boxs ul li .cons .con .p{ line-height:22px; margin-top:9px; overflow:hidden; font-size:14px;}
.i_map .boxs ul li .cons .con .p a{ color:#fff;}
/*引导页*/
.home_page{position: fixed; z-index: 99999; top: 0; left: 0; right: 0; bottom: 0;  background: #1a515e; transition: 0.5s;display: flex; align-items: center; justify-content: left;}
.home_page.not{opacity: 0; z-index: -1; transition: 0.5s;}
.home_page .i_t{ margin-top:0;}
.home_page .i_t .h3{ color:rgba(255,255,255,0.66);}
.home_page .i_t .p{ color:rgba(255,255,255,0.04); letter-spacing:1px;}
.home_page .home_end{ background:url(../images/i_pic1.png) center top no-repeat; background-size:36px 36px; position:absolute; bottom:6%; left:50%; margin-left:-70px; width:140px; padding-top:45px; line-height:22px; text-transform:uppercase; font-size:12px;color:rgba(255,255,255,0.2); text-align:center; letter-spacing:3px; cursor:pointer;animation: ani-svg 0.85s linear 0s alternate infinite;-webkit-animation: ani-svg 0.85s linear 0s alternate infinite;}
@media screen and (max-width: 1400px) {
/*轮显*/
.main .banner .swiper-button-prev{ margin-left:0px;}
.main .banner .swiper-button-next{ margin-right:0px;}

}

@media screen and (max-width: 1200px) {
/*地图*/
.i_map .i_map_l{ float:none;width:calc(100% - 0px);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px); margin-top:2%; padding-bottom:5%;}
.i_map .i_map_l:after{ display:none;}
.i_map .i_map_l .i_t{text-align:center;}
.i_map .i_map_l .i_t .p{ margin-bottom:1.5%;}
.i_map .i_map_l .p2{ text-align:center; margin-top:4%;}
.i_map .i_map_r{ float:none; margin:0 auto;}

}

@media screen and (max-width: 1100px) {
/*轮显*/
.lzpic2{display: block;}
.lzpic1{display: none;}
/*.banner .swiper-container{ position:static;}*/
.banner .swiper-pagination { bottom:25px;}
.banner .swiper-pagination .swiper-pagination-bullet {margin: 0 8px; width:50px;}
/*.banner .text { display:none;}*/

}

@media screen and (max-width: 960px) {
/*轮显*/
.banner .text .small{ width:140px; height:46px; line-height:46px;}
.banner .text .desc{ font-size:15px;}
/*关于我们*/
.i_about .i_about_l{ float:none; width:100%; max-width:none;}
.i_about .i_about_l .imgs img{ height:auto;}
.i_about .i_about_r{float:none; width:100%; max-width:none; margin-top:5%;}
.i_about .i_about_r .i_t{ text-align:center;}
.i_about .i_about_r .i_t .p{ margin-bottom:1.5%;}
.i_about .i_about_r .ul{ margin-top:5%;}
.i_about .i_about_r .ul li{ float:left; width:33.33%; padding-right:0; padding-left:0;}
.i_about .i_about_r .ul li .p{ margin-top:3%;}
.i_about .i_about_r .p2{ margin-top:5%; font-size:15px;}
.i_about .i_about_r .ibnts{ margin-top:5%;}
/*地图*/
.i_map .boxs2{ display:block; }
.i_map .boxs{ display:none;}
.i_map .i_map_l .p2{ font-size:14px;}
.i_map .i_map_r{ width:100%;}
}

@media screen and (max-width: 780px) {
/*轮显*/
.banner .swiper-pagination { bottom:20px;}
.banner .swiper-pagination .swiper-pagination-bullet { margin: 0 5px; width:40px;}


}
@media screen and (max-width: 640px) {
/*关于我们*/
.i_about .i_about_r .p2{ line-height:24px; font-size:14px;}
.i_about .i_about_r .ibnts{ margin:0 auto; margin-top:5%; height:40px; line-height:40px; width:150px; font-size:15px;}
}

@media screen and (max-width: 480px) {
/*轮显*/
.banner .swiper-pagination { bottom:10px;}
.banner .swiper-pagination .swiper-pagination-bullet { margin: 0 4px; width:30px;}
.banner .text .small{ width:130px; height:36px; line-height:36px; margin-top:30px;}
.banner .text .desc{ font-size:14px;}
/*应用场景*/
.i_t{ margin-top:6%;}
.i_t .p{ margin-bottom:1.5%;}
/*关于我们*/
.i_about .i_about_r .i_t .p{ margin-bottom:2.5%;}
.i_about .i_about_r .p2{ font-size:13px; line-height:22px;}
.i_about .i_about_r .ul{ margin-top:6%;}
.i_about .i_about_r .ul li .h3{ height:26px; line-height:26px;}
.i_about .i_about_r .ul li .p{ height:22px; line-height:22px;}
.i_about .i_about_r .ibnts{ width:140px; height:36px; line-height:36px; font-size:14px;}
/*地图*/
.i_map .i_map_l .i_t .p{margin-bottom:2.5%;}
.i_map .i_map_l .p2{ font-size:13px; line-height:22px;}
}
@media screen and (max-width: 420px) {
/*轮显*/
.banner .text .small{ width:120px; height:32px; line-height:32px; font-size:13px;}
.banner .text .desc{ font-size:13px;}

}
@keyframes mymove6
{
	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(60px) translateX(0);
  transform: translateY(60px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}

@-webkit-keyframes mymove6
{
	/*from { filter:alpha(opacity=0);opacity:0; margin-bottom:-20%;}
	to {margin-bottom:3%;filter:alpha(opacity=1);opacity:1;}*/
	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(60px) translateX(0);
  transform: translateY(60px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}

@keyframes warn {
 0% {
  transform: scale(0);
  opacity: 0.0;
 }
 25% {
  transform: scale(0.3);
  opacity: 0.7;
 }
 50% {
  transform: scale(0.5);
  opacity: 1.0;
 }
 75% {
  transform: scale(0.8);
  opacity: 0.7;
 }
 100% {
  transform: scale(1);
  opacity: 0;
 }
}
@-webkit-keyframes "warn" {
 0% {
  -webkit-transform: scale(0);
  opacity: 0.0;
 }
 25% {
  -webkit-transform: scale(0.3);
  opacity: 0.7;
 }
 50% {
  -webkit-transform: scale(0.5);
  opacity: 1.0;
 }
 75% {
  -webkit-transform: scale(0.8);
  opacity: 0.7;
 }
 100% {
  -webkit-transform: scale(1);
  opacity: 0;
 }
}

@keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  transform: translateY(15px);
	}
}
@-webkit-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -webkit-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -webkit-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -webkit-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -webkit-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -webkit-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -webkit-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -webkit-transform: translateY(15px);
	}
}
@-moz-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -moz-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -moz-transform: translateY(-15px);
	}

    25%{
      opacity: 0.8;
	  -moz-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -moz-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -moz-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -moz-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -moz-transform: translateY(15px);
	}
}

/*qq婕傛诞*/
.pf_new{width:166px;position: fixed;right: 20px;top: 200px;z-index: 99999;}
.pf_new .hd{width:100%;background:#48B6EB url(../images/pf_tlt_bg.png) right center no-repeat;text-align:center;border-radius:8px 8px 0 0;padding:8px 0 10px;}
.pf_new .hd p{font-size:18px;font-weight:bold;color:#fff;text-align:center;}
.pf_new .hd span{display:block;font-size:14px;color:#fff;font-style:italic;margin-top:-2px;}
.pf_new .hd em{display:block;width:15px;height:15px;background:url(../images/pf_close.png) center center no-repeat;position:absolute;top:10px;right:10px;cursor:pointer;transition: 0.5s;}
.pf_new .hd em:hover{-webkit-transform: rotate(90deg); -o-transform: rotate(90deg);-moz-transform: rotate(90deg);transform: rotate(90deg);}	
.pf_new .conn{width:166px;border-left:1px solid #dedede;border-right:1px solid #dedede;border-bottom:1px solid #dedede;background:#fff;padding:10px 10px;}
.pf_new .conn .lxr{border-bottom:1px dashed #dedede;padding-bottom:10px;}
.pf_new .conn .lxr p{text-align:center;font-size:14px;color:#555;margin-bottom:0;}
.pf_new .conn .lxr p img{vertical-align:middle;margin-top:-2px;margin-right:4px;}
.pf_new .conn .lxr a.qq{display:block;width:92px;height:22px;background:url(../images/pf_icon2.png) center center no-repeat;margin:5px auto 0;}
.pf_new .conn .tel{border-bottom:1px dashed #dedede;padding:10px 0;}
.pf_new .conn .tel p{text-align:center;font-size:14px;color:#555;}
.pf_new .conn .tel img{vertical-align:middle;margin-top:-2px;margin-right:4px;}
.pf_new .conn .tel span{display:block;font-size:18px;font-weight:bold;color:#48B6EB;text-align:center;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;padding-top:3px;}
.pf_new .conn .wx{padding:10px 0;}
.pf_new .conn .wx p{width:88px;height:88px;background:url(../images/pf_code_bg.jpg) center center no-repeat;margin:0 auto;text-align:center;}
.pf_new .conn .wx p img{width:80px;height:80px;vertical-align:middle;}
.pf_new .conn .wx p .iblock {display:inline-block;height:100%;width:0;vertical-align:middle}
.pf_new .conn .wx span{display:block;text-align:center;font-size:12px;color:#999;margin-top:5px;}
.pf_new .conn .wx span em{font-style:normal;color:#48B6EB;}
.pf_new .bd{display:none;}
.pf_new .bd a{display:block;padding:10px 0;background:#fff;color:#555;font-size:14px;vertical-align:middle;text-align:center;border:1px solid #dedede;border-top:0;}
.pf_new .bd a p{height:20px;background:url(../images/pf_icon4.png) center center no-repeat;}
.pf_new .bd a span{display:block;text-align:center;padding-top:5px;}
.pf_new .bd a:hover{background:#48B6EB;color:#fff;width:100%;border:0;}
.pf_new .bd a:hover span{ color:#fff;}
.pf_new .bd a:hover p{background:url(../images/pf_icon4_2.png) center center no-repeat;}
.pf_new_bx{width:40px;height:134px;background:#48B6EB url(../images/pf_tlt_bg2.png) bottom center no-repeat;border-radius:4px 0 0 4px;position:fixed;right:0;top:200px;z-index:99999;padding-top:5px;cursor:pointer;display:none;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.pf_new_bx p{height:17px;background:url(../images/pf_icon5.png) center center no-repeat;animation:pulse 2s infinite;-webkit-animation:pulse 2s infinite;}
@-webkit-keyframes pulse{0%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);} 100%{-webkit-transform:translate(0, 0); transform: translate(0, 0);} }
@keyframes pulse{0%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} }
.pf_new_bx span{font-size:17px;color:#fff;line-height:21px;font-weight:bold;text-align:center;display:block;padding-top:10px;}
.pf_new_bx em{display:block;height:19px;background:url(../images/pf_icon6.png) center center no-repeat;}
.pf_new_bx:hover{background:#48B6EB url(../images/pf_tlt_bg2.png) bottom center no-repeat;}
@media (max-width:880px) {

    .pf_new{display:none;} 
	#KFRightScreen{display:none !important;}
}