body{ padding-top:100px; line-height: 2; color: #666;}
body > *{ font-size: 14px;}
.wrap{ max-width:1300px; margin:0 auto;}
.wrap2{ max-width:1200px; margin:0 auto;}
.header{ position:absolute; left:0; top:0; width:100%; background:#fff; z-index:15;}
.header.on{ position:fixed; transform:translateY(-100%); box-shadow: 0 3px 5px rgba(0,0,0,0.05); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.05);}
.header .sprel .wrap{ max-width: 100%; padding: 0 30px;}
.header.sec{ transition:all 0.5s ease; transform:translateY(0%);}
.sprel .logo a{ display:block; line-height: 60px;}

.botelc{ background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:3;}
.bg-cep{ position:absolute; left:0; top:0; height:100%; width:100%;background: rgba(38,43,52,0.4) url(/static/images/site/bg.png);}

.solc-bs{ position:absolute; z-index:5; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; opacity:0; visibility:hidden; transition:all 0.5s ease;}
.solc-bs.on{ opacity:1; visibility:visible; transition:all 0.5s ease;}

.colwms{ position:absolute; left:15%;top:50%; z-index:6; color:#258ffb; transform:translateY(-50%); }
.colwms .p1{ font-size:72px; line-height: 1.3; font-weight: bold;}
.colwms .p2{ font-size:38px; margin-top: 10px;}

.afolre{ width:100%; overflow:hidden; background:#000;height: calc(100vh - 100px);}
.xlorec{ position:absolute; bottom:5%; z-index:5; left:50%; transform:translateX(-50%);}
.ad-top{ background:#333; font-size:12px; color:#b0b0b0; line-height:40px;}
.ad-top span{ color:#258ffb;}
.sprel{ padding:20px 0;transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.header.on .sprel{ padding:10px 0;}
.lodinc{ border-radius: 6px; -webkit-border-radius: 6px; overflow: hidden; margin-top: 9px;}
.lodinc a{ display:inline-block; width:78px; text-align:center; line-height:38px; color:#fff; background:#258ffb;}
.lodinc a.btn1{ background: #036CD6; border-right: 1px solid #fff;}
.lodinc a:hover{color:#fff;}
.nav-list{ margin-left:15%; margin-top: 9px;}
.nav-list li{ float:left; margin-left:10px;}
.nav-list li a{ display:block; padding:0 20px; line-height:38px; color:#121e34; font-size: 16px; transition:all 0.5s ease;}

.ind-tit{ text-align: center; margin-bottom: 3%;}
.ind-tit h3{ color: #333; font-size: 30px; line-height: 1.8; margin-bottom: 0.35em; font-weight: normal;}
.ind-tit p { color: #666;}

.indsec{ padding-top: 3.5%; padding-bottom: 4%;}
.vodlso .rel{ display:inline-block;}
.aplec-vod{ position:absolute; width:76%; height:83%; left:12.15%; top:7.3%; overflow:hidden;}

.indsec-02,.indsec-04{ background: #F7F7F7; padding-top: 0 !important; padding-bottom: 0 !important;}
.indsec-03{ padding-top: 0 !important; padding-bottom: 0 !important;}
.ind-img-text{ display: flex; align-items: center; justify-content:space-between;}
.ind-img-text .img{ width: 58%;}
.ind-img-text .text{ width: 35%; padding: 2.5% 0;}
.ind-img-text .text h3{ font-size: 30px; color: #333; margin-bottom: 0.5em; line-height: 1.5; font-weight: normal;}
.ind-img-text .text p{ color: #666; line-height: 2;}
.ind-img-text-1 .img{ float: right; text-align: right;}
.ind-img-text-1 .text{ float: left;}
.ind-img-text-2 .img{ float: left;}
.ind-img-text-2 .text{ float: right;}

.indsec-05 .img-center{ text-align: center;}
.scloe-list{margin: 5% -3% 0;}
.adrel{ position:relative;}
.adrel .owl-prev,.adrel .owl-next{ display:inline-block; height: 45px; width: 45px; border-radius:22px; line-height: 0; font-size: 0; cursor: pointer;  padding: 0; border: none; margin:0 5px;z-index:10; background-repeat:no-repeat; background-position:center center;transition:all 0.3s linear;}
.adrel .owl-prev {background-image:url(/static/images/site/left.png);}
.adrel .owl-next{background-image:url(/static/images/site/right.png);}
.adrel .owl-prev:hover,.adrel .owl-next:hover{ background-color:#000;transition:all 0.3s linear;}
.adrel .article{ padding:0 10%;}
.adrel .article .pic img{ width:auto; display:inline-block;}
.adrel .article .tit{ font-size:20px; color:#333;margin-top:15%; margin-bottom: 0.8em; line-height: 1.5;}
.adrel .article .con{ line-height:1.5; color:#666; margin-top:2%;}
.adrel .owl-item:nth-child(n) .article{ transition-delay:0.1s;}
.adrel .owl-item:nth-child(2n) .article{ transition-delay:0.3s;}
.adrel .owl-item:nth-child(3n) .article{ transition-delay:0.6s;}
.adrel .owl-item:nth-child(4n) .article{ transition-delay:0.9s;}
.adrel .owl-item:nth-child(5n) .article{ transition-delay:1.2s;}
.adrel.owl-theme .owl-controls{ margin-top:10; text-align:center;}
.adrel.owl-theme .owl-controls .owl-page span{ width:14px; height:14px; margin: 5px 14px; opacity:1; background:#ddd;}
.adrel.owl-theme .owl-controls .owl-page.active span{ background:#0681FB;}

.indsec-06{ background: #F7F7F7;}
.ind-us{ display: flex;align-items: center; justify-content:space-between;}
.ind-us .text{ float: left; width: 35%;}
.ind-us .text h3{ font-weight: normal; font-size: 26px; color: #333; line-height: 1.5; margin: 1em 0;}
.ind-us .text p{ color: #666;}
.ind-us .text .more{ margin-top: 2em; margin-bottom: 1em;}
.ind-us .text .more a{ display: inline-block; width: 210px; line-height: 58px; font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #0681FB; border: 1px solid #0681FB; text-align: center; font-size: 115%;}
.ind-us .text .more a:hover{ background: #0681FB; color: #fff;}
.ind-us .img{ float: right; width: 51%; text-align: right;}

.mrxx{ margin: 0 -17px;}
.fourel .article{ padding:15px 17px; }
.fourel .article .blsot{  border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0 0 20px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2); overflow: hidden; display: block;}
.fourel .article .pic{max-height: 260px;}
.fourel .article .cont{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(6,129,251,0.9); z-index:3; opacity:0; transition:all 0.5s ease;}
.fourel .article .cont .tab-cell{ display:table; position:absolute; left:0; top:0; width:100%; height:100%;}
.fourel .article .cont .tab-cell div{ display:table-cell; vertical-align:middle; color:#fff; padding:0 15%;}
.fourel .article .cont .tab-cell div img{ display:inline-block; width:auto;}
.fourel .article .cont .tab-cell div .p1{ transform:scale(0); transition:all 0.5s ease;}
.fourel .article .cont .tab-cell div .p1 img{ max-height: 140px;}
.fourel .article .cont .tab-cell div .p2{ padding-top:10px; }
.fourel.owl-theme .owl-controls{ text-align:center; padding-top:3%; margin:0;}
.fourel.owl-theme .owl-controls .owl-prev,.fourel.owl-theme .owl-controls .owl-next{ display:inline-block; margin:0 25px; width:40px; height:30px;  background-repeat:no-repeat;background-image:url(/static/images/site/slide.png); text-indent:-9999px;}
.fourel.owl-theme .owl-controls .owl-prev{ background-position: 0 0;}
.fourel.owl-theme .owl-controls .owl-next{ background-position: -40px -30px;}
.fourel.owl-theme .owl-controls .owl-prev:hover{ background-position: -40px 0;}
.fourel.owl-theme .owl-controls .owl-next:hover{ background-position: 0 -30px;}
.fourel .owl-item:nth-child(2n) .article{ transition-delay:0.3s;}
.fourel .owl-item:nth-child(3n) .article{ transition-delay:0.6s;}

.indsec-08{ background: #F7F7F7;}
.forbecl .article{ padding:15px 17px; }
.forbecl .article li{ margin-bottom: 35px;}
.forbecl .article .blsot{  border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0 0 20px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2); overflow: hidden; display: block;}
.forbecl .article .pic{max-height: 260px;}
.forbecl .article .cont{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(6,129,251,0.9); z-index:3; opacity:0; transition:all 0.5s ease;}
.forbecl .article .cont .tab-cell{ display:table; position:absolute; left:0; top:0; width:100%; height:100%;}
.forbecl .article .cont .tab-cell div{ display:table-cell; vertical-align:middle; color:#fff; padding:0 15%;}
.forbecl .article .cont .tab-cell div img{ display:inline-block; width:auto;}
.forbecl .article .cont .tab-cell div .p1{ transform:scale(0); transition:all 0.5s ease;}
.forbecl .article .cont .tab-cell div .p1 img{ max-height: 140px;}
.forbecl .article .cont .tab-cell div .p2{ padding-top:10px; }
.forbecl.owl-theme .owl-controls{ margin:15px 0 0; text-align:center;border:0;}
.forbecl.owl-theme .owl-controls .owl-page span{ width:14px; height:14px;margin: 5px 14px;}
.forbecl.owl-theme .owl-controls .owl-page.active span{ background:#0681FB;}
.forbecl .owl-item:nth-child(2n) .article{ transition-delay:0.3s;}
.forbecl .owl-item:nth-child(3n) .article{ transition-delay:0.6s;}


.foot{ background:#2B2B2B; color:#999;}
.sourec{ padding:4% 0 2%;}
.lonavf{ margin-bottom: 2.5%;}
.lonavf .logof{margin-right: 8%;}
.dolc{ margin-top: 5px;}
.dolc a{ color: #fff; margin: 0 24px;}
.copyRight{ padding: 1.2% 10px; border-top: 1px solid #414141; text-align: center;}
.ctf p{ margin-bottom: 10px;}
.ctf p img{ margin-right: 1em;}

.ny-banner{ height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.ny-banner:after{ content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(38,43,52,0.2) url(/static/images/site/bg.png);}
.olodcs{ z-index:2; color:#c3c3c3; padding-top:52px;}
.olodcs .bltc{ letter-spacing:5px; font-size:12px; padding-bottom:25px;}
.olodcs .bltc:after{ content:''; width:62px; transform:translateX(-50%); height:1px; position:absolute; left:50%; bottom:0; background:#258ffb;}

.my-banner{height:335px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.my-banner .c-txt{position:absolute; left:0; right:0;top:50%; z-index:6; color:#fff; transform:translateY(-50%);}
.my-banner .c-txt h3{ font-size: 40px;}
.my-banner-1{height:335px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.my-banner-1 .c-txt{position:absolute; left:0; right:0;top:5%;z-index:6; color:#fff; }
.my-banner-1 .c-txt h3{ font-size: 40px; text-align: center;}

.solution{padding: 2.5% 0 5%;}
.i-tit{ margin-bottom: 2.3%; line-height: 1; padding-bottom: 2.3%; border-bottom: 1px solid #E5E5E5;}
.i-tit h3{display: inline-block; font-size: 30px; color: #333; font-weight: normal; margin: 0 0.5em;}
.i-tit img{ vertical-align:text-bottom;}

.tab-sloe{ text-align:center; border:1px solid #eee; margin-bottom: 2.5%;}
.tab-sloe td{ width:25%; line-height:20px; position:relative;  color:#666; padding:15px 0; border-left:1px solid #eee; border-right:1px solid #eee;}
.tab-sloe thead td{ font-size:18px; color:#fff;}
.tab-sloe tbody tr.even{ background:#f8f8f8;}
.tab-sloe td span{ font-size:16px; color:#09b16d;}
.tab-sloe td em{ font-size:16px; color:#e73a63;}
.cms-link .txt{ float: left; font-size: 30px; font-weight: bold; color: #333; line-height: 1.5; padding-top: 0.1em;}
.cms-link .more{ float: right;}
.cms-link .more a{ display: inline-block; width: 210px; line-height: 60px; color: #fff; background: #258ffb; font-size: 115%; text-align: center;}
.cms-link .more a:hover{ opacity: 0.9;}

.float-sild{ position:fixed; right:0; top:50%; transform:translateY(-50%); width:54px; z-index:50;}
.float-sild .zlec{ line-height:54px;}
.float-sild .zlec:nth-child(5n+1) a{ width:220px;}
.float-sild .zlec:nth-child(5n+1):hover a{ transform:translateX(-166px);}
.float-sild .zlec a{ display:block; width:150px;background-color:rgb(49, 53, 61);  height:54px; color:#fff; transition:all 0.5s ease;}
.float-sild .zlec:hover a{ transform:translateX(-96px); background:#258ffb; transition:all 0.5s ease;}
.float-sild .zlec span{ display:inline-block; vertical-align:middle; width:54px; height:54px; background-repeat:no-repeat; background-position:center center;}
.float-sild .zlec .s1{ background-image:url(/static/images/site/fc01.png);}
.float-sild .zlec .s2{ background-image:url(/static/images/site/fc02.png);}
.float-sild .zlec .s3{ background-image:url(/static/images/site/fc03.png);}
.float-sild .zlec .s4{ background-image:url(/static/images/site/fc05.png);}
.wslm{ position:relative; width:54px; height:54px;}
.wslm span{ width:54px; height:54px; display:block; background:rgb(49, 53, 61) url(/static/images/site/fc04.png) no-repeat center center; transition:all 0.5s ease;}
.wslm:hover span{background-color:#258ffb; transition:all 0.5s ease;}
.wslm p{ background:rgb(49, 53, 61); position:absolute; width:130px; height:130px; padding:10px; right:80px; bottom:0; opacity:0; visibility:hidden; transition:all 0.5s ease;}
.wslm:hover p{ right:54px; opacity:1; visibility:visible;transition:all 0.5s ease;}
.go-top{ width:54px; height:54px; cursor:pointer; transition:all 0.5s ease; background:rgb(49, 53, 61) url(img/sild04-2.png) no-repeat center center;}
.go-top:hover{ background-color:#258ffb; transition:all 0.5s ease;}
.header.on .ad-top{ display:none;}

.template-x{ display: flex;}
.template-x .side-xl{ float: left; width: 20%; padding-top: 30px;}
.template-x .side-xr{ float: left; width: 80%; box-sizing: border-box; border-left: 1px solid #E5E5E5;}
.search-tx{ position: relative; margin-right: 10%; margin-bottom: 10px;}
.search-tx .c1{ width: 100%; border:2px solid #DBE0EA; border-radius: 6px; -webkit-border-radius: 6px; padding: 10px 18px; line-height: 1.3;}
.search-tx .c2{ position:absolute; width: 45px; top: 0; bottom: 0; right: 0; background: url(/static/images/site/sc1.png) no-repeat center; border: 0;}
.schLink .item-sk{ border-bottom: 1px solid #E5E5E5;}
.schLink .item-sk .tit{ padding: 1em 0; line-height: 1.3; font-size: 16px; color: #333;}
.schLink .item-sk .tit a{color: #333; font-size: 16px; }
.schLink .item-sk .tit a:hover{color: #258ffb;}
.schLink .item-sk .ask{ padding-bottom: 1em; display: none;}
.schLink .item-sk .ask a{ margin: 0 10% 1em; line-height: 3; white-space: nowrap;}
.schLink .item-sk .ask a:hover, .schLink .item-sk .ask a.cur{ color: #258ffb;}

.templatedfeedback{border: 1px solid #E5E5E5; text-align: center; margin-top: 20px; margin-right: 15px; color: #666;
font-size: 16px; cursor: pointer;}
.templatedfeedback .img{ max-width: 200px; margin: 0 auto;}
.templatedfeedback p{padding: 1em;}
.templatedfeedback:hover{ color: #258ffb;}
.poptempfeedback{ display: none;}
.poptempfeedback:before{content:'';position: fixed; z-index: 998; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5);}
.temp-feedback{position: fixed; width:600px; left: 50%; margin-left: -300px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #fff; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3); box-shadow: 0 0 15px rgba(0,0,0,0.3); z-index: 999;}
.temp-feedback .close-temp{ position: absolute; right: 15px; top: 15px; width: 22px; height: 22px; background: url(/static/images/site/close_s.png) no-repeat center; cursor: pointer;}
.temp-feedback .head-temp{ padding: 10px 30px; font-size: 20px; color: #333;}
.temp-feedback .form-temp{padding: 10px 30px 30px;}
.temp-feedback .form-temp .item{overflow: hidden; margin-bottom: 15px;}
.temp-feedback .form-temp .item label{ float: left; padding-top: 3px; padding-right: 0.7em; width: 6em; text-align: right; position: relative;}
.temp-feedback .form-temp .item label .star_note{color: #cc0000; position: absolute; right: 0; top: 0;}
.temp-feedback .form-temp .item .mlx{ margin-left: 6.5em;}
.temp-feedback .form-temp .text_input,.temp-feedback .form-temp .textarea_t{width: 100%; padding: 8px 10px; line-height: 1.3; border: 1px solid #E5E5E5; box-sizing: border-box;}
.temp-feedback .form-temp .textarea_t{ height: 100px; display: block;}
.temp-feedback .form-temp .text_input::placeholder,.temp-feedback .form-temp .textarea_t::placeholder{ color: #aaa;}
.temp-feedback .form-temp .code{ width:200px; margin-bottom: 15px; margin-left: 6.5em; box-sizing:border-box; position:relative;  float:left; padding-left: 92px; border: 1px solid #e5e5e5; }
.temp-feedback .form-temp .code .codeImg{position:absolute; width:76px; left:5px; top:5px; bottom:5px;}
.temp-feedback .form-temp .code .codeImg img{ height:100%;}
.temp-feedback .form-temp .code .text_input{border:0; border-left: 1px solid #e5e5e5; ;}
.temp-feedback .form-temp .submit{ text-align: right;}
.temp-feedback .form-temp .submit .btn{ padding: 8px 20px; background: none; border: 1px solid #e5e5e5; color:#666; margin-left: 10px; cursor: pointer;}
.temp-feedback .form-temp .submit .btn_submit{ background: #258FFB; border-color:#258FFB; color: #fff;} 
.temp-feedback .form-temp .submit .btn_submit:hover{ opacity: 0.8;}

.lprelc{padding-left: 4%;}
.lprelc ul{ display: block; margin: 0 -13px 5%;}
.lprelc li{ width:33.33%; margin-top:3%; float:left;}
.lprelc li:nth-child(3n+1){clear: both;}
.lprelc li .itemlc{margin: 0 13px;}
.lprelc li .pic{ background:#f1f1f1; border-radius:5px;  overflow:hidden; padding:8% 8% 0;}
.zjloe{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(37,143,251,0.85); padding-top:40px; transform:translateX(100%); transition:all 0.6s ease;}
.lprelc li.set .zjloe{ transform:translateX(0%); transition:all 0.6s ease;}
.lprelc li .zjloe img{ width: 100px; height: 100px;}
.lprelc li .pic .aflc{ box-shadow:0 0 15px rgba(0,0,0,0.2); height: 180px; overflow:hidden;}
.lprelc li .tit{ margin-top:1em; font-size:16px; color: #000; line-height:25px;}
.lprelc li .tit span{ float:right; background:url(/static/images/site/xe.jpg) no-repeat center center; width:15px; height:25px;}
.lprelc li .flc{ color:#999; font-size:12px;}
.lprelc li .lik a{ display:inline-block; width:50px; text-align:center; line-height:24px; border:1px solid #ddd; text-align:center; font-size:12px; transition:all 0.5s ease;}
.lprelc li .lik a:hover{ color:#fff; background:#258ffb; border-color:#258ffb; transition:all 0.5s ease;}

.afloec{padding-left: 4%;}
.afloec ul{ display: block; margin: 0 -13px 5%;}
.afloec li{ width:33.33%; margin-top:3%; float:left;}
.afloec li:nth-child(3n+1){ clear: both;}
.afloec li .itemlc{margin: 0 13px;}
.afloec li .pic{ background:#f1f1f1; border-radius:5px;  overflow:hidden; padding:8% 8% 0;}
.afloec li .pic .aflc{ box-shadow:0 0 15px rgba(0,0,0,0.2); height: 180px; overflow:hidden;}
.afloec li .tit{ margin-top:1em; font-size:16px; color: #000; line-height:25px; margin-bottom: 0.3em;}
.afloec li .tit span{ float:right; color: #666; font-size: 90%;}
.afloec li .inc{ color:#666; line-height: 1.8; }

.ind-blt{ padding-top:2%;}
.ind-blt .p1{ color:#258ffb; font-size:30px;}
.ind-blt .p2{ color:#666; line-height:30px; font-size:12px;}
.ind-blt .p2:after{ position:absolute; left:0%; top:50%; height:1px; width:100%; background:#eaeaea; content:'';}
.ind-blt .p2 span{ position:relative; z-index:2; display:inline-block; padding:0 20px; background:#fff;}

.cweio{ margin-top:3%; position:relative;}
.cweio .p1{ font-size:24px; margin-bottom:10px; color: #000;}
.cweio .p2{ line-height:1.8; margin-top:5px; position:relative; padding-right:130px;}
.cweio .p5{ border-bottom:1px solid #ddd; padding-bottom:12px;}
.cweio .p5:after{ content:''; position:absolute; left:0; bottom:-1px; height:2px; width:100px; background:#258ffb;}
.cweio .p3{ position:absolute; right:0; bottom:0;}
.padclt{ padding:4% 0;}
.padclt .con{ width:740px;}
.padclt .con .p1{ font-size:24px; line-height:45px; color: #000;}
.padclt .con .p2{ line-height:1.8; margin-top:15px;}

.hewoc{ margin-top:2%;}
.hewoc li{ text-align:center; width:33.3%; margin-top:5%; float:left;}
.hewoc li .tit{ font-size:24px; margin:5% 0;}
.hewoc li .how{ line-height:20px; font-size:12px; color:#666;}
.hewoc li .con{ color:#999; line-height:20px; font-size:12px; margin-top:5px;}

.pages{ margin:1em 0 4em; text-align:center; line-height:1.5;}
.pages ul,.pages li{list-style:none; padding:0; margin:0;}
.pages li{background:none;  border:1px solid #CCCCCC;margin:0 0.1em;  display:inline-block; *display:inline; *zoom:1; margin-bottom:0.5em; padding:0.2em 0.4em; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.pages li a{ display:block; color:#666;text-decoration:none;padding:0.2em 0.5em; }
.pages li span{ display:block; color:#666;padding:0.2em 0.5em;}
.pages li.active,.pages li:hover{ background:none; }
.pages li.active a,.pages li:hover a{color:#258ffb;}
.pages li.disabled,.w-pages li.disabled:hover{  opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);  background:none; border-color:#ddd;}
.pages li.disabled a,.w-pages li.disabled:hover a,.pages li.disabled span,.w-pages li.disabled:hover span{color:#666;cursor:default;}
/*--------------faq新增--------------------*/
.ind-06{padding-bottom: 3%;}
.ind-06 .pages{margin-bottom: 2.5em;}
.my-banner-2{height: 335px;background-repeat:no-repeat; background-position:center center; background-size:cover;}
.bnn{position:absolute; left:0; right:0;top:50%; z-index:6; color:#fff; transform:translateY(-50%);}
.bnn .bnn-p{ font-size: 16px;max-width: 690px; margin: 0 auto; text-align: left;}
.bnn .bnn-p a{ color: #fff; margin-right: 1.5em; }
.bnn .bnn-search{ margin: 0 auto 1em; max-width: 690px; position: relative; }
.bnn .bnn-search .c1{padding: 15px 30px; width: 100%; box-sizing: border-box; font-size: 16px; color: #333; background: #fff; border-radius: 32px; -webkit-border-radius: 32px; outline: none; border: 0;}
.bnn .bnn-search input::-ms-clear,.bnn .bnn-search input::-ms-reveal{display: none;}
.bnn .bnn-search .c1::placeholder{color: #868686;}
.bnn .bnn-search .c2{position:absolute; width: 70px; outline: none; border: 0; cursor: pointer; top: 0; right: 0; bottom: 0; background: url(/static/images/site/searchzz.png) no-repeat center;}

.menu-hh{ background: #F2F2F2; text-align: center; font-size: 24px;}
.menu-hh ul{ display: inline-block; *display:inline; *zoom:1; vertical-align: middle;}
.menu-hh li{ float: left; }
.menu-hh li a{ display: block; padding: 17px 50px; color: #333; line-height: 52px;}
.menu-hh li a:hover{ color:#258ffb;}
.menu-hh li img{ vertical-align: middle; margin-right: 12px;filter: grayscale(100%);-webkit-filter: grayscale(100%); opacity: 0.4;}
.menu-hh li a:hover img{filter: grayscale(0);-webkit-filter: grayscale(0); opacity: 1;}

.wp40{padding: 40px 0 0;}
.item_f h3{color: #333; font-weight: bold; margin: 0 0 35px; font-size: 24px;}
.faq-list-group{ margin: 0 -3%;}
.faq-list-group .flg-in{    display: flex;flex-wrap: wrap;}
.faq-list-group .flg-item{width: 33.333%; float: left;margin-bottom: 65px;}
.faq-list-group .flg-item:nth-child(3n+1){ clear:both;}
.faq-list-group .flg-item .flg-item-in{margin: 0 9%; border: 1px solid #C9C9C9; background: #F2F2F2; padding: 25px 0; height: 100%;}
.tit-h{ position: relative; line-height: 1.1; padding:0 6%; font-size: 18px; color: #333; margin-bottom: 14px;}
.tit-h:before{ content: ''; position: absolute; width: 4px; height: 1em; left: -1px; top: 50%; margin-top: -0.5em; background: #258ffb;}
.tit-h span{ font-weight:bold;}
.tit-h a{position:absolute; text-align: right; right: 6%; line-height: 1.2; top: 50%; margin-top: -0.6em; font-size: 80%; color: #AEAEAE;}
.tit-h a:hover{ color: #258ffb;}
.list-f1{ padding: 0 6%;}
.list-f1 li a{ color:#5E5E5E; line-height: 2.8; display: block;text-overflow: ellipsis; white-space: nowrap;word-break: keep-all;overflow: hidden;}
.list-f1 li a:hover{color: #258ffb;}
.faq-cmm{ margin: 0 -10px;}
.faq-cmm li{ float: left; width: 20%; }
.faq-cmm li a{ display: block; margin: 0 10px; text-align: center; padding: 32px 10px; line-height: 1.8; font-size: 18px; color: #333; background: #F2F2F2;}
.faq-cmm li a:hover{ background: #258ffb; color: #fff;}

.wpfq{ position: relative; display: flex;}
.side-l{ float: left; width: 16%; border-right: 1px solid #E4E4E4; box-sizing: border-box;}
.side-r{ float: right; border-left: 1px solid #E4E4E4; width: 30%; box-sizing: border-box; padding-left: 3%;}
.main-m{ float: left; width: 54%;box-sizing: border-box; padding: 0 4%;}
.side-l h3{ font-size: 24px; color:#333; font-weight: normal;margin-bottom: 0.8em;}
.side-l h3 span{ font-size: 65%; margin-left: 20px; }
.menu-vv{ margin-left: 15px; margin-right: 15px;}
.menu-vv li a{ line-height: 2.8; font-size: 16px; color: #333; padding-left: 20px; display: block; position: relative;}
.menu-vv li.cur a,.menu-vv li:hover a{ color: #258ffb;}
.menu-vv li.cur a:before,.menu-vv li:hover a:before{ content: ''; position: absolute; left: 0; height: 1.2em; top: 50%; margin-top: -0.6em; width: 4px; background: #258ffb;}
.article-x > ul{ margin-bottom: 40px;}
.article-x > ul li{ border-bottom: 1px dashed #D7D7D7;}
.article-x > ul li a{ padding: 1.3em 0 1.3em 5%; background: url(/static/images/site/ii.png) no-repeat 1.5% center;display: block;text-overflow: ellipsis; white-space: nowrap;word-break: keep-all;overflow: hidden;}
.item-s{ margin-bottom: 25px; border-bottom: 1px solid #E4E4E4;}
.item-s:last-child{ border-bottom: 0;}
.item-s h3{ font-size: 20px; color: #333; padding-left: 22px; position: relative; margin-bottom: 1em;}
.item-s h3:before{ content: ''; position: absolute; width: 4px; height: 1em; left: 0; top: 50%; margin-top: -0.5em;background: #258ffb;}
.list-x1 li{ min-width: 29%; margin-right: 4%; float: left; margin-bottom: 22px;}
.list-x1 li a{ display: block; border: 1px solid #D7D7D7; border-radius: 30px; -webkit-border-radius: 30px;padding: 0.7em 1em; text-align: center; line-height: 1.5;}
.list-x1 li a:hover{ color: #258ffb; border-color:#258ffb;}
.list-x2{ padding: 0 22px;}
.list-x2 li{ margin-bottom: 1em;}
.list-x2 li a{ line-height: 2;display: block;text-overflow: ellipsis; white-space: nowrap;word-break: keep-all;overflow: hidden;}
.main-l{width: 70%;box-sizing: border-box; float: left; padding-right: 5%;}
.article-det{ padding-bottom: 10px;}
.art-top{ padding: 20px 4%; background: #F2F2F2; margin-bottom: 40px;line-height: 1.7; text-align: center;}
.art-top h2{ font-size: 24px; line-height: 1.5;}
.art-top .date{ color: #aaa; margin-top: 8px;}
.art-top .date i{display: inline-block; *display:inline; *zoom:1; margin-right: 10px; width: 23px; height: 23px; background: url(/static/images/site/icon_time.png) no-repeat center; vertical-align: middle;}
.art-con{ font-size: 16px;}
.prev-next-x{ margin: 30px -8px;}
.prev-next-x > div{ float: left; width: 50%;}
.prev-next-x > div a{ display: block; margin: 0 8px; padding: 1.2em 5%;text-overflow: ellipsis; white-space: nowrap;word-break: keep-all;overflow: hidden; border: 1px solid #E4E4E4; color: #333;}
.prev-next-x > div a:hover{color: #258ffb; border-color:#258ffb; }
video:focus { outline: none; }
.video-x{ position: relative; margin: 40px auto 60px; max-width: 670px;}
.video-x .video_size{padding-bottom: 56.25%;}
.video-x .video_p{position:absolute; left:0; right:0; top:0; bottom:0;}
.main-r{width: 84%; padding-left: 5%; box-sizing: border-box; float: left;}
.update-xx{ padding-bottom: 30px; padding-top: 10px;}
.update-xx h2{  font-size: 24px; color: #333; text-align: center; margin-bottom: 40px; }
.main-xx{ max-width: 1000px; margin: 0 auto; width: 100%;}
.crumb-x{ border-bottom: 1px solid #E4E4E4; font-size: 16px; padding: 0 10px 15px; margin-bottom: 20px;}
.star{ color: #258ffb; padding: 0 3px;}
.text-underline{ text-decoration: underline;}
.file-download .item-fd{ margin-bottom: 40px;}
.file-download .item-fd .txt-x{ margin-bottom: 25px; font-size:16px;}
.file-list{ margin: 0 -2%;}
.file-list ul,.file-list li{ list-style: none; padding: 0; margin: 0;}
.file-list li{ margin-bottom: 20px; float: left; width: 50%;}
.file-list li .item{display: block;padding:20px; border: 1px solid #d0d0d0; position: relative; margin: 0 4%;}
.file-list li .item:hover{ border-color: #258ffb;}
.file-list li .w-file-info{padding-right:65px; position: relative;}
.file-list li .w-file-info .icon_file{ float: left; display: block; width:4em; height: 4em; background:url(/static/images/site/icon_fileNN1.png) no-repeat #307CF8; background-size: 4em 28em; border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden;}
.file-list li .w-file-info .icon_file1{ background-position:0 -4em; background-color: #2C97FF;}
.file-list li .w-file-info .icon_file2{background-position:0 -8em; background-color: #FF5855;}
.file-list li .w-file-info .icon_file3{background-position:0 -12em;}
.file-list li .w-file-info .icon_file4{background-position:0 -16em; background-color: #1FBB7D;}
.file-list li .w-file-info .icon_file5{background-position:0 -20em; background-color: #F99506;}
.file-list li .w-file-info .icon_file6{background-position:0 -24em; background-color: #EC5840;}
.file-list li .w-file-info .icon_fileEmpty{background-position:0 0; background-color: #F7B500;}
.file-list li .w-file-info .w-file-text{position:absolute; left:5em; right:65px;top:50%; top:10px\9; *top:10px; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.file-list li .w-file-info .w-file-text{ top:50%;}
.file-list li .w-file-info .w-file-text h3{ line-height:1.3;font-size: 120%; font-weight: normal; margin: 0; }
.file-list li .w-file-info .w-file-text .dec{font-size: 92%; opacity: 0.7;}
.file-list li .w-file-load{display:block; position: absolute; right:20px; top:50%; margin-top:-17px; width:60px; height: 34px; border-radius: 40px; -webkit-border-radius: 40px; background: #f2f2f2;}
.file-list li .w-file-load .icon_downLoad_x1{  display:block;position: absolute; left:50%; margin-left:-16px; top:50%; margin-top:-16px; width:32px; height: 32px; background: url(/static/images/site/icon_download1.png) no-repeat center;}
.file-list li a:hover .w-file-load{background-color: #258ffb;}
.file-list li a:hover .w-file-load .icon_downLoad_x1{background-image: url(/static/images/site/icon_download1_0.png); }

.msg .note{ font-size:16px; margin-bottom:50px; line-height: 1.5;}
.msg .note strong{ margin-bottom: 10px; display: inline-block;}
.form-msg{ overflow:hidden; margin-bottom: 30px;}
.form-msg dl{ margin:0 -10px;}
.form-msg dd{ float:left; width:33.333%; margin-bottom:18px;}
.form-msg dd .item{ margin:0 10px; border: 1px solid #C9C9C9; overflow: hidden; }
.form-msg dd .item label{ line-height: 47px; width: 85px; display:block; float: left; text-align: center;border-right: 1px solid #C9C9C9;}
.form-msg .item{position:relative;}
.text_input,.textarea_f{ font-size:100%; color:#333; padding:1.05em 1em 1.05em 1.2em; line-height:1.3;  background:none; width:100%; box-sizing:border-box;border: 1px solid #C9C9C9; }
.text_input::placeholder,.textarea_f::placeholder{ color: #aaa;}
.form-msg dd .item .mlx{ margin-left:85px;}
.text_input{ border: 0; }
.textarea_f{ height:240px;border: 1px solid #C9C9C9;}
.form-msg .item_area{ margin-bottom:18px;}
.form-msg .code{ width:260px; box-sizing:border-box; position:relative;  float:left; padding-left: 92px; border: 1px solid #C9C9C9; }
.form-msg .code .codeImg{position:absolute; width:76px; left:5px; top:5px; bottom:5px;}
.form-msg .code .codeImg img{ height:100%;}
.form-msg .submit{ margin-left:290px;}
.form-msg .submit .btn{ width:100%; position: relative; padding:1em 1.2em; color:#333; display:block; font-size:100%; cursor:pointer; border:1px solid #C9C9C9; background: none; text-align: left; }
.form-msg .submit .btn_submit:before{ content: ''; position: absolute; right: 1.2em; top: 50%; margin-top: -5px; width: 16px; height: 10px; background: url(/static/images/site/aa1.png) no-repeat center;}
.form-msg .submit .btn_submit:hover,.form-msg .submit .btn_submit:active{ background:#258ffb; border-color: #258ffb; color: #fff;}
.form-msg .submit .btn_submit:hover:before,.form-msg .submit .btn_submit:active:before{ background-image: url(/static/images/site/aa2.png);}
/*--------------faq新增 end--------------------*/

@media screen and (min-width: 1201px) {
.nav-list li a:hover,.nav-list li.cur a{ color:#258ffb; transition:all 0.5s ease;}
.tab-sloe td.bs{ border-color:#258ffb;}
.tab-sloe td.tbs{ border-right-color:#258ffb;}
.tab-sloe td.bbs:after{ height:1px; content:''; background:#258ffb; left:0; bottom:-1px; width:100%; display:block; position:absolute;}
.tab-sloe.bl{ border-right-color:#258ffb}
.fourel .article .blsot:hover .cont{ opacity:1; transition:all 0.5s ease;}
.fourel .article .blsot:hover .cont .tab-cell div .p1{ transform:scale(1); transition:all 0.5s ease;}
.forbecl .article .blsot:hover .cont{ opacity:1; transition:all 0.5s ease;}
.forbecl .article .blsot:hover .cont .tab-cell div .p1{ transform:scale(1); transition:all 0.5s ease;}
}
@media screen and (max-width: 1600px) {
   .colwms .p1{ font-size: 64px;}
   .colwms .p2{ font-size: 28px;}
}
@media screen and (max-height:600px) {
   .colwms .p1{ font-size: 54px;}
   .colwms .p2{ font-size: 26px;}
}
@media screen and (max-width: 1400px) {
.wrap{ width:100%; max-width:1200px;padding:0 2%;}
.nav-list{ margin-left: 6%;}
.colwms .p1{ font-size: 54px;}
.colwms .p2{ font-size: 26px;}
}

@media screen and (max-width: 1200px) {
body{ padding-top:80px;}
.wrap,.wrap2{ width:100%; padding:0 2%;}
.sprel{ padding: 10px 0;}
.nav-list{ display:none; position:absolute; left:0; width:100%; top:80px; z-index:10; margin:0; background:rgba(6,129,251,0.9); border-top:1px rgba(255,255,255,0.2); padding:10px 0;}
.nav-list li{ width:100%; margin:0;}
.nav-list li a{ line-height:40px; color:#fff; font-size: 14px;}
.naloe{ display: block; width:30px; height:30px; background:url(/static/images/site/mob-ct.png) no-repeat center center; margin-left:10px; background-size:auto 60%; margin-top: 12px;}
.lodinc{display:none;}
.botelc{ padding-bottom: 40%;}
.colwms .p1{ font-size:32px;}
.colwms .p2{ font-size:20px;}
.my-banner{ height: 240px;}
.my-banner .c-txt h3{ font-size: 30px; max-width: 50%; line-height: 1.5;}
.my-banner-1{ height: 240px;}
.my-banner-1 .c-txt h3{ font-size: 30px;}
.my-banner-2{height: 240px;}
.float-sild{ display:none;}
.schLink .item-sk .ask a{margin-right: 5%; margin-left: 0;}
.lprelc li .tit span{ display:none;}
.padclt .con{ width:100%;}
.adrel .article{ padding: 0 7%;}
.adrel .article .tit{ font-size: 18px;}
.adrel .article .con{ font-size: 95%;}
.adrel.owl-theme .owl-controls .owl-page span,.forbecl.owl-theme .owl-controls .owl-page span{ width: 6px; height: 6px;margin: 5px 7px;}
.cms-link .txt{ float: none;}
.cms-link .more{ margin-top: 1em; float: none; text-align: left;}
.cms-link .more a{width: auto; line-height: 3; padding: 0 3em;}

.bnn{max-width:80%;  margin: 0 auto;}
.item_f h3{ margin-bottom: 20px;}
.menu-hh{ font-size: 18px;}
.menu-hh ul{ display: block;max-width:768px;  margin: 0 auto;}
.menu-hh li{ width: 20%; text-align: center;}
.menu-hh li a{padding: 0.7em 0.5em; line-height: 2;}
.menu-hh li img{ width: 2em;}
.faq-list-group{ margin: 0 -2%;}
.faq-list-group .flg-item{ width: 50%; margin-bottom: 1.5em;}
.faq-list-group .flg-item:nth-child(3n+1){ clear: none;}
.faq-list-group .flg-item:nth-child(2n+1){ clear: both;}
.faq-list-group .flg-item .flg-item-in{ margin: 0 4%;}
.faq-cmm{ margin: 0 -5px;}
.faq-cmm li a{ padding: 1.2em 0.2em; margin: 0 5px;}
.wpfq{flex-wrap:wrap;}
.side-l{ width: 32%;}
.main-m{ width: 68%;}
.side-r{ width: 100%; border-left: 0; padding: 0; border-top: 1px solid #E4E4E4; padding-top: 30px;}
.main-l{width: 100%; padding-right: 0;}
.main-r{ width: 68%;}
.update-xx h2{ margin-bottom: 20px;}
}
@media screen and (max-width: 1050px) {
   .ind-us .text img{ max-width: 75%;}
   .ind-us .text h3{ font-size: 22px;}
   .ind-us .text .more a{width: 10em; line-height: 3;}
   .mrxx{ margin: 0 -10px;}
   .fourel .article,.forbecl .article{ padding: 8px 10px;}
   .forbecl .article li{ margin-bottom: 20px;}
}
@media screen and (max-width: 950px) {
   .ind-img-text .text h3{font-size: 24px;}
   .i-tit h3{ font-size: 24px;}
   .cms-link .txt{font-size: 24px;}
}
@media screen and (max-width: 850px){
   .lprelc li{ width:50%;}
   .lprelc li:nth-child(3n+1){clear: none;}
   .lprelc li:nth-child(2n+1){clear: both;}
   .afloec li{ width:50%;}
   .afloec li:nth-child(3n+1){ clear: none;}
   .afloec li:nth-child(2n+1){ clear: both;}
   .afloec li .tit span{ font-size: 75%;}
}
@media screen and (max-width: 768px) {
body{ padding-top:55px;}
.ad-top{ display:none;}
.sprel .logo a{line-height: 1;}
.logo img{ max-height: 35px;}
.nav-list{ top:55px;}
.ind-tit h3{ font-size: 24px;}
.sprel{ padding:10px 0;}
.naloe{ margin-top: 0;}
.lodinc a{ width:50px; font-size:12px;}
.colwms .p1{font-size:20px;}
.colwms .p2{ font-size:14px;}
.xlorec img{ max-width: 3vw;}
.adrel .article .tit{ font-size:120%;}
.adrel .article .con{ font-size:95%;}
.atlov{ display:none;}
.lonavf{ display: none;}
.ny-banner{ height:280px;}
.my-banner .c-txt h3{ font-size: 24px; }
.my-banner-1 .c-txt h3{ font-size: 24px; }
.i-tit span{ display: block; line-height: 1.8; margin-top: 0.5em;}
.tab-sloe thead td{ font-size:15px;}
.mdsos{ padding:0;}
.mdsos span{ position:relative;}
.cweio .p1,.padclt .con .p1{ font-size:18px;}
.afolre{ display: none;}
.solc-bs{ visibility:visible; opacity:1;}
.template-x{ display: block;}
.template-x .side-xl,.template-x .side-xr{ width: 100%; float: none;}
.template-x .side-xr{border-left: 0;}
.search-tx{ margin-right: 0;}
.lprelc{ padding-left: 0; }
.afloec{ padding-left: 0;}
.ind-blt{ padding-top:4%;}
.ind-blt .p1{ font-size:20px;}
.hewoc li{ width:50%; padding:0 12px;}
.hewoc li .pic img{ width:70px; height:70px;}
.hewoc li .tit{ font-size:18px;}
.hewoc li .how{ height:60px; overflow:hidden;}

.bnn .bnn-h{ font-size: 28px;}
.bnn .bnn-p{ font-size: 100%;}
.bnn .bnn-search .c1{ font-size: 100%; padding: 1em 2em;}
.menu-hh{ font-size: 14px; overflow-x: auto;}
.menu-hh li img{ margin-right: 0.3em;}
.menu-hh ul{ min-width: 530px;}
.file-download .item-fd{ margin-bottom: 30px;}
.file-list{ margin: 0;}
.file-list li{ width: 100%;}
.file-list li .item{ margin: 0;}
.msg .note{ margin-bottom: 30px;}
.form-msg dd{ width: 100%;}
.form-msg .code{ width: 45%;}
.form-msg .submit{ margin-left: 50%;}
}
@media screen and (max-width: 640px) {
   .ind-img-text{ flex-wrap: wrap; justify-content: center;}
   .ind-img-text-1{ flex-wrap: wrap-reverse;}
   .ind-img-text .img,.ind-img-text .text{ width: 100%;}
   .ind-img-text .img{ text-align: center;}
   .ind-img-text .img img{ max-width: 80%;}
   .ind-img-text .text{ padding: 2em 0;}
   .ind-us{flex-wrap: wrap-reverse; justify-content: center;}
   .ind-us .img, .ind-us .text{width: 100%;}
   .ind-us .img{ text-align: center;}
   .ind-us .img img{ max-width: 80%;}
   .ind-us .text{ padding-top: 1.5em;}
   .ind-us .text img{ max-width: 40%;}
   .i-tit h3{ font-size: 20px;}
   .lprelc ul{ margin: 0 -0.5em 5%;}
   .lprelc li .itemlc{ margin: 0 0.5em;}
   .afloec ul{ margin: 0 -0.5em 5%;}
   .afloec li .itemlc{ margin: 0 0.5em;}
   .cms-link .txt{font-size: 20px;}
   .wp40{padding-top: 30px;}
   .faq-list-group{ margin: 0;}
   .faq-list-group .flg-item{width:100%; margin-bottom: 1em;}
   .faq-list-group .flg-item .flg-item-in{ margin: 0;}
   .item_f h3{ font-size: 20px; margin-bottom: 15px;}
   .tit-h{ font-size: 16px;}
   .faq-cmm li a{ font-size: 16px;}
   .side-l h3{ font-size: 20px;}
   .side-l h3 span{ margin-left: 10px;}
   .menu-vv{ margin: 0 10px 0 0;}
   .menu-vv li a{ font-size: 14px; padding-left: 10px;}
   .item-s h3{ font-size: 18px;}
   .list-x1 li{ margin-bottom: 1em;}
   .art-top{ margin-bottom: 2em;}
   .art-top h2{ font-size: 20px;}
   .video-x{ margin:2em auto 3em;}
   .temp-feedback{ width: 90%; margin-left: 0; left: 5%;}
   .temp-feedback .form-temp .code{  float: none; width: calc(100% - 6.5em);}
}
@media screen and (max-width: 500px) {
body > *{ font-size: 0.3rem;}
.colwms .p1{font-size:110%;}
.colwms .p2{ font-size:85%;}
.ind-tit h3{ font-size: 150%;}
.ind-img-text .text h3{font-size: 150%;}
.ind-us .text h3{ font-size:140%;}
.ewf{ max-width: 22%;}
.i-tit h3{ font-size: 150%;}
.cms-link .txt{font-size: 150%;}
.my-banner{ height: 10em;}
.my-banner .c-txt h3{ font-size: 130%; }
.my-banner-1{ height: 10em;}
.my-banner-1 .c-txt h3{ font-size: 130%; }
.my-banner-2{ height: 10em;}
.tab-sloe thead td{ font-size: 105%;}
.tab-sloe td{ font-size: 90%;}
.schLink .item-sk .tit{ font-size: 115%;}
.schLink .item-sk .tit a{ font-size: 100%;}
.lprelc li .tit{ font-size: 115%;}
.afloec li .tit{ font-size: 115%;}
.ind-blt .p1{ font-size:150%;}

.faq-cmm li{ width: 33.333%; margin-bottom: 10px;}
.side-l{ width: 100%; border-right:0; border-bottom: 1px solid #E4E4E4; margin-bottom: 15px; padding: 0 4% 10px;}
.menu-vv li a{ padding-left: 5%; line-height: 2.5;}
.main-m{ width: 100%;}
.main-r{width: 100%; padding-left: 0;}
.form-msg .code{ width: 100%; float: none; margin-bottom: 18px;}
.form-msg .submit{ margin-left: 0;}

.temp-feedback .head-temp{ font-size: 130%;}
}



@-moz-keyframes mouse {
  0% {
     opacity:0;
  }
  50% {
     opacity:1;
  }
  100% {
     opacity:0;
  }
}
@-webkit-keyframes mouse {
  0% {
     opacity:0;
  }
  50% {
     opacity:1;
  }
  100% {
     opacity:0;
  }
}
@keyframes mouse {
  0% {
     opacity:0;
  }
  50% {
     opacity:1;
  }
  100% {
     opacity:0;
  }
}
.tlore{ border-top:1px solid #ddd; margin-top:10px; padding-top:15px;}
.tlore a{ display:inline-block; line-height:35px; border:1px solid #ddd; background:#fff; width:90px; margin-right:10px; position:relative; padding-left:10px; font-size:12px;}
.tlore a:before{ content:''; width:0; height:0; border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #fff;  position:absolute; right:10px; top:10px; opacity:0;}
.tlore a:after{ content:''; width:0; height:0; border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff; position:absolute; right:10px; bottom:10px; opacity:0;}
.tlore a.up:before,.tlore a.down:after{ opacity:1;}
.tlore a.up:after,.tlore a.down:before{ opacity:0.5;}
.tlore a.cur{ background:#258ffb; border-color:#258ffb; color:#fff;}




.go-top{ width:54px; height:54px; cursor:pointer; transition:all 0.5s ease; background:rgb(49, 53, 61) url(/static/images/site/sild04-2.png) no-repeat center center;}
.go-top:hover{ background-color:#258ffb; transition:all 0.5s ease;}
.header.on .ad-top{ display:none;}