/*???*/
.cxf_section{width: 88px;position: fixed;right: 0;top: 65%;background: #fff;box-shadow: 0 0 24px rgba(0,0,0,0.1);opacity: 1;z-index: 99;
transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.cxf_section.on{opacity: 1;}
.cxf_section ul{width: 100%;}
.cxf_section ul li{width: 100%;position: relative;}
.cxf_section ul li:nth-child(1){z-index: 1;}
.cxf_section ul li:nth-child(2){z-index: 2;}
.cxf_section ul li:nth-child(3){z-index: 2;}
.cxf_section ul li:nth-child(4){z-index: 1;}
.cxf_section ul li:nth-child(5){z-index: 2;}
.cxf_section ul li a{display: block;width: 100%;position: relative;}
.cxf_section ul li a .boxs{width: 100%;padding-top: 8px;padding-bottom: 8px;position: relative;z-index: 2;}
.cxf_section ul li a:hover .boxs{background: #1e46a0;}
.cxf_section ul li a .boxs .ico{width: 100%;margin-bottom: 3px;}
.cxf_section ul li a .boxs .ico img{width: 40px;display: block;margin: 0 auto;}
.cxf_section ul li a .boxs .ico img.img2{display: none;}
.cxf_section ul li a:hover .boxs .ico img.img1{display: none;}
.cxf_section ul li a:hover .boxs .ico img.img2{display: block;}
.cxf_section ul li a .boxs .words{font-size: 14px;color: #333333;line-height: 18px;text-align: center;}
.cxf_section ul li a:hover .boxs .words{color: #fff;}
.cxf_section ul li a .boxs::after{content: "";display: block;width: 55px;height: 1px;background: #E4E4E4;position: absolute;left: 50%;bottom: 0;margin-left: -27.5px;}
.cxf_section ul li a:hover .boxs::after{background: #1e46a0;}
.cxf_section ul li:last-child a .boxs::after{display: none;}
.cxf_section ul li a .phone{width: 260px;background: #fff;position: absolute;top: 60%;box-shadow: 0 0 24px rgba(0,0,0,0.1);padding: 20px;opacity: 0;right: -260px;z-index: 1;
transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.cxf_section ul li a:hover .phone{right: calc(100% + 12px);opacity:1;}
.cxf_section ul li a .phone .words1{font-size: 12px;color: #555;line-height: 16px;margin-bottom: 6px;}
.cxf_section ul li a .phone .words2{font-size: 24px;color: #1e46a0;line-height: 28px;font-weight: bolder;}
.cxf_section ul li a .ewmbox{width: 160px;padding: 8px;position: absolute;top: 50%;background: #fff;box-shadow: 0 0 24px rgba(0,0,0,0.1);opacity: 0;right: -160px;z-index: 1;
transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.cxf_section ul li a .ewmbox img{width: 100%;display: block;}
.cxf_section ul li a:hover .ewmbox{right: calc(100% + 12px);opacity: 1;}