@charset "utf-8";

*{margin: 0; padding: 0; border: none;}
img{border: 0;}
a{text-decoration: none;}
ul li{list-style: none;}
body{font-size: 14px; color: #666; font-family: 微软雅黑,Arial, Helvetica, sans-serif;}
.fp-right{line-height: 1.2;}

.gary_bg{background: #f1f1f1;}
.img_wrapper img{width: 100%; display: block;}
.max_100 img{max-width: 100%;}
img{vertical-align:middle}
.pading_30{padding: 50px 0;}

.mt_20{margin-top: 20px;}
.mt_10{margin-top: 10px;}

.h20{height: 20px;}
.h40{height: 40px;}
.p_h_40{padding: 40px 0;}
.footer{position:fixed; bottom: 100px; left: 300px;}
.w1200{width: 1200px; margin: 0 auto;}
.p40{padding: 40px 0;}

.img_100 img{width: 100%;}
.text-center{text-align: center;}

.section{}
.box_wrapper{width: 100%; display: flex; justify-content: center; align-items: center;}
.wrapper_center{}
.wrapper{width: 1200px;}
.flex_wrapper{display: flex; justify-content: space-between; align-items: center;}


.index_about_left{width: 50%; padding-left: 30px;}
.index_about_ico{font-size: 24px; color: #ff0606; margin-bottom: 10px; vertical-align: middle;}
.index_about_ico .iconfont{font-size: 28px;}
.index_about_title{font-size: 36px; line-height: 2; color: #333;}
.index_about_des{color: #fff; line-height: 2; margin: 40px 0; font-size: 16px; padding: 30px; background: rgba(0, 0, 0, 0.4);}
.index_about_btn{margin-top: 10px;}
.index_about_btn a{display: block; width: 150px; height: 40px; background: red; color: #fff; vertical-align: middle; line-height: 40px; text-align: center; border-radius: 20px; font-size: 16px;}
.index_about_btn a:hover .iconfont{margin-left: 10px; transition: all 0.5s;}
.index_about_right{opacity: 0;}
.about_num_item{text-align: center; border-right: 1px solid #ccc; padding: 0 30px; opacity: 0;}
.about_num_item:last-child{border-right: none;}
.about_num_item_top .num{font-size: 48px; color: red; font-weight: bold; background: linear-gradient( 89deg ,#fda592,#ff5757 39.8681640625%,#bb329e); -webkit-background-clip: text; -webkit-text-fill-color: rgba(0,0,0,0); }
.about_num_item_top .unit{font-size: 16px; color: #666;}
.about_num_item_bottom{color: #333; margin-top: 20px;}

.about_hidden{opacity: 0;}


.box{width: 100px; opacity: 0;
height: 100px;background: red; margin-right: 10px;}

.header{position: fixed; left: 0;  top: 0;width: 100%; box-sizing: border-box; z-index: 9999; background: rgba(0, 0, 0, 0.5); overflow: hidden; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.header_relative{position: relative; width: 1200px; margin: 0 auto;}
.header_relative::after{content: ""; height: 1px; background: rgba(255, 255, 255, 0.3); left: -100%; top: 88px; position: absolute; width: 300%;}
.header_wrapper{display: flex; justify-content: space-between;  position: relative; z-index: 1; width: 1200px; margin: 0 auto;}
.header_bg{position: absolute; top: 0; left: 0; width: 100%; transition: all 0.5s ease-in; z-index: -1; background: red; height: 0;}
/* .header_wrapper::before{position: absolute; left: 0; top: 0; width: 100%; transition: all 0.5s; background: #fff; height: 0; content: "";} */
.header_wrapper .logo{width: 150px; margin-right: 100px; padding-top: 20px;}
.header_wrapper .logo img{max-width: 100%;}
.nav_wrapper{width: 700px;}
.nav{display: flex;}
.nav>li{box-sizing: border-box; margin-right: 15px; position: relative; flex: 1;}
.nav>li>a{color: #fff; display: block; width: 100%; text-align: center; line-height: 88px; transition: all 0.5s;}
.nav>li>a span{transform: rotate(-90deg); display: inline-block; margin-left: 5px; transition: all 0.5s;}
.nav>li>a span .iconfont{font-size: 12px;}
.nav>li>a:hover{color: #78ff6e; vertical-align: middle;}
.nav>li.active>a{color: #78ff6e;}
.nav>li.active .sub_menu{display: block; opacity: 1;}
.sub_menu{position: absolute; top: 88px; left: -440px; z-index: 99; display: none; opacity: 0; padding: 40px 0;}
.sub_menu_wrapper{display: flex;}
.sub_img{width: 400px; height: 200px; margin-right: 40px; overflow: hidden; border: 1px solid #fff; padding: 5px; box-sizing: border-box;}
.sub_img img{object-fit: cover; width: 100%; height: 100%; transition: all 1s;}
.sub_img img:hover{transform: scale(1.2); transition: all 1s; cursor: pointer;}
.sub_nav{flex: 1;}
.sub_nav h1{color: #fff;}

/* sub nav */
.sub_nav_wrap{color: #78ff6e; margin-top: 40px; display: flex; align-items: center;}
.sub_nav_wrap_left{margin-right: 10px;}

.sub_nav_wrap .sub_nav_ico .iconfont{font-size: 48px;}
.sub_nav_tit{font-size: 22px; font-weight: bold;}
.sub_nav_en{font-size: 12px; font-weight: bold; }
/* .sub_nav ul{display: flex;} */
.sub_nav ul .iconfont{color: #fff;}

.sub_nav ul li{display:inline-block; margin-right: 40px;}
.sub_nav ul li:first-child{margin-right: 10px;}
.sub_nav ul li:last-child{margin-right: 0;}
.sub_nav ul li a{color: #fff; transition: all 0.5s;}
.sub_nav ul li a:hover{color: #78ff6e; transition: all 0.5s;}


.options{width: 100px; height: 40px; text-align: center; position: fixed; z-index: 9998; bottom: 20px; left: 50%; margin-left: -50px; color: #fff; vertical-align: middle; line-height: 40px; display: flex; cursor: pointer;}
.options .iconfont{font-size: 24px;}
.options .text{font-size: 12px; padding-left: 10px;}

.index_footer_fixed{width: 100%; position: fixed; z-index: 9998; bottom: 20px;}
.index_footer_flex{max-width: 1600px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; color: #fff; padding: 0 30px; box-sizing: border-box; transition: all 0.5;}
.index_footer_tel{font-size: 24px; font-weight: bold;}
.index_footer_tel .iconfont{font-size: 24px;}
.index_footer_tel .tel_text{padding-left: 15px;}


/* index business */
.index_business{font-size: 42px; line-height: 3; text-align: center; margin-bottom: 15px; font-weight: bold; color: #fff; }
.index_business_item{flex: 1; padding: 10px; box-sizing: border-box; opacity: 0;}
/* .business_item{position: relative; cursor: pointer; height: 500px;} */
/* .business_item .imgBox{width: 100%; height: 100%; padding: 2px; box-sizing: border-box;} */
/* .business_item .imgBox img{object-fit: cover; width: 100%; height: 100%;} */
/* .business_item::before{ content: ""; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: #FFFFFF; z-index:-1; }
.business_item::after{ content: ""; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: #FFFFFF; z-index:-2; filter: blur(10px); } */
.business_item{ position: relative; height: 300px; display: flex; justify-content: center; margin: 5px; align-items: center; transition: 0.5s; background: #171c22; cursor: pointer;}
.business_item .imgBox{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0px; box-sizing: border-box; overflow: hidden;}
/* .business_item:hover{ height: 600px;} */
.business_item .imgBox img{ width:100%; opacity: 0.5; transition: 0.5s;  object-fit: cover; height: 100%;}
.business_item:hover .imgBox img{ opacity: 1;  transform: scale(1.1);}
.business_item::before{ content: ""; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: #FFFFFF; z-index:-1; }
.business_item::after{ content: ""; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: #FFFFFF; z-index:-2; filter: blur(10px); }
.business_item::before,.business_item::after{ background:linear-gradient(235deg,#3af8ae,#171c22,#3af8ae); transition: all 0.5s;}
/* .business_item:hover::before,.business_item:hover::after{background:linear-gradient(235deg,#ff005e,#171c22,#ff005e); transition: all 0.5s;} */
.index_business_item:nth-child(2) .business_item:before,
.index_business_item:nth-child(2) .business_item:after { background:linear-gradient(235deg,#ff005e,#171c22,#ff005e); }
.index_business_item:nth-child(3) .business_item:before,
.index_business_item:nth-child(3) .business_item:after { background:linear-gradient(235deg,#2196fc,#171c22,#2196fc); }
.index_business_item:nth-child(4) .business_item:before,
.index_business_item:nth-child(4) .business_item:after { background:linear-gradient(235deg,#ffb853,#171c22,#ffb853); }
.index_business_item:nth-child(5) .business_item:before,
.index_business_item:nth-child(5) .business_item:after { background:linear-gradient(235deg,#ed53ff,#171c22,#ed53ff); }
.index_business_item:nth-child(6) .business_item:before,
.index_business_item:nth-child(6) .business_item:after { background:linear-gradient(235deg,#ff5353,#171c22,#ff5353); }
.business_item .content{ position: absolute; bottom: 0; left: 10px; right: 10px; height: 75px; background: rgba(0,0,0,0.4); text-align: center; opacity: 0;  transition: 0.5s; }
.business_item .content{ bottom: 10px; }
.business_item:hover .content{ opacity: 1; }
.business_item .content h2{ font-size: 20px; color: #FFFFFF; font-weight: 500; line-height: 2; letter-spacing: 1px; }
.business_item .content p{ font-size: 14px; color: #FFFFFF; font-weight: 200; letter-spacing: 2px; }
.business_title{font-size: 32px; font-weight: bold; color: #fff; z-index: 999; text-align: center; transition: all 0.5s; line-height: 2;}
.business_title .iconfont{font-size: 36px; font-weight: normal;}
.business_item:hover .business_title{background: linear-gradient( 89deg ,#fda592,#ff5757 39.8681640625%,#bb329e); -webkit-background-clip: text; -webkit-text-fill-color: rgba(0,0,0,0); transition: all 0.5s;}


/* contact */
.index_contact_left{width: 40%; height: 610px;}
.index_contact_left img{object-fit: cover; width: 100%; height: 100%;}

.index_contact_right{padding: 150px 50px; background: rgba(25, 86, 174, 0); box-sizing: border-box; width: 60%; color: #fff; line-height: 2; transition: 0.5s;}

.index_contact_right h3,.index_contact_right h4{font-size: 18px; line-height: 3; font-weight: normal;}
.index_contact_right h3{font-size: 36px;}
.index_contact_right h3 .iconfont{font-size: 36px;}
.index_contact_item{opacity: 0;}

.index_footer_icp a{color: #fff;}

/* .header_dropdown{position: absolute; left: 0; top: 0; width: 100%; background: rgba(0, 0, 0, 0.3); overflow: hidden; transition: all 0.5s;}
.header_dropdown ul{display: none;}
.header_dropdown ul.active{display: block;} */

#fp-nav ul li a span, .fp-slidesNav ul li a span{background: #fff;}
#fp-nav ul li .fp-tooltip{background: rgba(0, 0, 0, 0.3); padding: 2px 10px; box-sizing: border-box; font-size: 12px; transform: scale(0.8); top: -3px;}
#fp-nav ul li .fp-tooltip.fp-right{right: 13px;}

.swiper-container { width: 100%; height: 100%; background-color: rgb(179, 189, 196); transition: 1s background-color 1.3s; }
.swiper-wrapper { transition-delay: 1s; transition-timing-function: cubic-bezier(0.5, 0, 0, 1); }
.swiper-slide { text-align: center; font-size: 18px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.title { transition-delay: 1s; z-index: 10; }
.title h3 { font-weight: 700; font-size: calc(55px + 54 * ((53vw + 53vh) - 520px) / 1820); letter-spacing: -1px; color: rgba(255,255,255,0); -webkit-text-stroke: 2px #fff; }
.title h6 { font-weight: 700; font-size: 36px; /* font-size: calc(55px + 54 * ((53vw + 53vh) - 520px) / 10000); */ letter-spacing: -1px; color: rgba(255,255,255,1); /* -webkit-text-stroke: 2px #fff; */ }
.img-box { width: 100%; height: 100%; position: absolute; transform: scale(0.9, 0.9); transition-duration: 1s; transition-property: transform; transition-timing-function: cubic-bezier(0.5, 0, 0, 1); opacity: 0.9; overflow: hidden; }
.img-box img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.2, 1.2) translateX(50%); transition-timing-function: cubic-bezier(0.5, 0, 0, 1); transition-property: transform; }
.button-prev, .button-next { transition: 0.5s; outline: none; position: absolute; width: 140px; z-index: 10; top: 65vh; transform: translateY(-34px); cursor: pointer; }
.button-prev { left: 4vw; }
.button-next { right: 4vw; }
.button.disabled { opacity: 0.2; cursor: default; }
#arrow-svg-home { transform: translateY(353px); }
.button-next #arrow-svg-home { transform: translateY(353px) rotateY(180deg); transform-origin: 80px 0px 0px; }
svg { transition: 0.5s; }
.cls-1 { transition: 0.5s; opacity: 0.4; transform-origin: -20px 40px; opacity: 1; }
.cls-4 { transition: 0.5s; stroke-width: 2px; stroke: #fff; fill: none; stroke-dasharray: 1; stroke-dashoffset: 1; opacity: 0.4; transform-origin: 0px 0px 0px; }
#arrow-trg { transition: 0.5s; fill: #fff; transform: rotateY(180deg) translate(-53px, 39px); }
#line { transition: 0.5s; stroke: #fff; transform: translate(50px, 42px); }
.button-prev:not(.disabled):hover svg { transform: translateX(-25px); }
.button-next:not(.disabled):hover svg { transform: translateX(25px); }
.button:not(.disabled):hover .cls-1 { transform: scale(1.1); }
.button:not(.disabled):hover .cls-4 { stroke-dasharray: 2px; stroke-dashoffset: 2px; opacity: 1; }
.button:not(.disabled):hover #arrow-trg { transform: rotateY(180deg) translate(-37px, 39px); }
.button:not(.disabled):hover #line { transform: translate(35px, 42px) scaleX(0.33); }

.inner_banner{background-size: cover; background-position: center;}

.inner_banner_txt{color: #fff; text-align: center; padding-top: 200px; padding-bottom: 100px; line-height: 2;}
.inner_banner_txt h2{font-size: 36px; font-weight: bold}
.inner_banner_txt h3{font-size: 16px; text-transform: uppercase;}

.inner_nav_wrap{display: flex; justify-content: space-between; align-items: center; padding: 20px 0;}

.inner_nav_title_flex{display: flex; align-items: center;}
.inner_nav_title_ico{margin-right: 15px;}
.inner_nav_title_ico .iconfont{color: #00AB39; font-size: 36px;}
.inner_nav_title_txt{color: #00AB39;}
.inner_nav_title_txt h3{font-size: 18px; font-weight: bold;}
.inner_nav_title_txt h4{font-size: 12px; text-transform: uppercase;}

.inner_nav_list li{display: inline-block; margin-left: 15px;}
.inner_nav_list li a{background: #EFEFEF; transition: all 0.5s; padding: 12px 25px; display: block; color: #333; font-size: 16px; font-weight: bold;}
.inner_nav_list li a:hover{background: #00AB39; color: #fff; transition: all 0.5s;}
.inner_nav_list li.active a{background: #00AB39; color: #fff;}

.inner_content{line-height: 2; font-size: 14px; min-height: 300px;}
.inner_content img{max-width: 100% !important; height: auto !important;}

.inner_footer_bg{background: #091D3E; color: #fff; padding: 40px 0;}
.inner_footer_bg a{color: #fff;}
.foot_wrap{display: flex; justify-content: space-around; align-items: center;}
.foot_nav_list{border-bottom: 1px solid #323f53; padding-bottom: 40px;}
.foot_nav_list li{display: inline-block; list-style-type: circle; margin-right: 30px;}
.foot_address_item{margin-top: 20px; line-height: 3;}

.honor_litpic{height: 220px;}
.honor_litpic img{object-fit: cover; width: 100%; height: 100%;}
.honor_txt{text-align: center; background: #f1f1f1; line-height: 3;}

/* case */
.case-a{display: block; width: 100%; overflow: hidden; height: 261px; position: relative;}
.case-img{background-size: cover; background-position: center; width: 100%; height: 220px; margin-top: 0; transition: all 0.5s; }
.line-gary{position: absolute; z-index: 2; height: 1px; background: #ccc; left: 0; width: 100%; bottom: 0;}
.line-green{position: absolute; z-index: 3; height: 2px; background: #00ab39; width: 0; left: 0; bottom: 0px;transition: all 0.5s;}
.case-des{line-height: 2.5;}
.case-a .case-title{font-size: 16px; line-height: 2; color: #666;}
.case-a:hover .case-title{color: #00ab39;}
.case-a:hover .line-green{width: 100%; transition: all 0.5s;}


/* news */
.news_list_item a{display: block;}

.news_list_wrapper{padding:20px 0;}
.news_list_item{padding-bottom: 20px;  margin-top: 20px; border-bottom:1px solid #eaeaea;}
.news_list_tit{font-size: 18px; color: #333; line-height: 2; transition: all 1s;}
.news_list_des{line-height: 2; font-size: 14px; color: #919191; transition: all 0.5s;}
.news_list_date{font-size: 16px; line-height: 3;}
.news_list_arr{ transition: all 0.5s;}
.news_list_img{overflow: hidden;}
.news_list_img img{ transition: all 0.5s;}
.news_list_arr .layui-icon{font-size: 24px; color: #919191;}
.news_list_item:hover .news_list_tit{ color: #00ab39; margin-left: 30px; transition: all 0.5s;}
.news_list_item:hover .news_list_arr{margin-left: 30px; transition: all 0.5s;}
.news_list_item:hover .news_list_arr .layui-icon{ color: #00ab39; transition: all 0.5s;}
.news_list_item:hover .news_list_img img{transform: scale(1.2); transition: all 0.5s;}
.small_logo{position: absolute; top: 23px; left: 15px; background-image: url(../images/logo_small.png); background-position: center; background-size: cover; height: 20px; width: 20px; opacity: 0;}
.news_detail_tit{font-size: 20px; color: #333; line-height: 2; font-weight: bold; }
.news_detail_des{color: #919191; border-bottom: 1px dotted #ccc; line-height: 3; text-align: center;}

.lx_cont{margin: 30px 0;}
.messages_bg{background: #f1f1f1; padding: 30px 0;}

.bg_gray{background: #fafbfd; padding: 20px 0;}
.bg_white{background: #fff;}
.p20{padding: 20px; box-sizing: border-box; line-height: 2;}
.p10{padding: 10px; box-sizing: border-box;}
.news_detail_next_tit{font-size: 20px; font-weight: bold; color: #333;}
.news_detail_next_txt{line-height: 2; font-size: 16px;}
.news_detail_line{border-bottom: 1px dotted #ccc; padding: 10px 0; margin-bottom: 20px;}
.sub3_wrap{margin-bottom: 15px;padding-top: 10px; border-top: 1px solid #f1f1f1;}
.sub3_wrap li{display: inline-block; margin-right: 20px; font-size: 16px; line-height: 3;}
.sub3_wrap li a:hover{color: #00AB39;}
.sub3_wrap li.active a{color: #00AB39;}



/* 360推广 */
.zt_tit{color: #00AB3A; font-size: 24px; line-height: 2; font-weight: bold; margin-top: 120px;}
.zt_des{font-size: 20px; line-height: 2; color: #333;}



.zzfw_tit{font-size: 24px; text-align: center; margin-bottom: 20px; font-weight: bold; color: #000;}
.zzfw_t_wrapper{border: 2px solid #01a238;}
.zzfw_t_tit_wrapper{height: 50px; color: #fff; background: #01a238; text-align: center; font-size: 18px; font-weight: bold; line-height: 50px;}
.zzfw_t_tit_main{background: #fff; padding: 15px; color: #666; line-height: 2.5; height: 180px;}
.zzfw_c_wrapper{background: #fff; border-radius: 11px; padding: 15px;}
.zzfw_c_tit{color: #01a238; font-size: 20px; line-height: 2; text-align: center;}
.zzfw_c_con{line-height: 2; font-size: 14px;}
.zzfw_b_tit_main{background: #fff; padding: 15px; color: #666; line-height: 2.5;}

.zzfw_f_wrapper{background: #fff; padding: 30px 15px;}
.zzfw_f_tit{color: #01a238; font-size: 20px; line-height: 2; text-align: center;}
.zzfw_f_con{line-height: 3; font-size: 14px; text-align: center;}


/* 核代 */
.ab_txt{font-size: 18px; color: #666;}
.ab_title{font-size: 30px; color: #00ab39; }
.title{text-align: center; font-size: 36px; color: #00ab39; line-height: 2;}
.ys_icon{text-align: center;}
.ys_icon .icon{width: 100px; height: 100px;}
.l_title{font-size: 22px; color: #333; text-align: center;}
.ys_txt{color: #666; text-align: center; font-size: 14px;}

/* .fw_wrapper{background: #e6feee;} */
.f_title{font-size: 20px;}
.fw_txt{font-size: 16px; color: #666;}
.fw_icon{text-align: center;}
.fw_icon .icon{width: 100px; height: 100px;}

.zd_wrapper{background: linear-gradient(135deg,#00ab39 0%,#78e79d 100%)}

.sem_wrapper{background: linear-gradient(135deg,#00ab39 0%,#78e79d 100%)}

.d-flex {
  display: -ms-flexbox!important;
  display: flex!important;
}
.align-items-center {
  -ms-flex-align: center!important;
  align-items: center!important;
}



.box_7 {
	padding: 105px 0 190px;
	background: -o-linear-gradient(315deg,#cf3a45 0%,#ef8b88 100%);
	background: linear-gradient(135deg,#cf3a45 0%,#ef8b88 100%);
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden
}

.box_7:before,.sem-get-report:after {
	content: "";
	position: absolute;
	left: 50%;
	background-repeat: no-repeat
}

.box_7 .box_title {
	color: #fff;
	margin-bottom: 150px
}

.box_7,.box_7_con,.seo-title,.seo-why-btn i {
	position: relative
}

.box_7_con ._item {
	position: absolute
}

.box_7_con ._item1 {
	top: -50px;
	left: 50%;
	width: 201px;
	margin-left: -100px;
	text-align: center
}

.box_7_con ._item2 {
	top: 67px;
	right: 112px
}

.box_7_con ._item2 ._item_icon,.box_7_con ._item3 ._item_icon {
	margin-right: 20px
}

.box_7_con ._item3 {
	bottom: -20px;
	right: -15px;
}

.box_7_con ._item4 {
	bottom: 0;
	left: -30px;
	text-align: right
}

.box_7_con ._item4 ._item_icon,.box_7_con ._item5 ._item_icon {
	margin-left: 20px
}

.box_7_con ._item5 {
	top: 67px;
	left: -20px;
	text-align: right
}

.box_7_con ._item_title {
	margin: 10px 0;
	font-weight: 700;
	color: #fff
}

.box_7_con ._item_desc {
	color: #fff;
	font-size: 14px;
	line-height: 20px
}

.box_7_con ._item_icon {
	display: inline-block;
	background: #fff;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	-webkit-box-shadow: 0 0 16px rgba(156,0,0,.59);
	box-shadow: 0 0 16px rgba(156,0,0,.59)
}

.ntop_tit{text-align: center; font-size: 36px; color: #091D3E; font-weight: bold; line-height: 2;}
.ntop_sub{text-align: center; font-size: 18px; color: #999; line-height: 2;}
.nzt_tit{font-size: 36px; color: #091D3E; font-weight: bold; margin-top:120px; line-height: 2;}


    .yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:2px 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}