/*å¤´éƒ¨åº•éƒ¨å¼€å§‹*/
	/*å¤´éƒ¨å¼€å§‹*/
header{
	clear:both;
	width:100%;
	margin:0 auto;
	text-align:center;
	/* background:#033088 url("../images/background/headbg.jpg") no-repeat center bottom;
	background-size:100% 100%; */
	color:#fff;
	padding:0;
	background:#fff;
	position: fixed;
	/* background-image: linear-gradient(160deg, #00185e 10%,#013080 80%); */
	z-index: 100;
	top:0;
}
header .header{width:1200px;height:85px;margin:0 auto;display:flex;align-content: center;align-items: center;justify-content: space-between;}
header .logo{height:53px;overflow:hidden;}
header .logo img{height:100%;}

@media screen and (max-width: 1000px) {
	header .header{height:60px;}
	header .logo{height:60%;}
}
header .nav{padding:0;display:inline-block;}
header .nav li{display:inline-block;height:73px;padding:0 20px;position:relative;}
header .nav li a{color:#000;display: block;height:100%;line-height:90px;font-size:14px;}
header .nav li a:hover{color:#f56d00;}
header .nav li .current{border-bottom:#f56d00 solid 5px;color:#f56d00;}
header .nav dl{
    position:absolute;
    left:0;
    top:72px;
    display:none;
    z-index:9999;
    background:#f56d00;
    padding:5px 0;
            box-shadow: 0 0 15px rgba(0,0,0,0.2);
       -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
}
header .nav dl:hover .navli{color:#00B1FF !important;}
header .nav dt{clear:both;min-width:180px;text-align:center;}
header .nav dt a{display:block;color:#fff;font-size:13px;height:30px;line-height:30px;padding:0 20px;}
header .nav dt a:hover{color:#fff;background:#f56d00;}
@media screen and (max-width: 1100px) {
	header .nav{display:none;}
}
header .navIcon{display:flex;align-content: center;justify-content: space-between;align-items:center;}
header .navIcon a{margin-left:15px;}
header .navIcon a i{font-size:20px;}

header #phone,header #wechat{position:relative;}
header #phone .tel_pannel,header #wechat .tel_pannel{
    width:200px;
    padding:20px;border-radius:3px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
       -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    right:0;top:30px;
    display:none;
    position:absolute;
    z-index:999;
    background:#fff;
    font-size:20px;
}
@media screen and (max-width: 1200px) {
    header .header{width:100%;padding:0 20px;}
}
	/*åˆä½œä¼™ä¼´&å‹æƒ…é“¾æŽ¥*/
.links{clear:both;width:100%;overflow:hidden;padding:20px 0;border-top:#e2e2e2 solid 1px;text-align:center;}
@media screen and (max-width: 1200px) {
    .links a{width:20%;display:inline-block;padding:10px;float:left;}
}
@media screen and (max-width: 640px) {
    .links a{width:33.33333333%;display:inline-block;padding:10px;float:left;}
}
	/*åº•éƒ¨å¼€å§‹*/
footer{clear:both;width:100%;background:#1b1b1b;padding:0;margin:0 auto;position:relative;}
footer .adver{width:100%;}
footer .footer{clear:both;width:1200px;margin:0 auto;line-height:23px;color:#fff;font-size:14px;padding:50px 0 0;}
footer .footer .navlinks{width:100%;display:flex;justify-content: space-between;align-content: center;align-items:center;padding:0 0 50px;}
footer .footer .fastlink{width:50%;border-right:#555 solid 1px;}
footer .footer .fastlink b{font-size:18px;font-weight:normal;clear:both;display:block;}
footer .footer .fastlink b span{width:20px;height:2px;background:#f56d00;clear:both;display:inline-block;}
footer .footer .fastlink dd{color:#a7a7a7;font-size:14px;line-height:28px;}
footer .footer .fastlink a{display: block;color:#a7a7a7;}
footer .footer .fastlink a:hover{color:#00B1FF;}
footer .footer .code{width:45%;display:flex;justify-content: space-between;}
footer .footer .code b{font-size:18px;font-weight:normal;clear:both;display:block;}
footer .footer .code b span{width:20px;height:2px;background:#f56d00;clear:both;display:inline-block;}
footer .footer .code dd{color:#a7a7a7;font-size:14px;line-height:28px;}
footer .copy{clear:both;width:100%;line-height:23px;padding:15px 20px;font-size:12px;color:#999;border-top:#999 solid 1px;text-align:center;}
@media (max-width:1200px){
    footer .footer{width:100%;padding:50px 20px;}
}
@media (max-width:1060px){
    footer .footer{padding:20px;}
    footer .footer .fastlink{display:none;}
	footer .footer .code{width:100% !important;padding:0 20px;}
}
@media (max-width:640px){
    footer .footer .navlinks{display:block !important;text-align:center !important;}
	footer .footer .code{display:block !important;text-align:center !important;}
    footer .footer img{margin:10px auto 0;}
	
}
/*å¤´éƒ¨åº•éƒ¨ç»“æŸ*/
/*Bannerå¹»ç¯*/
#swiper_banner{margin-top:85px;}
.banner{clear:both;width:100%;text-align:center;height:auto;overflow:hidden;margin-top:85px;}
.banner img{width:100%;}
@media screen and (max-width: 1000px) {
	#swiper_banner_wap,.banner{margin-top:60px;}
}
/*æ¡†æž¶å±‚*/
.wrapper{clear:both;width:1200px;height:auto;overflow:hidden;padding:0;display:block;margin:0 auto;}
.fainro-right{width:950px;float:right;padding:30px 0;}
.index-more{clear:both;padding:10px 30px;background:#00B1FF;color:#fff;margin-top:20px;display:inline-block;}
@media (max-width:1200px){
    .wrapper{width:100%;padding:20px;}
}
@media (max-width:640px){
	.fainro-right{width:100%;padding:0;}
}
/*é¦–é¡µæ ‡é¢˜æè¿°ä¿¡æ¯*/
.title-nav{clear:both;padding:50px 0 0;display:block;position:relative;z-index:10;margin:0 auto;}
.title-nav b{
	font-size:30px;
	font-weight:350;
	border-bottom:#d3d3d3 solid 1px;
	color:#f08211;
	padding:0 0 15px;
	display:flex;
	align-items: flex-end;
	justify-content: space-between;
}
.title-nav b a{color:#666;font-size:14px;}
.title-nav dd{clear:both;display:block;margin:15px auto;line-height:26px;font-size:16px;color:#666;font-weight:300;}
@media (max-width:1200px){
    .title-nav b{font-size:30px;}
}
@media (max-width:768px){
    .title-nav b{font-size:26px;}
}
@media (max-width:640px){
	.title-nav{padding:0 20px;}
    .title-nav b{font-size:22px;}
}
/*------------------------------------------------------------é¦–é¡µå¼€å§‹----------------------------------------------------------------------*/
	/*å¹¿å‘Šæ¨ªå¹…*/
.index-adver{clear:both;width:100%;height:auto;overflow:hidden;text-align:center;}
.index-adver a{margin:0 auto;display: block;text-align:center;}
.index-adver img{margin:0 auto;}
.index-adver .img{width:100%;}
	/*é¦–é¡µäº§å“ä¸å¿ƒ*/
.index-products{clear:both;width:100%;height:auto;padding:50px 0;}
	/*è§£å†³æ–¹æ¡ˆ*/
.index-solution{clear:both;width:1200px;height:auto;margin:0 auto;padding:50px 0 100px;overflow:hidden;}
.index-solution-list{clear:both;padding:50px 0 0;}
.index-solution-list li{width:50%;float:left;display:flex;background:#eee;align-items: center;justify-content:space-between;}
.index-solution-list li img{width:50%;}
.index-solution-list .solution-view{padding:20px;}
.index-solution-list .solution-view b{font-size:16px;font-weight:350;}
.index-solution-list .solution-view dd{width:100%;font-size:14px;font-weight:300;padding:10px 0;line-height:23px;}
@media (max-width:640px){
	.index-solution{width:100%;padding:20px 0;}
	.index-solution-list{padding:20px;}
	.index-solution-list li{width:100%;background:none;}
	.index-solution-list .solution-view dd{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		padding:0;
	}
	.index-solution-list .solution-view{padding:10px 0;}
	.index-solution-list .solution-view b{font-size: 14px;line-height:20px;}
	
	.index-solution-list li:nth-child(1) .solution-view{padding:10px 0 10px 10px;}
	.index-solution-list li:nth-child(2) .solution-view{padding:10px 0 10px 10px;}
	.index-solution-list li:nth-child(3) .solution-view{padding:10px 10px 10px 0;}
	.index-solution-list li:nth-child(4) .solution-view{padding:10px 10px 10px 0;}
}

/*------------------------------------------------------------é¦–é¡µç»“æŸ----------------------------------------------------------------------*/
/*------------------------------------------------------------å†…é¡µå¼€å§‹----------------------------------------------------------------------*/
	/*Banenrå›¾*/
.fainro-banner{clear:both;width:100%;height:auto;overflow:hidden;text-align:center;padding-top:85px;}
.fainro-banner img{width:100%;}
@media screen and (max-width: 1100px) {
    .fainro-banner{padding-top:60px;}
}

	/*é¢åŒ…å±‘è·¯å¾„*/
.breadcrumb{clear:both;width:100%;border-bottom:#ddd solid 1px;}
.breadcrumb .fainro-path{width:100%;display:flex;align-items: center;justify-content: space-between;}
.breadcrumb b{font-size:24px;font-weight:normal;line-height:45px;}
.breadcrumb span{display: flex;align-content: center;}
.breadcrumb a.active{font-weight:bold;}
.breadcrumb i{color:#999;font-size:12px;margin:0 5px;}
@media screen and (max-width: 1200px) {
    .breadcrumb .fainro-path{width:100%;padding:0 0 10px;display:block;}
}
@media screen and (max-width:768px) {
    .breadcrumb b{font-size:20px;}
}
	/*é¡µé¢äºŒçº§å¯¼èˆª*/
.fainro-class{clear:both;width:200px;height:auto;overflow:hidden;float:left;padding:30px 0;}
.fainro-class b{background:#f56d00;color:#fff;font-size:18px;display:block;line-height:50px;text-align: center;font-weight:normal;}
.fainro-class a{color:#fff;font-size:14px;display:block;margin:0;text-align:center;overflow:hidden;transition: 0.2s;padding:15px 30px;background:#999;border-top:#fff solid 1px;text-align:left;}
.fainro-class a:hover{color:#fff;background:#ee7732;}
.fainro-class a.on{color:#fff;background:#ee7732;}
@media screen and (max-width: 1200px) {
    .fainro-class{width:100%;padding:0;}
}
@media screen and (max-width: 640px) {
	.fainro-class{display:block;background:#e4e4e9;border:0;}
    .fainro-class a{width:100%;padding:15px 0;border:#fff solid 1px;}
}

	/*é¡µé¢äºŒçº§å¯¼èˆª*/
.fainro-pro-class{clear:both;width:1200px;height:auto;overflow:hidden;margin:0 auto;padding:20px 0;text-align:center;display:flex;justify-content:flex-start;align-items: center;}
.fainro-pro-class a{font-size:16px;display:inline-block;margin:0;text-align:center;overflow:hidden;transition: 0.2s;padding:15px 30px;border:#ddd solid 1px;margin-right:10px;}
.fainro-pro-class a:hover{background-image: linear-gradient(160deg, #f56d00 10%,#ee7732 80%);color:#fff;border:#ddd solid 1px;}
.fainro-pro-class a.on{background-image: linear-gradient(160deg, #f56d00 10%,#ee7732 80%);color:#fff;border:#ddd solid 1px;}
@media screen and (max-width: 1200px) {
    .fainro-pro-class{width:100%;padding:0;}
}
@media screen and (max-width: 640px) {
	.fainro-pro-class{display:block;background:#e4e4e9;border:0;}
    .fainro-pro-class a{width:33.33333333333333333%;float:left;padding:15px 0;border:#fff solid 1px;margin:0;}
}

	/*å•é¡µå†…å®¹*/
.fainro-content{clear:both;width:100%;height:auto;padding:0;margin:0 auto 50px ;}
.fainro-content .channel-title{clear:both;display:block;}
.fainro-content .channel-title b{font-size:30px;color:#f56d00;font-weight:350;}
.fainro-content .channel-title em{font-size:20px;font-weight:300;color:#999;}
.fainro-content .channel-info{width:100%;line-height:35px;font-size:15px;color:#666;border-bottom:#e4e4e4 solid 1px;padding:30px 0;display:flex;justify-content: space-between;align-items:flex-start;font-weight:300;}
@media screen and (max-width: 1200px) {
    .fainro-content{width:100%;padding:20px;}
}
@media screen and (max-width: 640px) {
    .fainro-content{width:100%;padding:20px 0;}
	.fainro-content .channel-info{display:block;}
	.fainro-content .channel-info .img{width:100%;}
	.fainro-content .info-view{padding:20px 0 !important;}
}
	/*ä¼ä¸šè£èª‰*/
.fainro-honor{clear:both;width:1200px;margin:0 auto;padding:50px 0;}
.fainro-honor .swiper-slide a{padding:0 0 30px;}
.fainro-honor .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0;}
@media screen and (max-width: 1200px) {
    .fainro-honor{width:100%;padding:20px;}
}
    /*åˆä½œä¼™ä¼´*/
.fainro-coop{clear:both;width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0 0 100px;text-align:left;}
.fainro-coop li{width:20%;padding:15px 0;display:block;float:left;overflow:hidden;}
@media screen and (max-width: 1200px) {
    .fainro-coop{width:100%;padding:20px;}
}
@media screen and (max-width: 640px) {
    .fainro-coop li{width:33.3333333%;}
}
	/*äº§å“é¢‘é“-åˆ—è¡¨-è¯¦æƒ…*/
.fainro-products{width:100%;margin:0 auto;padding:0;}
		/*é¢‘é“*/
.fainro-products .porducts-channel{clear:both;width:100%;height:auto;padding:30px 0;}
.fainro-products .porducts-channel li{clear:both;margin:20px 0;display:flex;padding:20px 0;align-items:flex-start;justify-content: space-between;position:relative;}
.fainro-products .porducts-channel li img{width:50%;margin-right:20px;}
.fainro-products .porducts-channel li .intros{padding:0 50px 50px 0;width:100%;}
.fainro-products .porducts-channel li .intros b{font-weight:normal;font-size:28px;}
.fainro-products .porducts-channel li .intros dd{line-height:26px;font-size:14px;color:#666;padding:20px 0;}
.fainro-products .porducts-channel li .coops{background:#e5e5e5;left:0;bottom:0;right:0;height:100px;position: absolute;z-index:-1;display:flex;align-items: center;padding: 0 20px;}
.fainro-products .porducts-channel li .coops img{width:auto !important;}
@media screen and (max-width: 640px) {
	.fainro-products .porducts-channel{padding:0;}
	.fainro-products .porducts-channel li{display:block;}
	.fainro-products .porducts-channel li .intros{width:100%;padding:0 0 20px;}
	.fainro-products .porducts-channel li img{width:100%;margin:0;padding:0;}
	.fainro-products .porducts-channel li .coops{position:relative;clear:both;}
}
		/*åˆ—è¡¨*/
.fainro-products .products-list{clear:both;width:100%;height:auto;padding:30px 0;}
.fainro-products .products-list ul{margin:0 -14px;display:flex;align-items: center;justify-content: flex-start;flex-wrap:wrap;}
.fainro-products .products-list ul li{width:33.333333333333333%;padding:0 15px 30px;max-width:33.333333333333333%;min-width:33.333333333333333%;display:block;}
.fainro-products .products-list ul li .box{width:100%;
			box-shadow: 0 0 5px rgba(0,0,0,0.1);
       -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	transition: all 0.5s;
	padding:10px;
	text-align:center;
}
.fainro-products .products-list ul li:hover .box{
			box-shadow: 0 0 10px rgba(0,0,0,0.1);
       -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.fainro-products .products-list ul li .pic-zoom{width:100%;height:260px;padding:0;overflow:hidden;}
.fainro-products .products-list ul li img{width:100%;cursor: pointer;transition: all 1s;}
.fainro-products .products-list ul li a{width:100%;height:100%;display:block;}
.fainro-products .products-list ul li a:hover{color:#f56d00;}
.fainro-products .products-list ul li a:hover b{color:#f56d00;}
.fainro-products .products-list ul li a:hover img{transform: scale(1.1);}
.fainro-products .products-content{padding:20px 0;text-align:left !important;}
.fainro-products .products-content b{font-size:16px;color:#000;font-weight:500;}
.fainro-products .products-content dd{font-size:14px;color:#666;line-height:20px;padding:10px 0;}
@media screen and (max-width: 1200px) {
    .fainro-products{width:100%;padding:50px;}
}
@media screen and (max-width: 640px) {
	.fainro-products{padding:20px 0;}
    .fainro-products .products-list ul li{width:50%;max-width:50%;min-width:50%;}
}

.fainro-products .products-list-ls{clear:both;width:100%;height:auto;padding:30px 0;}
.fainro-products .products-list-ls ul li{clear:both;height:auto;border-bottom:#ddd solid 1px;padding:1rem;margin:1rem 0;display:flex;align-items: center;justify-content: space-between;}
.fainro-products .products-list-ls ul li img{width:200px;}
.fainro-products .products-list-ls ul li .products-content{width:100%;padding-left:3rem;}
	/*è¯¦æƒ…*/
.fainro-products-view{clear:both;width:100%;height:auto;}
.fainro-products-view .products-view-title{clear:both;display:block;text-align:center;font-size:26px;color:#f56d00;}
.fainro-products-view .products-view-content{clear:both;padding:50px 0;color:#333;}
.fainro-products-view .products-view-content p{background:none !important;line-height:30px;}
.fainro-products-view .products-view-content strong{display:block;clear:both;background-image: linear-gradient(160deg, #f56d00 30%,#f56d00 30%,#f56d00 60%);color:#fff;padding:10px 20px;font-size:18px;font-weight:normal;}
.fainro-products-view .products-view-content table{width:100% !important;margin:0;}
.fainro-products-view .products-view-content table tr td{padding:5px !important;}



    /*è§£å†³æ–¹æ¡ˆ*/
.fainro-solution{clear:both;width:100%;margin:0 auto;padding:50px 0;}
.fainro-solution li{clear:both;display:block;padding:20px 0;display:flex;align-items: flex-start;justify-content: space-between;}
.fainro-solution li .sol-intro{width:50%;}
.fainro-solution li .sol-intro b{font-size:24px;font-weight:normal;color:#f56d00;padding:0 0 15px;border-bottom:#f56d00 solid 2px;display:block;height:auto;overflow:hidden;}
.fainro-solution li .sol-intro dd{font-size:14px;line-height:26px;padding:20px 0;}
.fainro-solution li .sol-img{width:45%;}
.fainro-solution li .sol-img img{width:100%;}

.fainro-solution p{line-height:26px;padding:5px 0;}
.fainro-solution p img{max-width:80%;}
.fainro-solution p strong,.fainro-content p em{color:#f56d00;}

.fainro-solution .fainro-solution-content{line-height:30px;font-size:16px;padding:20px 0;}
.fainro-solution .fainro-solution-title{clear:both;display:block;text-align:center;font-size:26px;color:#f56d00;}
.fainro-solution .fainro-solution-content{clear:both;padding:50px 0;color:#333;}
.fainro-solution .fainro-solution-content p{background:none !important;line-height:30px;}
.fainro-solution .fainro-solution-content strong{display:block;clear:both;background-image: linear-gradient(160deg, #f56d00 30%,#f56d00 30%,#f56d00 60%);color:#fff;padding:10px 20px;font-size:18px;font-weight:normal;}
.fainro-solution .fainro-solution-content table{width:100% !important;margin:0;}
.fainro-solution .fainro-solution-content table tr td{padding:5px !important;}

@media screen and (max-width: 1200px) {
    .fainro-solution{width:100%;padding:50px;}
}
@media screen and (max-width: 640px) {
    .fainro-solution{width:100%;padding:20px 0;}
	.fainro-solution li .sol-img{width:30%;}
	.fainro-solution li .sol-intro{width:68%;}
	.fainro-solution li .sol-intro b{font-size:18px;border-bottom:#f56d00 solid 1px;padding:0 0 5px;}
	.fainro-solution li .sol-intro dd{width:100%;display:block;overflow:hidden;padding:5px 0 0;white-space: nowrap;text-overflow: ellipsis;}
	.fainro-solution .fainro-solution-title{font-size:24px;}
}

	/*å†…å®¹è¿”å›žåˆ—è¡¨éƒ¨åˆ†*/
.page_back{clear:both;height:auto;line-height:26px;font-size:14px;padding:20px 0;font-size:14px;overflow:hidden;border-top:#ddd solid 1px;}
@media (max-width:1000px){
	.page_back{padding:10px;}
}
    /*è”ç³»æˆ‘ä»¬*/

	/*ç•™è¨€éƒ¨åˆ†*/
.page_apply{clear:both;width:100%;height:auto;padding:30px 15px;line-height:26px;font-size:14px;margin:0 auto;}
.page_apply .btn{font-size:14px;padding:10px 30px;}
	/*è”ç³»éƒ¨åˆ†*/
.fainro-contact{clear:both;width:100%;height:auto;line-height:26px;font-size:14px;overflow:hidden;display:block;}
.fainro-contact .contact_info{width:100%;padding:50px;float:left;position:relative;}
.fainro-contact .contact_info .contact_item{clear:both;padding:0 0 10px;}
.fainro-contact .contact_info .contact_item i{color:#e55017;font-size:35px;}
.fainro-contact .contact_info .contact_item b{font-size:14px;line-height:30px;color:#999;}
.fainro-contact .contact_info .contact_item dd{font-size:16px;color:#000;padding:0 35px;}
.fainro-contact .contact_info  .wechat_code{position:absolute;right:50px;top:50px;}
.fainro-contact .contact_apply{width:100%;padding:50px;float:right;background:#f9f9f9;}
.fainro-contact .contact_apply .btn{font-size:14px;padding:10px 30px;}
@media (max-width:1200px){ 
    .fainro-contact{width:100%;padding:20px;}
}
@media (max-width:640px){
	.fainro-contact .contact_info{width:100%;padding:0;}
	.fainro-contact .contact_apply{width:100%;padding:20px 0;}
}


    /*ç”³è¯·è¯•ç”¨*/

.fainro-apply{clear:both;width:1200px;height:auto;line-height:26px;font-size:14px;margin:0 auto;padding:50px 0 100px;overflow:hidden;display:block;}
.fainro-apply h1{font-size:16px;display:block;text-align:center;font-weight:normal;color:#999;}
.fainro-apply b{width:800px;font-size:20px;border-bottom:#ddd solid 1px;display:block;padding:50px 0 5px;margin:0 auto;}

.fainro-apply .apply-form{width:800px;margin:0 auto;height:auto;overflow:hidden;padding:50px 0;}

@media (max-width:1200px){ 
    .fainro-apply{width:100%;padding:20px;}
}
@media (max-width:800px){ 
    .fainro-apply b{width:100%;padding:20px 0 5px;}
    .fainro-apply .apply-form{width:100%;padding:20px 0;}
}

/*------------------------------------------------------------å†…é¡µç»“æŸ----------------------------------------------------------------------*/
/*å³ä¾§æ‚¬æµ®*/
.float-side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.float-side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.float-side ul li:hover{background:#12789e;color:#fff}
.float-side ul li:hover a{color:#fff}
.float-side ul li i{font-size:24px;margin-top:5px;display:block;}
.float-side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.float-side ul li.sidetop{background:#12789e;color:#fff}
.float-side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.float-side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;position:absolute;left:-240px;top:0;border:1px solid #e0e0e0}
.float-side ul li.sideetel .telBox.son{width:240px;height:auto;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#12789e}
.float-side ul li.sideetel .telBox dd{display:block;height:auto;overflow:hidden;padding:20px;line-height:24px;font-size:18px}
.float-side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;font-size:18px}
.float-side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}