/********* 黑色：#555 蓝色：#206ae4 边框：#e8edf2 浅背景：#f8f9fc 深背景：#f1f4f7 浅文字：#878B99 ******************************/ *{margin:0;padding:0;outline:0;} *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;} body,html{overflow-x:hidden;color:#444;font:14px/30px "微软雅黑","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;background:#fff;} blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;} input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;-webkit-appearance:none;} input:focus{outline:0;} textarea{resize:none;} h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;} abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;} img{border:0;vertical-align:middle;} /***img{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}***/ table{border-collapse:collapse;border-spacing:0;} .clearfix{display:block;zoom:1;} .clearfix:before{display:table;content:"";} .clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";} * html .clearfix{height:1%;} a{color:#444;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;} a:hover{color:#206ae4;text-decoration:none;} .hide,.none,ins{display:none;} .fl{float:left;display:inline-block;} .fr{float:right;display:inline-block;} .wrap{clear:both;display:block;overflow:hidden;margin:0 auto;max-width:1500px;width:100%;} .xiaoercms_wrap{clear:both;display:block;margin:0px auto;max-width:1500px;width:100%;} .animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;} a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);} .animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);} .tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;} .rotate,.rotate2 img{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;} a:hover .rotate,a:hover rotate2 img{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;} .rotate:hover{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;} /* 头部 */ .head_fixed{ width:100%;position: fixed;left: 0;top:0px;z-index:999;} .head_top{ width:100%; height:38px; background-color:#f6f8fb; color:#515d71; font-size:12px;} .head_top_box{width:100%; padding:0 5px;height:38px; line-height:38px;} .head_top_box .leftbox{ float: left;font-size:12px;} .head_top_box .leftbox .leftbox_diqu{ float:left} .head_top_box .leftbox .top_text{ float:left} .head_top_box .leftbox .head_top_diqu{height:16px;vertical-align:middle} .head_top_box .leftbox .diqu_highlight{color:#236ffb} .head_top_box .leftbox .top_text_m{display:none} .head_top_box .leftbox a{color: #515d71;font-size:12px;text-decoration: none;text-decoration: none;} .head_top_box .leftbox a:hover {text-decoration: underline; color:#515d71} .head_top_box .rightbox{ float: right;width:auto; text-align:right;} .link_white a{color: #FFFFFF; text-decoration: none;text-decoration: none;} .link_white a:hover {text-decoration: underline; color:#FFFF99} .link_whitel a{color: #236ffb; text-decoration: none;text-decoration: none;} .link_whitel a:hover {text-decoration: underline; color:#236ffb} #header{width:100%;height:90px;background:#fff;webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.08);box-shadow:0px 3px 6px rgba(0,0,0,0.05);padding:0 40px;} #header{z-index:99;display:flex;justify-content:space-between;align-items:center;} #header .logo{position:relative;} #header .logo a{display:flex;justify-content:flex-start;align-items:center;} #header .logo img{width:auto;height:auto;} #header .logo img.m{display:none;} #header .logo .text{margin-left:10px;padding-left:10px;border-left:#e8edf2 1px solid;font-size:12px;} #header .logo .text span{display:block;width:34px;height:16px;line-height:16px;border-radius:2px;background:#ff502e;color:#fff;text-align:center;font-style:light;} #header .logo .text p{color:#878B99;height:12px;line-height:14px;margin-top:2px;font-style:light;} #header .logo .light{position:absolute;top:0;left:-230px;width:50%;height:100%;background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));-webkit-transition:0s;-webkit-transform:skewx(-25deg);} #header .logo a:hover .light{left:320px;-webkit-transition:.6s;} #header .right{display:flex;justify-content:space-between;align-items:center;} #header .right .nav ul{display:flex;justify-content:flex-start;align-items:center;} #header .right .nav ul li{padding:0 25px;} #header .right .nav ul li h3 a{line-height:90px;display:block;font-size:16px;position:relative;font-weight:normal;} #header .right .nav ul li h3 a i{margin-left:5px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;-ms-transition:all 0.5s;} #header .right .nav ul li h3 a:after{content:"";position:absolute;bottom:30px;left:0;width:100%;height:3px;background-color:#206ae4;border-radius:2px;} #header .right .nav ul li h3 a:after{transform:scalex(0);-webkit-transform:scalex(0);transition:0.6s transform cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition:0.6s transform cubic-bezier(0.19, 1, 0.22, 1);transform-origin:center right;-webkit-transform-origin:center right;} #header .right .nav ul li h3 a:hover:after{transform:scalex(1);-webkit-transform:scalex(1);transform-origin:center left;-webkit-transform-origin:center left;} #header .right .nav ul li:hover h3 a:after{transform:scalex(1);-webkit-transform:scalex(1);transform-origin:center left;-webkit-transform-origin:center left;} #header .right .nav ul li:hover h3 a i{-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);} #header .right .nav ul li:nth-child(3) h3 a:before{content:"";position:absolute;right:-10px;top:34px;width:7px;height:7px;display:inline-block;border-radius:50%;background:#ff502e;} #header .right .nav ul li.on h3 a{color:#206ae4;} #header .right .nav ul li.on h3 a:after{transform:scalex(1);-webkit-transform:scalex(1);transform-origin:center left;-webkit-transform-origin:center left;} #header .right .nav .nav-title{display:none;} #header .right .nav .nav-copy{display:none;} #header .right .btn_icon a{margin-left:20px;font-size:20px;} #header .right .tel{text-align:right;padding:18px 0 18px 40px;margin-left:40px;border-left:1px solid #e8edf2;} #header .right .tel small{display:none;font-size:14px;} #header .right .tel .t{line-height:24px;} #header .right .tel .t i{margin-right:5px;} #header .right .tel .c_mobile{font-size:24px;font-family:"quicksand";} #header .monav{display:block;} #header .sub_menu{width:100%;position:absolute;left:0;top:120px;z-index:150;background:url("../image/sub_menu_bg.png") no-repeat center top #fff;border-top:1px solid #e8edf2;overflow:hidden;height:0;opacity:0;} #header .sub_menu .wrap{padding:40px 0;display:flex;justify-content:space-between;align-items:start;gap:0 50px} #header .sub_menu dl{width:calc((100% - 250px) / 6);} #header .sub_menu dl dt{color:#adadad;border-bottom:1px solid #e8edf2;margin-bottom:20px;line-height:40px;} #header .sub_menu dl dt a{color:#adadad;display:block;} #header .sub_menu dl dd i{display:inline-block;width:30px;height:13px;vertical-align:middle;margin-left:10px;} #header .sub_menu dl dd i.new{background:url("../image/icon.png") no-repeat -177px 0;} #header .sub_menu dl dd .hot{ margin-left:6px;} #header .sub_menu dl dd a{display:block;position:relative;} #header .sub_menu dl dd a:before{content:"";position:absolute;left:0px;top:15px;width:0;height:1px;display:block;background:#206ae4;transition:all ease .35s;} #header .sub_menu dl dd a:hover{padding-left:10px;} #header .sub_menu dl dd a:hover:before{width:5px;} #header .sub_menu dl dd a .fa-weixin{color:#2aae67;font-size:12px;margin-right:3px;} #header .sub_menu dl dd a .zdy{display:inline-block;width:13.5px;height:12px;} #header .sub_menu dl dd a .zdy.wxxcx{background:url("https://www.xiaoercms.com/xiaoercms/Themes/home/images/style/icon_wxxcx.png") center left no-repeat;background-size:12px 12px;margin-right:3px;margin-top:10px;} /* 关于 */ #about{width:100%;padding:30px 0;border-top:1px solid #e8edf2;overflow:hidden;} #about .info{display:flex;justify-content:space-between;align-items:start;} #about .info .item_about{width:28%;} #about .info .item_adv{width:30%;margin:0 7%;} #about .info .item_adv p{float:left;width:50%;} #about .info .item_different{width:28%;} #about .info .title{font-size:16px;font-weight:700;margin-bottom:20px;} #about .info .title:after{content:"";width:20px;height:2px;background-color:#206ae4;display:block;margin-top:10px;} #about .info p{line-height:26px;color:#878B99;} #about .city{border-top:1px solid #f1f2f9;margin-top:10px;padding-top:10px;line-height:26px;} #about .city a{margin-right:8px;color:#878B99;} #about .linker{border-top:1px solid #f1f2f9;margin-top:10px;padding-top:10px;line-height:26px;} #about .linker a{margin-right:15px;color:#878B99;} /* 底部 */ #footer{ margin-top: 0; background: #1e1f21;} #footer .footer_related { padding: 0; background: transparent;} #footer .footer_info { padding: 0; background: transparent;} #footer .footer_article { min-height: auto; padding: 30px 0 20px; border-bottom: 1px solid #333333;} #footer .footer_article dl.col_article { float: left;width: 232px; margin-right:20px; text-indent: 0;} #footer .footer_article dl.col_article dt { margin-bottom: 10px; font-size: 16px; font-weight:400; color: #cccccc;} #footer .footer_article dl.col_article dd { width: 232px; margin: 0; overflow: hidden; border-right: 1px solid #333333;} #footer .footer_article dl.col_article dd a { float: left; width: 112px; margin: 0 0 0px; font-size: 12px; color: #666666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} #footer .gzh_code { float: left; width: 100px; margin-top:30px; margin-left:10px; text-align: center; color: #9b9ea0;} #footer .gzh_code img { width:100px; height: 100px; margin-bottom: 5px;} #footer .col_code { float: right; width: 100px; margin-top:30px; margin-right:1px; text-align: center; color: #9b9ea0;} #footer .col_code img { width: 100px; height: 100px; margin-bottom: 5px;} #footer .foot_imgtop{margin-right: 10px;} #footer .footer_links { padding: 10px 0; font-size: 12px; line-height: 24px; border-bottom: 1px solid #333333;} #footer .footer_links span {color: #73777a;} #footer .footer_links a { margin: 0 10px; color: #666666;} #footer .footer_info { line-height: 24px;} #footer .footer_info, .footer_info a, .footer_info .info_text p a, .footer_info .info_text .nav_bottom a { color: #9b9ea0;} #footer .footer_info a:hover,.footer_info .info_text p a:hover, .footer_info .info_text .nav_bottom a:hover { color: #ff7300 !important;} #footer .footer_links a { padding: 0 5px;} #footer .footer_info .info_text { padding-bottom: 10px;} #footer .footer_info .info_text .nav_bottom { padding: 20px 0 5px; font-size: 12px; color: #666666; text-align: center;} #footer .footer_info .info_text .nav_bottom a { font-size: 14px; color: #666666;} #footer .footer_info .info_text p, .footer_info .info_text p a { color: #666666;} #footer .footer_info .info_text p em { padding: 0 8px;} #footer .footer_info .copyright{ width: 1400px; margin: 0 auto; color: #666666;text-align: center; font-size: 12px;} #footer .footer_info .copyright a{ color: #666666;} #footer .footer_related dl.col_article dd a:hover, .footer_links a:hover { color: #ff7300 !important;} #footer .qqzixun{display:none;} /* 全屏浮层 */ #tan{position:fixed;left:0;top:0;width:100%;height:100%;z-index:600;background:url("../image/ba_tan.jpg") center top #000;display:none;} #tan .info{position:absolute;left:0;top:50%;width:100%;text-align:center;transform:translatey(-50%);} #tan .info .text{color:#fff;font-size:46px;line-height:70px;font-family:"din";} #tan .info .service{font-size:24px;color:#fff;margin-top:30px;} #tan .info .qrcode{margin-top:30px;} #tan .info .qrcode img{width:150px;} #tan .info .tisp{color:#666;margin-top:10px;} #tan .btn_close{position:absolute;right:20px;top:20px;} #tan .btn_close i{width:40px;height:40px;line-height:40px;text-align:center;border:1px solid #666;display:block;border-radius:100%;font-size:24px;color:#fff;} #tan .btn_close i{-webkit-animation:play 3s linear infinite;-moz-animation:play 3s linear infinite;animation:play 3s linear infinite;} #tan .tel{position:absolute;left:0;bottom:50px;width:100%;text-align:center;font-family:"din";color:#fff;font-size:24px;} #tan .tel span{margin:0 20px;color:#fff;} #tan .tel span i{margin-left:10px;} #tan .tel span i a{color:#fff;} /* 视频 */ #video-container{width:100%;height:100%;position:fixed;top:0;z-index:600;background:#000;display:none;} #video-container video{width:80%;margin:5% 10%;height:80%;} #video-container .btn_close{position:absolute;right:20px;top:20px;} #video-container .btn_close a{width:40px;height:40px;line-height:40px;text-align:center;border:1px solid #666;display:block;border-radius:100%;font-size:24px;color:#fff;} #video-container .btn_close a{-webkit-animation:play 3s linear infinite;-moz-animation:play 3s linear infinite;animation:play 3s linear infinite;} /* 通用 */ #kefu{position:fixed;top:50%;right:0;z-index:500;margin-top:-140px;width:50px;background-color:#0C2556;transition:width .3s ease 0s;} #kefu.on{width:250px;} #kefu .top-list{width:100%;} #kefu .top-list ul{margin:0;padding:0;width:100%;} #kefu .top-list ul li{position:relative;display:block;width:100%;height:51px;border-bottom:1px solid #163268;transition:background .3s ease 0s;} #kefu .top-list ul li a{display:block;width:100%;} #kefu .top-list ul li span:nth-child(1){position:absolute;top:0;left:28px;z-index:1;display:inline-block;width:222px;color:#fff;font-size:14px;line-height:50px;transition:color .3s ease 0s;} #kefu .top-list ul li span:nth-child(2){position:absolute;top:0;right:0;z-index:2;display:inline-block;width:50px;height:50px;background-color:#0C2556;text-align:center;line-height:50px;transition:background .3s ease 0s;} #kefu .top-list ul li span:nth-child(2) i{display:block;width:50px;height:50px;color:#fff;font-size:20px;line-height:50px;} #kefu .top-list ul li span a{color:#fff;} #kefu .top-list ul li:hover{background-color:#fff;} #kefu .top-list ul li:hover span:nth-child(1){color:#15191e;} #kefu .top-list ul li:hover span:nth-child(2){background-color:#fff;} #kefu .top-list ul li:hover span:nth-child(2) i{color:#163268;} #kefu .top-list ul li:hover span a{color:#15191e;} /* 弹出浮层 */ #pop{position:fixed;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;z-index:600;animation:my_scale .5s;background:rgba(0,0,0,.8);} #pop .pop_box{width:785px;height:435px;border-radius:5px;background:#fff;box-shadow:0 5px 25px rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center;position:relative;} #pop .pop_box .close{position:absolute;top:20px;right:20px;cursor:pointer;} #pop .pop_box .close i{width:40px;height:40px;line-height:40px;text-align:center;border:1px solid #e8edf2;display:block;border-radius:100%;font-size:24px;} #pop .pop_box .close i{-webkit-animation:play 3s linear infinite;-moz-animation:play 3s linear infinite;animation:play 3s linear infinite;} #pop .pop_box .item{width:80%;} #pop .pop_box .item .text{font-size:28px;font-weight:700;color:#f70;line-height:32px;} #pop .pop_box .item .talk{font-size:18px;margin-top:50px;} #pop .pop_box .item .btn{padding:30px 0;} #pop .pop_box .item .btn span{font-size:18px;color:#fff;line-height:46px;padding:0 20px;border:0;min-width:160px;cursor:pointer;} #pop .pop_box .item .btn span{background:#222;display:inline-block;margin-right:8px;position:relative;} #pop .pop_box .item .btn span i{margin-right:10px;} #pop .pop_box .item .btn span:nth-child(2){background:#206ae4;} #pop .pop_box .item .btn span:nth-child(3){background:#f70;} #pop .pop_box .item .btn span .ewm{width:100%;bottom:100%;position:absolute;display:none;left:0;} #pop .pop_box .item .btn span .ewm img{width:160px;border:1px solid #e8edf2;} #pop .pop_box .item .btn span a{color:#fff;} #pop .pop_box .item .qidai{font-size:22px;} .servicePopup { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, .7); z-index: 150; display: none; } .servicePopup .serviceInner { position: absolute; left: 50%; top: 50%; margin-top: -188px; margin-left: -170px; width: 377px; height: 340px; background: #fff; border-radius: 5px; } .servicePopup .serviceInner .serviceTitle { text-align: center; font-weight: bold; font-size: 24px; color: #303133; padding: 45px 20px 10px; } .servicePopup .serviceInner .serviceTitle .closeIcon { display: block; position: absolute; right: 14px; top: 14px; width: 20px; height: 20px; cursor: pointer; } .servicePopup .serviceInner .serviceTitle .closeIcon::before, .servicePopup .serviceInner .serviceTitle .closeIcon::after { content: ''; position: absolute; left: 50%; top: 50%; margin-left: -1px; margin-top: -7px; display: block; width: 2px; height: 14px; background: #ccc; } .servicePopup .serviceInner .serviceTitle .closeIcon::before { transform: rotate(45deg); } .servicePopup .serviceInner .serviceTitle .closeIcon::after { transform: rotate(-45deg); } .servicePopup .serviceInner .serveContent { text-align: center; padding: 18px 25px 30px; position: relative; } .servicePopup .serviceInner .serveContent .serviceCode { width: 180px; height: 172px; } .servicePopup .serviceInner .serveContent .serviceText { color: #666; font-size: 16px; margin-top: 16px; } /* 隐藏手机端客服 */ #mkefu,#wchat{display:none;} #wxhao{height:0px;opacity:0;} @media (max-width:1500px){ .wrap{padding:0 20px;} #header{padding:0 20px;} #header .right .tel{padding-left:30px;margin-left:30px;} #header .right .nav{margin-right:0;} #header .right .nav ul li{padding:0 20px;} #header .sub_menu .wrap{padding:40px 20px;} #header .sub_menu dl dd i{display:none;} /***#about .info .item_adv p{float:inherit;width:100%;}***/ ;} @media (max-width:1440px){ .wrap{padding:0 20px;} #header{padding:0 20px;} #header .right .tel{display:none;padding-left:0;} #header .right .nav{margin-right:0;} #header .right .nav ul li{padding:0 20px;} #header .right .nav ul li h3 a{font-size:15px;} ;} @media (max-width:1100px){ .wrap{padding:0 20px;} #header .right .btn_icon, #header .right .text{display:none;} #header .right .nav ul li{padding:0 15px;} #header .right .nav ul li h3 a{font-size:14px;} #footer .info{display:block;} #footer .info .contact{width:100%;padding-right:0;border-right:0;} #footer .info .map{width:100%;border-top:1px solid rgba(255,255,255,.05);padding-top:30px;} ;} @media (max-width:1000px){ body,html{font-size:.21rem;line-height:.34rem;} .wrap{padding:0 .25rem;} /* 头部关于 */ #kefu, #header .sub_menu, #header .logo .text, #header .logo .light{display:none !important;} #header{height:.9rem;padding:0 .25rem;} #header .logo{padding:.22rem 0;position:relative;} #header .logo img{width:auto;height:.46rem;} #header .logo img.pc{display:none;} #header .logo img.m{display:block;} #header .right .nav{position:fixed;background:#fff;height:100vh;width:50%;top:0;z-index:300;padding:.2rem .5rem 0;transform:translatex(-100%);left:0;overflow:auto;} #header .right .nav{webkit-box-shadow:0px 3px 10px rgba(0,0,0,0.1);box-shadow:0px 3px 20px rgba(0,0,0,0.1);} #header .right .nav .nav-title{display:block;font-size:.24rem;line-height:1rem;} #header .right .nav ul{margin-top:3vh; display:block} #header .right .nav ul li{padding:0;border-bottom:1px solid #e8edf2;display:block;float:inherit;margin-right:0;} #header .right .nav ul li h3 a{font-size:.24rem;line-height:.7rem;display:block;} #header .right .nav ul li h3 i{display:none;} #header .right .nav ul li h3 a:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:.02rem;background-color:#206ae4;border-radius:2px;} #header .right .nav ul li:nth-child(4) h3 a:before{right:auto;left:.6rem;top:.2rem;width:.07rem;height:.07rem;} #header .right .nav .nav-copy{display:block;margin-top:.3rem;color:#6a6d73;font-size:.2rem;line-height:.3rem;} #header .right .nav.isopen{transform:translatex(0);} #header .right .btn_icon{height:.28rem;line-height:.28rem;display:flex;justify-content:flex-start;align-items:center;} #header .right .btn_icon a{margin-left:0; margin-right:.2rem;font-size:.28rem;} #header .monav{position:relative;display:block;width:.3rem;height:.23rem;cursor:pointer;} #header .monav span{position:absolute;display:block;width:.34rem;height:.03rem;background:#000;transition:all .5s;} #header .monav .s1{top:0rem;} #header .monav .s2{top:.1rem;width:.26rem;} #header .monav .s3{top:.2rem;} #header .monav.isopen .s1{top:.1rem;transform:rotate(45deg);} #header .monav.isopen .s2{width:0;opacity:0;} #header .monav.isopen .s3{top:.1rem;transform:rotate(-45deg);} } @media (max-width:800px){ .head_top_box .leftbox .leftbox_diqu{ float:left} .head_top_box .leftbox .top_text{display:none} .head_top_box .leftbox .top_text_m{float:left;display:block; margin-left:1px;} .head_top_box .rightbox{display:none} /* 底部关于 */ #about{padding:.6rem 0;} #about .info{display:block;} #about .info .item_about{width:100%;} #about .info .item_adv{width:100%;margin:.3rem 0;} #about .info .item_different{width:100%;} #about .info .title{font-size:.26rem;margin-bottom:.2rem;} #about .info .title:after{width:.4rem;height:.02rem;margin-top:.1rem;} #about .info p{line-height:.34rem;font-size:.21rem;} /* 底部通用 */ #footer .footer_article {display:none;} #footer .footer_links { padding: 10px 20px; font-size: 12px; line-height: 24px; border-bottom: 1px solid #333333;} #footer .footer_links span {color: #73777a;} #footer .footer_links a{color: #666666;margin:5px 10px 5px 0px;font-size: 12px;line-height:25px; border:solid 1px #444; padding:3px 15px; display:inline-block; border-radius:20px;} #footer .footer_info .info_text { padding-bottom: 10px; margin-top:10px;} #footer .footer_info .info_text .nav_bottom {display:none;} #footer .footer_info .info_text p em { padding: 0 8px;} #footer .footer_info .copyright{ width: 100%; color: #666666;text-align: center; font-size: 12px;} #footer .footer_info .copyright a{ color: #666666;} #footer .qqzixun{width:100%;display:block;font-size: 14px;line-height: 38px;color: #fff;background-color:#E60013;text-align: center;border-radius: 20px;margin-top: 25px;margin-bottom:20px;} /* 微信弹出 */ #tan .info .text{color:#fff;font-size:.4rem;line-height:.7rem;font-family:dinpro-bold;} #tan .info .service{font-size:.23rem;color:#fff;margin-top:.3rem;} #tan .info .qrcode{margin-top:.3rem;} #tan .info .qrcode img{width:2rem;} #tan .info .qrcode .tisp{margin-top:.1rem;} #tan .btn_close{right:.2rem;top:.2rem;} #tan .btn_close i{width:.4rem;height:.4rem;line-height:.4rem;font-size:.21rem;} #tan .tel{bottom:.5rem;font-size:.3rem;} #tan .tel span{margin:0 .2rem;} #tan .tel span i{margin-left:.1rem;} /* 视频 */ #video-container .btn_close{right:.2rem;top:.2rem;} #video-container .btn_close a{width:.4rem;height:.4rem;line-height:.4rem;font-size:.23rem;} /* 弹出浮层 */ #pop .pop_box{width:80%;height:auto;padding:.5rem 0;border-radius:.1rem;} #pop .pop_box .close{top:.2rem;right:.2rem;font-size:.4rem;} #pop .pop_box .close i{width:.4rem;height:.4rem;line-height:.4rem;font-size:.21rem;} #pop .pop_box .item{width:80%;} #pop .pop_box .item .text{font-size:.26rem;line-height:.34rem;} #pop .pop_box .item .talk{font-size:.21rem;margin-top:.3rem;} #pop .pop_box .item .btn{padding:.2rem 0;} #pop .pop_box .item .btn span{font-size:.21rem;line-height:.4rem;padding:.1rem .2rem;min-width: inherit;margin:.1rem 0;} #pop .pop_box .item .btn span{background:#222;display:block;margin-right:0;position:relative;} #pop .pop_box .item .btn span i{margin-right:.1rem;} #pop .pop_box .item .btn span a{display:block;} #pop .pop_box .item .btn span:nth-child(2){background:#206ae4;} #pop .pop_box .item .btn span:nth-child(3){background:#f70;} #pop .pop_box .item .btn span .ewm{width:100%;bottom:100%;position:absolute;display:none;left:0;} #pop .pop_box .item .btn span .ewm img{width:160px;border:1px solid #e8edf2;} #pop .pop_box .item .qidai{font-size:.21rem;} /* 移动客服浮动 */ #mkefu{display:block;position:fixed;right:.2rem;bottom:.3rem;z-index:554;} #mkefu a{text-align:center;} #mkefu a i{font-size:.21rem;margin:.1rem 0;width:.5rem;height:.5rem;line-height:.5rem;display:block;border-radius:.5rem;background:#fff;overflow:hidden;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);} #mkefu a.click{display:none;} /* 移动微信弹出 */ #wchat{position:fixed;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;z-index:610;animation:my_scale .5s;background:rgba(0,0,0,.8);} #wchat .box{background:#fff;border-radius:.1rem;padding:.5rem 0;width:80%;margin:0 auto;position:relative;box-shadow:0 5px 25px rgba(0,0,0,.2);text-align:center;} #wchat .box .img{text-align:center;} #wchat .box .img img{width:.8rem;} #wchat .box p{text-align:center;margin-top:.2rem;font-size:.21rem;line-height:.34rem;} #wchat .box .btn{background:#1aad19;height:.6rem;line-height:.6rem;width:40%;color:#fff;font-size:.21rem;border-radius:.04rem;margin-top:.2rem;text-align:center;display:inline-block;} #wchat .box .btn_close{position:absolute;right:.2rem;top:.2rem;} #wchat .box .btn_close i{width:.4rem;height:.4rem;line-height:.4rem;text-align:center;border:1px solid #e8edf2;display:block;border-radius:100%;font-size:.21rem;} #wchat .box .btn_close i{-webkit-animation:play 3s linear infinite;-moz-animation:play 3s linear infinite;animation:play 3s linear infinite;} } @-webkit-keyframes ihover{ 0%{-webkit-transform:translateX(0px);opacity:1;} 49%{-webkit-transform:translateX(20px);opacity:0;} 50%{-webkit-transform:translateX(-20px);opacity:0;} 100%{-webkit-transform:translateX(0px);opacity:1;} } @-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);} } @-webkit-keyframes play{ 0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);} } @-moz-keyframes play{ 0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotateX(360deg);} } @keyframes play{ 0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);} } @keyframes banerBg{ 0%{-webkit-transform:scale(1.1);} 50%{-webkit-transform:scale(1.05);} 100%{-webkit-transform:scale(1);} } h6.alert{position:fixed; top:0; left:0; right:0; z-index:8888888; opacity:0; text-align:center; user-select:none; pointer-events:none;} h6.alert>b{display:inline-block; color:#fff; max-width:320px; background:rgb(255,98,76); text-align:left; box-shadow:0 0 18px rgba(0,0,0,.08); border-radius:3px; padding:8px 22px; font-size:16px; font-weight:normal;} h6.alert.red>b{background:rgb(255,98,76);} h6.alert.green>b{background:rgb(29,213,111);} h6.alert.brown>b{background:#a5692d;} h6.alert.yellow>b{background:#ffd700;} h6.alert.blue>b{background:rgb(56,129,245);} h6.alert.gold>b{background:linear-gradient(to right bottom,#ffd700,#edc86c);}