@charset "utf-8";
/* 浏览器样式初始化 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
html,body{margin: 0 auto;color: #000;font-family: Microsoft Yahei,Arial,Hiragino Sans GB,'微软雅黑',STHeiti,'华文细黑',sans-serif;background: #fff;}
ul,ol,li{list-style:none; padding: 0px; margin: 0px;}
a{color: inherit;text-decoration:none;outline: none;}
a:hover{color: #45b2f9; text-decoration:none;-webkit-transition: background-color .2s ease;-moz-transition: background-color .2s ease;-ms-transition: background-color .2s ease;-o-transition: background-color .2s ease;transition: background-color .2s ease; }
img{border:0;}
em,i,b{font-style: normal;font-weight: normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear{zoom:1;}
.left{float:left;}
.right{float:right;}
.before, .after{position: relative;display: block;line-height: 1em;}
.before:before, .after:after{position: absolute;display: block;content: "";}
.imgbigout{display: block;overflow: hidden;}
.imgbigout .imgbig{display: block;max-width: 100%;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.imgbigout:hover .imgbig{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1) }
.imgbigout img{display: block;max-width: 100%;margin: 0 auto;}
.pc {display: block;}
.mobile {display: none;}
.show {display: block!important;visibility: visible!important;}
/* 通用 */
@media (min-width: 1600px) {
.w95 {max-width: 95%;margin: 0 auto;}
}
/*位置控制*/
.vertical-align {font-size: 0}
.vertical-align:before {display: inline-block;height: 100%;vertical-align: middle;content: ""}
.vertical-align-bottom,.vertical-align-middle {display: inline-block;max-width: 100%;font-size: 14px}
.vertical-align-middle {vertical-align: middle}
.vertical-align-bottom {vertical-align: bottom}
/* 网站头部 */
.st-ppt-hearderall {width: 100%;height: 30vw;background-image: url(../images/ppt/details-infobg.jpg);background-repeat: repeat-y;background-size: 100% auto;position: relative;margin: 0px;padding: 0px;overflow: hidden;}
.st-ppt-top {position: absolute;width: 100%; max-width: 1920px; padding: 0px;margin: 0px auto;top: 0;left: 50%; transform: translateX(-50%); z-index: 120;overflow: hidden;}
.st-ppt-logo {padding: 15px 0px 5px;margin: 0px;overflow: hidden;float: left;}
.st-ppt-logo img {height: 75px;}
.st-ppt-mune {padding: 0px;margin: 0px;overflow: hidden;float: right;}
.st-ppt-mune li {float: left;line-height: 100px;padding: 0px 40px;margin: 0px;overflow: hidden;font-size: 16px;font-weight: 400;color: #fff;}
.st-ppt-mune li:last-child {padding-right: 0px;}
.st-ppt-mune li a {color: #fff;position: relative;}
.st-ppt-mune li.active a::after, .st-ppt-mune li:hover a::after {content: '';width: 100%;margin: 0px auto;padding: 0px;overflow: hidden;height: 1px;background-color: #fff;position: absolute;bottom: -10px;left: 0;}
.st-ppt-mune li.active a, .st-ppt-mune li:hover a {font-weight: 600;}
.st-ppt-bannertxt {font-size: 24px;text-align: center;line-height: 1.8;margin: 12vw 0px 0px;padding: 0px;overflow: hidden;position: absolute;z-index: 95;width: 100%;color: #fff;}
.st-ppt-bannertxt span {display: block;font-size: 48px;padding: 0px;margin: 0px;overflow: hidden;}
/*手机端菜单*/
.bgs {position: fixed;top: 0;left: 0;right: 0;bottom: auto;z-index: 10;width: 100%;background: rgba(0, 0, 0, 0.6);}
.menu_pp {padding: 0px;margin: 0px;position: relative;float: right;}
.menu_pp_nav{width: 90%;height: 100%;background-color: #fff;position: fixed;top: 0;left: -90%;color: #fff;overflow: hidden;z-index: 100;}
.menu_pp_nav ul{width: 100%;padding-top: 20px;}
.menu_pp_nav>ul{height: 100%;background-color: #fff;position: absolute;left:0;}
.menu_pp_nav ul a{display: block;color: #333;border-top: 1px solid #ccc;}
.menu_pp_nav ul li:first-of-type a{border: none;}
.menu_pp_nav ul li{padding:0 30px;font-size: 14px;font-weight: 600;line-height: 45px;position: relative;}
.menu_pp_nav ul li span{font-size: 30px;color: #181878;position: absolute;right: 35px;top: -3px;}
.menu_pp_logo{width: 100%;padding: 15px 20px 0;overflow: hidden;position: relative;}
.menu_pp_search{width: 100%;height: 35px;line-height: 35px;position: relative;}
.menu_pp_search input{width: 100%;height: 35px;padding-left: 10px;color: #333;border-radius: 5px;border: 1px solid #ccc;}
.menu_pp_search>i{width: 15px;position: absolute;top: 10px;right: 10px;color: #333;}
.menu_pp_logo>img{height: 65px; margin: 10px 0px;}
.menu_pp_logo h2{height: 60px;line-height: 60px;font-size: 18px;color: #333;}
.logo_close{width: 30px;height: 30px;border-radius:15px;border: 1px solid #181878;float: right;position: relative;right: 0;top: 4px;z-index: 11;}
.logo_close span:first-of-type{display: block;background-color: #181878;width: 70%;height: 1px;border-radius: 1px;position: absolute;top: 14.5px;left: 15%;transform: rotate(-45deg);}
.logo_close span:last-of-type{display: block;background-color: #181878;width: 70%;height: 1px;border-radius: 1px;position: absolute;top: 14.5px;left: 15%;transform: rotate(45deg);}
@media (min-width:300px) {
/*手机端菜单图标*/
.menu_icon{float: right;width: 40px;height: 40px;position: absolute;top: 20px;right: 0px;}
.menu_icon span{display: block;height: 2px;border-radius: 2.5px;background-color: #fff;position: absolute;right: 5%;}
.menu_icon span:nth-child(1){top: 12px;width: 70%;}
.menu_icon span:nth-child(2){top: 19px;width: 70%;}
.menu_icon span:nth-child(3){top: 26px;width: 70%;}
/*手机端菜单图标变化*/
.icon_now span:nth-child(1){animation: icon1 1s forwards;display: none;}
.icon_now span:nth-child(2){animation: icon2 1s forwards;width: 70%;}
.icon_now span:nth-child(3){animation: icon3 1s forwards;}
.icon_back span:nth-child(1){animation: icon4 1s forwards;}
.icon_back span:nth-child(2){animation: icon5 1s forwards;}
.icon_back span:nth-child(3){animation: icon6 1s forwards;}
@keyframes icon1{0%{top:12px;transform: rotate(0deg);}40%{top:19px;transform: rotate(0deg);}60%{top:19px;transform: rotate(0deg);}100%{top:19px;transform: rotate(405deg);}}
@keyframes icon3{0%{top:26px;transform: rotate(0deg);}40%{top:19px;transform: rotate(0deg);}60%{top:19px;transform: rotate(0deg);}100%{top:19px;transform: rotate(405deg);}}
@keyframes icon2{0%{transform: rotate(0deg);}40%{transform: rotate(0deg);}60%{transform: rotate(0deg);}100%{transform: rotate(495deg);}}
@keyframes icon4{0%{top:19px;transform: rotate(405deg);}40%{top:19px;transform: rotate(0deg);}60%{top:19px;transform: rotate(0deg);}100%{top:12px;transform: rotate(0deg);}}
@keyframes icon6{0%{top:19px;transform: rotate(405deg);}40%{top:19px;transform: rotate(0deg);}60%{top:19px;transform: rotate(0deg);}100%{top:26px;transform: rotate(0deg);}}
@keyframes icon5{0%{transform: rotate(495deg);}40%{transform: rotate(0deg);}60%{transform: rotate(0deg);}100%{transform: rotate(0deg);}}
}
@media (min-width:768px) {
.menu_icon{width: 50px;height: 50px;top: 12.5px;}
.menu_icon span:nth-child(1){height: 5px;top: 12.5px;}
.menu_icon span:nth-child(2){height: 5px;top: 22.5px;}
.menu_icon span:nth-child(3){height: 5px;top: 32.5px;}
/*手机端菜单图标变化*/
.icon_now span:nth-child(1){animation: icon1 1s forwards;}
.icon_now span:nth-child(2){animation: icon2 1s forwards;}
.icon_now span:nth-child(3){animation: icon3 1s forwards;}
.icon_back span:nth-child(1){animation: icon4 1s forwards;}
.icon_back span:nth-child(2){animation: icon5 1s forwards;}
.icon_back span:nth-child(3){animation: icon6 1s forwards;}
@keyframes icon1{0%{top:12.5px;transform: rotate(0deg);}40%{top:22.5px;transform: rotate(0deg);}60%{top:22.5px;transform: rotate(0deg);}100%{top:22.5px;transform: rotate(405deg);}}
@keyframes icon3{0%{top:32.5px;transform: rotate(0deg);}40%{top:22.5px;transform: rotate(0deg);}60%{top:22.5px;transform: rotate(0deg);}100%{top:22.5px;transform: rotate(405deg);}}
@keyframes icon2{0%{transform: rotate(0deg);}40%{transform: rotate(0deg);}60%{transform: rotate(0deg);}100%{transform: rotate(495deg);}}
@keyframes icon4{0%{top:22.5px;transform: rotate(405deg);}40%{top:22.5px;transform: rotate(0deg);}60%{top:22.5px;transform: rotate(0deg);}100%{top:12.5px;transform: rotate(0deg);}}
@keyframes icon6{0%{top:22.5px;transform: rotate(405deg);}40%{top:22.5px;transform: rotate(0deg);}60%{top:22.5px;transform: rotate(0deg);}100%{top:32.5px;transform: rotate(0deg);}}
@keyframes icon5{0%{transform: rotate(495deg);}40%{transform: rotate(0deg);}60%{transform: rotate(0deg);}100%{transform: rotate(0deg);}}
}
@media (min-width:992px) {
.menu_pc{display: block;}
.menu_pc ul li{width: 105px;height: 100%;float: left;line-height: 95px;text-align: center;font-size: 16px;transition: line-height 0.3s;position: relative;z-index: 11;overflow: hidden;}
.bg_box{width: 100%;height: 100%;position: absolute;left: 0;top: -100%;background-color: rgb(0, 140, 208);opacity: 0.5;transition: all 0.5s;}
.menu_pp{display: none;}
}
/* 首页共用代码 */
.st-ppt-indexother {padding: 0px;margin: 0px;overflow: hidden;}
.st-ppt-casetitle{width: 100%;height: 160px;margin: 0 auto;font-size: 14px;line-height: 23px;color: #9d9d9d;text-align: center;}
.st-ppt-casetitle.white{color: #fbfdfe;}
.st-ppt-casetitle h2{font-size: 36px;line-height: 62px;font-family: "HTH", "微软雅黑";color: #62636d;margin-top: 1.5rem;}
.st-ppt-casetitle.white h2{color: #fff;}
.st-ppt-casetitle h2:after{display: block;content: "";width: 36px;height: 3px;background: #79b5ff;margin: 0 auto 32px;}
.st-ppt-casetitle.white h2:after{background: #fff;}
.st-ppt-casetitle h3{margin: -15px 0 20px;font: 18px/2 "HTH", "微软雅黑";}
.por {position: relative;}
.poa {position: absolute;}
/* 公司简介 */
.st-ppt-indexabout {padding: 0 13%; margin: 0 auto;}
.st-ppt-indexabout .list{width: 100%;margin: 0 auto;text-align: center;overflow: hidden;}
.st-ppt-indexabout .list ul { width:100%;}
.st-ppt-indexabout .list li{float:left;width: 30%;margin: 0 1.5% 50px;}
.st-ppt-indexabout .list .sign{width: 160px;height: 160px;margin: 0 auto 25px;position: relative;}
.st-ppt-indexabout .list .circle{width: 160px;height: 160px;border-radius: 80px;background: #edeef1;}
.st-ppt-indexabout li.hover .circle{background: #45b2f9;transform: scale(0.95);}
.st-ppt-indexabout li:nth-child(1) .circle:after{content: "";display: inline-block;position: absolute;left: 58px;top: 56px;width: 43px;height: 47px;background: url("../images/ppt/sign01.png") no-repeat center;transition: all 0.5s;}
.st-ppt-indexabout li:nth-child(1).hover .circle:after{background-image: url("../images/ppt/sign02.png");transform: rotate(0deg) scale(1.05);}
.st-ppt-indexabout li .in{position: absolute; left: 50%;top: 50%;width: 47px;height: 47px;margin: -24px 0 0 -22px;background: url("../images/ppt/bg_sign01.png") no-repeat;background-position: 0 0px;}
.st-ppt-indexabout li.hover .in{background-position: 0 -47px;position: absolute;}
.st-ppt-indexabout li .fire{right: 36px;top: 36px;width: 11px;height: 11px;background: url("../images/ppt/bg_sign02.png") no-repeat;}
.st-ppt-indexabout li.hover .fire{background-position: 0 -11px;}
.st-ppt-indexabout li:nth-child(3) .circle:after{content: "";display: inline-block;position: absolute;left: 48px;top: 56px;width: 64px;height: 48px;background: url("../images/ppt/sign03.png") no-repeat;transition: all 0.5s;}
.st-ppt-indexabout li:nth-child(3).hover .circle:after{background-image: url("../images/ppt/sign04.png");transform: scale(1.05);animation: Line 1s;}
.st-ppt-indexabout .list a,.st-ppt-indexabout .list p{display: inline-block;font-size: 15px;line-height: 24px;color: #87949e;}
.st-ppt-indexabout .list a.tit{margin-bottom: 5px;font: 26px/60px "HTH", "微软雅黑";color: #63636f;}
.st-ppt-indexabout .list a:hover{color: #45b2f9;}
@keyframes Fire{
0%{width: 5px;height: 5px;opacity: 0;}
100%{width: 11px;height: 11px;opacity: 1;}
}
@keyframes Line{
0%{width: 0;}
100%{width: 64px;}
}
/* 首页案例 */
.st-ppt-indexcase {background: #f6f6f6; padding: 50px 0px; margin: 0px; overflow: hidden;}
.st-ppt-indexprocate2 { text-align:center; padding:0px 0px; margin-bottom: 30px !important; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.st-ppt-indexprocate2 a{ display:inline-block; margin:0px; line-height:2.5; font-size: 18px; padding:0 35px; color:#333; border-left: 1px solid #ccc;}
.st-ppt-indexprocate2 a:last-child{ border-right: 1px solid #ccc;}
.st-ppt-indexprocate2 a.on,.rat-index-procate2 a:hover{ color:#fff; background-color: #45b2f9; font-weight: 600;}
.st-ppt-indexcaseinfo {padding: 0px;margin: 0px;overflow: hidden;}
.st-ppt-indexcaseone {padding: 0px;margin: 0px 5px 10px;overflow: hidden;position: relative;width: calc(33.33333% - 10px);float: left;}
.st-ppt-indexcaseone:hover {box-shadow: 0 0 5px #666;}
.st-ppt-indexcaseoneimg {padding: 0px;margin: 0px;overflow: hidden;}
.st-ppt-indexcaseoneimg img {width: 100%;}
.st-ppt-indexcaseone a .cur-active {display: none;}
.st-ppt-indexcaseone a:hover .cur-active-img {display: none;}
.st-ppt-indexcaseone a:hover .cur-active {display: block;}
.st-ppt-indexcaseonetxt {position: absolute;padding: 0px 10px;margin: 0px;overflow: hidden;font-size: 16px;line-height: 40px;bottom: 0;width: 100%;background-color: rgba(0,0,0,0.6);color: #fff;text-overflow: ellipsis;white-space: nowrap;}
.st-ppt-moreCase {width: 200px;background: #09c;margin: 20px auto 0px;border-radius: 10px;}
.st-ppt-moreCase a {display: block;text-align: center;line-height: 2em;font-size: 16px;padding: 8px;color: #fff;}
/* 首页解决方案 */
.st-ppt-indexsolutions{padding-top: 1rem;background: url("../images/ppt/bg_bg03.jpg") no-repeat center;}
.st-ppt-indexsolutions .numbers{width: 1100px;height: 373px;margin: 0 auto;}
.st-ppt-indexsolutions .bg{left: 0;top: 100px;width: 1100px;height: 373px;opacity: 0;}
.st-ppt-indexsolutions .btns{top: 0;opacity: 1;}
.st-ppt-indexsolutions .bg.fi{background: url("../images/ppt/bg_bg04.png") no-repeat left center;}
.st-ppt-indexsolutions .bg.se{background: url("../images/ppt/bg_bg05.png") no-repeat left center;}
.st-ppt-indexsolutions .bg.th{background: url("../images/ppt/bg_bg06.png") no-repeat left center;}
.st-ppt-indexsolutions .btn{height: 20px;font-size: 14px;line-height: 20px;color: #fff;transform: translateX(30px);opacity: 0;border: 0px;background: initial;}
.st-ppt-indexsolutions .btn.fi{left: 185px;top: 210px;transform: translateX(-30px);}
.st-ppt-indexsolutions .btn.se{left: 337px;top: 30px;transform: translateX(-30px);}
.st-ppt-indexsolutions .btn.th{left: 512px;top: 200px;}
.st-ppt-indexsolutions .btn.fo{left: 703px;top: 125px;}
.st-ppt-indexsolutions .btn.fif{left: 840px;top: 205px;}
.st-ppt-indexsolutions .btn.si{left: 880px;top: 285px;}
.st-ppt-indexsolutions .btn.sev{left: 730px;top: 170px;}
.st-ppt-indexsolutions .btn p{margin-right: 15px;opacity: 0.8;}
.st-ppt-indexsolutions .btn p.num{width: 36px;height: 22px;padding-bottom: 11px;background: url("../images/ppt/bg_sign05.png") no-repeat center top;margin: 0;font: 12px/22px Arial;color: #fff;text-align: center;}
.st-ppt-indexsolutions .btn p.float-end{margin-left: 10px;}
.st-ppt-indexsolutions .btn span{position: relative;display: inline-block;width: 10px;height: 10px;border-radius: 5px;background: #fff;margin: 5px 0;}
.st-ppt-indexsolutions .btn span:after{content: "";position: absolute;left: -5px;top: -5px;width: 20px;height: 20px;border-radius: 10px;background: #fff;opacity: 0.3;}
.st-ppt-indexsolutions .btn.hover span:after,.st-ppt-indexsolutions .btn.cur span:after{background: #00fcff;animation: Circle 1.2s infinite linear;}
@keyframes Circle{
0%{transform: scale(0.5);opacity: 0;}
50%{transform: scale(1);opacity: 0.3;}
100%{transform: scale(0.5);opacity: 0;}
}
/* 首页服务 */
.st-ppt-indexprocess{padding-top: 1rem;}
.st-ppt-indexprocess .hold{width: 1100px;height: 270px;margin: 0 auto;}
.st-ppt-indexprocess .list{position: absolute;left: 0;bottom: 5px;width: 0;height: 300px;background: url("../images/ppt/bg_bg07.png") no-repeat left 51px;}
.st-ppt-indexprocess .listss {display: none;}
.st-ppt-indexprocess .btn{width: 85px;height: 150px;line-height: 2;color: #8f8f95;text-align: center;transform: translateX(50px);opacity: 0;background: initial;border: 0px;background: initial;box-shadow: none;}
.st-ppt-indexprocess .btn p {font-size: 13px; margin: 0px 0px 10px; width: 100%; overflow: hidden;}
.st-ppt-indexprocess .btn.cur{color: #45b2f9;}
.st-ppt-indexprocess .btn:nth-child(1){left: 3px;top: 92px;}
.st-ppt-indexprocess .btn:nth-child(2){left: 111px;top: 4px;}
.st-ppt-indexprocess .btn:nth-child(3){left: 264px;top: 63px;}
.st-ppt-indexprocess .btn:nth-child(4){left: 409px;top: -18px;}
.st-ppt-indexprocess .btn:nth-child(5){left: 568px;top: 0px;}
.st-ppt-indexprocess .btn:nth-child(6){left: 726px;top: -5px;}
.st-ppt-indexprocess .btn:nth-child(7){left: 877px;top: 90px;}
.st-ppt-indexprocess .btn:nth-child(8){left: 1017px;top: 10px;}
.st-ppt-indexprocess .btn .light{float: left;width: 10px;height: 10px;border-radius: 5px;background: #fff;margin: 12px 29px;}
.st-ppt-indexprocess .btn .light:after{content: "";position: absolute;left: -5px;top: -5px;z-index: -1;width: 20px;height: 20px;border-radius: 10px;background: #0098ef;opacity: 0.3;}
.st-ppt-indexprocess .btn.cur .light:after{animation: Circle 1.2s infinite linear;}
.st-ppt-indexprocess .btn .circle{width: 68px;height: 68px;border-radius: 34px;background: #edeff1;margin: 12px 0;float: left;display: inline;}
.st-ppt-indexprocess .btn.cur .circle{background: #45b2f9;}
.st-ppt-indexprocess .btn .circle:after{content: "";position: absolute;left: 0;top: 0;width: 68px;height: 68px;background: url("../images/ppt/bg_sign06.png") no-repeat;}
.st-ppt-indexprocess .btn.cur .circle:after{background-position: 0 -68px;}
.st-ppt-indexprocess .btn:nth-child(2) .circle:after{background-image: url("../images/ppt/bg_sign07.png");}
.st-ppt-indexprocess .btn:nth-child(3) .circle:after{background-image: url("../images/ppt/bg_sign08.png");}
.st-ppt-indexprocess .btn:nth-child(4) .circle:after{background-image: url("../images/ppt/bg_sign09.png");}
.st-ppt-indexprocess .btn:nth-child(5) .circle:after{background-image: url("../images/ppt/bg_sign10.png");}
.st-ppt-indexprocess .btn:nth-child(6) .circle:after{background-image: url("../images/ppt/bg_sign11.png");}
.st-ppt-indexprocess .btn:nth-child(7) .circle:after{background-image: url("../images/ppt/bg_sign12.png");}
.st-ppt-indexprocess .btn:nth-child(8) .circle:after{background-image: url("../images/ppt/bg_sign13.png");}
/* 首页客户服务 */
.st-ppt-indexparnter{padding: 30px 0 50px;background: #f5f6f7;}
.st-ppt-indexparnter .list{width: 950px;margin: 24px auto;}
.st-ppt-indexparnter .list li{position: relative;top: 30px;width: 150px;height: 57px;margin: 0 20px 20px;opacity: 0;}
.st-ppt-indexparnter .list img{filter: url("data:image/svg+xml;utf8,#grayscale");filter: gray;-webkit-filter: grayscale(100%);}
.st-ppt-indexparnter li.hover img{filter: url("data:image/svg+xml;utf8,#grayscale");-webkit-filter: grayscale(0%);}
/* 底部信息 */
.st-footer-main {padding: 50px 0px 0px;background: #333;margin: 0px;overflow: hidden;}
.st-footer-2wm {width: 250px;padding: 0px 0px 0px 60px;margin: 0px;text-align: center;overflow: hidden;}
.st-footer-2wm img {max-width: 100%;}
.st-footer-2wm p {font-size: 14px;line-height: 30px;color: #ccc;padding: 0px;margin: 0px;overflow: hidden;}
.st-footer-other {padding: 0px;margin: 0px;color: #ccc;overflow: hidden;}
.st-footer-other h5 {font-size: 20px;margin-bottom: 15px;}
.st-footer-other h4 {font-size: 24px;margin-bottom: 15px;}
.st-footer-other h3 {font-size: 28px;margin-bottom: 60px;}
.st-footer-other p {font-size: 13px;line-height: 35px;}
.st-footer-contactinfo {padding: 0px;margin: 0px;color: #ccc;}
.st-footer-contactinfo h4 {margin: 0px 0px 15px;font-size: 24px;}
.st-footer-contactinfo p {font-size: 17px;line-height: 2rem;margin: 0px;padding: 0px;overflow: hidden;}
.st-footer-contactinfo h6 {color: #a6a6a6;line-height: 20px;text-align: left;font-size: 12px;}
.st-footer-contactinfo ul {width: 100%;padding: 0px;margin: 0px;}
.st-footer-contactinfo li {width: 50px;height: 50px;line-height: 40px;border-radius: 50%;font-size: 24px;text-align: center;border: 1px solid #ccc;padding: 5px;margin: 0px 10px 0px 0px;float: left;position: relative;}
.st-footer-contactinfo li span {display: none;position: absolute;bottom: 55px;line-height: 30px;left: 50%;margin-left: -80px;color: #fff;width: 160px;padding: 20px 20px 10px;font-size: 14px;text-align: center;background: #464646;}
.st-footer-contactinfo li span img {max-width: 100%;}
.st-footer-contactinfo li:hover span {display: block;}
.st-footer-contactinfo p.copy {font-size: 12px;padding: 0px;margin: 0px;overflow: hidden;}
.st-footer-contactinfo p.copy a {margin-right: 10px;padding: 0px;color: #fff;}
.st-footer-companylink {text-align: left;background: #dad2d2;padding: 5px 0px;margin: 0px;position: absolute;width: 100%; display: none;}
.st-footer-companylink ul {display: flex;justify-content: left;}
.st-footer-companylink li {font-size: 15px;line-height: 25px;color: #666;padding: 0px 10px;margin: 0px;overflow: hidden;position: relative;}
.st-footer-companylink li::after {content: '|';position: absolute;top: 0px;right: 0px;padding: 0px;margin: 0px;overflow: hidden;}
.st-footer-companylink li:last-child::after {display: none;}
.st-footer-companylink li a {color: #666;}
.st-fixed-right {height: 240px;margin-top: -180px;position: fixed;right: 0;top: 50%;width: 100px;z-index: 999999999;}
.st-fixed-right li {background-position: center center;background-repeat: repeat-x;border-radius: 2px;cursor: pointer;display: block;height: 88px;margin-bottom: 1px;position: absolute;}
.st-fixed-right li a {display: block;}
.st-fixed-right li.short-one {right: 0;top: 0;width: 100px;background-color:#090;}
.st-fixed-right li.short-one a {background-image: url("../images/ppt/short_one.png");background-position: center center;background-repeat: no-repeat;color: #fff;font-size: 14px;line-height: 15px;padding-top: 60px;text-align: center;width: 100px;}
.st-fixed-right li.long-one {background-image: url("../images/ppt/float_three.png");overflow: hidden;right: -184px;top: 89px;width: 284px;}
.st-fixed-right li.long-one p {background-image: url("../images/ppt/long_one.png");background-position: center center;background-repeat: no-repeat;color: #fff;float: left;font-size: 14px;line-height: 15px;padding-top: 60px;text-align: center;width: 100px;}
.st-fixed-right li.long-two {background-image: url("../images/ppt/float_four.png");overflow: hidden;right: -184px;top: 267px;width: 284px;}
.st-fixed-right li.long-two p {background-image: url("../images/ppt/long_two.png");background-position: center center;background-repeat: no-repeat;color: #fff;float: left;font-size: 14px;line-height: 15px;padding-top: 60px;text-align: center;width: 100px;}
.tel {color: #fff;float: left;font: 24px/88px Arial;height: 88px;text-align: left;width: 184px;}
.tel a { color: #fff; }
.st-mobile-bottom{display: none;}
@media (max-width:991px){
.st-fixed-right {display: none;}
.st-footer-main {margin-bottom: 60px !important;}
.st-mobile-bottom{width:100%;overflow:hidden;position:fixed;bottom:0;z-index:9997;background:#f14702;display: block;border-top: 1px solid #f0f0f0;box-shadow: 0 -2px 10px 0 rgba(0,0,0,.2);padding: 0px 5%;}
.st-mobile-bottom ul li{width:25%; display:inline-block;float:left;padding:10px 0px;text-align:center; border-left: 1px solid #f0f0f0; border-right: 1px solid #ddd;}
.st-mobile-bottom ul li:first-child{border-left:0}
.st-mobile-bottom ul li:last-child{border-right:0}
.st-mobile-bottom ul li a{color: #fff; font-size: 12px;line-height: normal;}
.st-mobile-bottom ul li a p{margin-bottom: 0;}
}
.st-weixin-2wmall {background: rgba(0,0,0,0.6);padding: 0px;margin: 0px;position: fixed;z-index: 10000;top: 0;left: 0;bottom: 0;right: 0;display: none;}
.st-weixin-2wm {position: absolute;background: #fff;width: 320px;max-width: 90%;padding: 40px 15px 20px;border-radius: 10px;top: 50%;left: 50%;margin: 0px;transform: translate(-50%, -50%);}
.st-weixin-2wm i {font-size: 24px;position: absolute;top: 10px;right: 10px;}
.wechat-modal-content-jump {display: flex;align-items: center;justify-content: center;flex-direction: column;}
.wechat-modal-content-jump .image {height: 2.49094203rem;width: 2.49094203rem;}
.wechat-modal-content-jump .image .wechat_success_logo {width: 2.49094203rem;height: 2.49094203rem;display: block;font-size: 0;}
.wechat-modal-content-jump .title {color: #000;font-size: 24px;line-height: 1.8;font-weight: bold;margin: 0.56612319rem 0;}
.wechat-modal-content-jump .wechat-number, .wechat-modal-content-jump .desc {color: #666;font-size: 16px;line-height: 1.5;font-weight: 400;margin-bottom: 0.56612319rem;}
.wechat-modal-content-jump .button {background-color: #1aad17;border-radius: 10px;padding: 5px 20px;display: flex;align-items: center;justify-content: center;margin-top: 0.45289855rem;cursor: pointer;}
.wechat-modal-content-jump .button span {color: #fff;font-size: 18px;line-height: 2;}
/* 内页开始 */
.st-ppt-nyinfo {padding: 60px 0px;margin: 0px;overflow: hidden;}
.st-ny-title {text-align: center;padding: 0px;margin: 0px 0px 30px;overflow: hidden;}
.st-ny-title h1 {display: inline-block;padding: 0 30px;border-radius: 20px;margin: 0 3px;line-height: 40px;font-size: 1.6em;background: #45b2f9;color: #fff;}
.st-contact-detail {padding: 0px;margin: 0px;overflow: hidden;}
.st-contact-info {font-size: 16px;line-height: 1.8;color: #666;width: 100%;margin: 0 auto 50px auto;}
.st-contact-maps {width:100%;height:450px;font-size: 14px;line-height: 1.8;margin:0 auto;border:1px solid #ddd;}
.st-contact-maps .amap-copyright, .st-contact-maps .amap-logo {display: none !important;}
/* 内页案例 */
.rat-header-bannerinfo {position: absolute;width: 100%;margin: 0px;overflow: hidden;top: 8vw;z-index: 98;}
.rat-header-title {font-size: 42px;font-family: "宋体";font-weight: 600;color: #fff;text-align: center;padding: 0px;margin: 0px 0px 20px;overflow: hidden;}
.rat-header-bannervideo {width: 90%;max-width: 800px;padding: 0px;margin: 0px auto 30px;overflow: hidden;background-color: #000;}
.rat-header-bannertxt {width: 90%;max-width: 800px;color: #fff;font-size: 14px;line-height: 1.8;padding: 0px;margin: 0px auto;overflow: hidden;text-align: center;}
.st-ppt-caseinfo {padding: 60px 0px 50px;margin: 0px;overflow: hidden;background-image: url(../images/ppt/details-infobg.jpg);background-repeat: repeat-y;background-size: 100% auto;}
.st-ppt-casecate { text-align:center; padding:0px 0px; margin-bottom: 30px !important;}
.st-ppt-casecate a{ display:inline-block; margin:0 2px; line-height:32px; font-size: 18px; padding:0 30px; color:#fff;}
.st-ppt-casecate a.on,.st-ppt-casecate a:hover{ color:#ffe762; font-weight: 600;}
.rat-header-casebannerbg {text-align: center;}
.rat-header-casebannerbg img {width: 100%; max-width: 1920px;}
.st-ppt-caselist {padding: 0px;margin: 0px;overflow: hidden;display: grid;column-gap: 10px;grid-template-columns: 1fr 1fr 1fr;}
.st-ppt-caseone {padding: 0px;margin: 0px 0px 10px;overflow: hidden;position: relative;}
.st-ppt-caseone:hover {box-shadow: 0 0 5px #666;}
.st-ppt-caseoneimg {padding: 0px;margin: 0px;overflow: hidden;}
.st-ppt-caseoneimg img {width: 100%;}
.st-ppt-caseone a .cur-active {display: none;}
.st-ppt-caseone a:hover .cur-active-img {display: none;}
.st-ppt-caseone a:hover .cur-active {display: block;}
.st-ppt-caseonetxt {position: absolute;padding: 0px 10px;margin: 0px;overflow: hidden;font-size: 16px;line-height: 40px;bottom: 0;width: 100%;background-color: rgba(0,0,0,0.6);color: #fff;text-overflow: ellipsis;white-space: nowrap;}
.load_more_case {display: inline-block;padding: 0 10px;margin: 10px 35px 0px;height: 27px;line-height: 27px;border: none;background: #f14702;color: #fff;font-size: 16px;border-radius: 8px;}
.load_more_case:hover {color: #f14702; background: #fff;}
.st-ppt-caseinfotwoinfo {max-width: 1920px; min-height: 700px;padding: 60px 0px;margin: 0px auto;overflow: hidden;background-position: bottom;background-repeat: no-repeat;background-size: auto;color: #fff;line-height: 1.8;font-size: 16px;text-align: center;}
.st-ppt-caseinfotwoinfo a {display: none;color: #fff;padding: 0px;margin: 10px 0px 0px;}
.st-ppt-caseinfoinfo {padding: 60px 0px 30px;margin: 0px;overflow: hidden;background-image: url(../images/ppt/details-infobg.jpg);background-repeat: repeat-y;background-size: 100% auto;}
.st-ppt-caseinfoimginfo {max-width: 1800px; width: 100%;padding: 0px;margin: 0px auto; text-align: center; overflow: hidden;font-size: 16px;line-height: 1.8;color: #fff;}
.st-ppt-caseinfoimginfo img {max-width: 100%;}
.st-ppt-caseinfotitle {font-size: 24px;line-height: 1.8;padding: 0px;margin: 50px 0px 30px;overflow: hidden;color: #fff;text-align: center;}
.st-case-pagination {padding: 0px; margin: 30px 0px 50px; overflow: hidden; text-align: center;}
.pagination .page-item a {display: inline-block;width: 30px;height: 30px;line-height: 24px;text-align: center;font-size: 16px;color: #666;background-color: #f1f1f1;border-radius: 3px;margin-right: 10px;transition: all .6s;}
.pagination .page-item a.page-link {padding: 2px 0px;}
.pagination .page-item.active a.page-link,.pagination .page-item:hover a.page-link {background-color:#090; border: 1px solid #090; color: #fff;}
@media (max-width: 991px) {
.pc {display: none;}
.mobile {display: block;}
.st-ppt-hearderall {height: 75vw;}
.st-ppt-top {width: 96%; left: 2%;}
.st-ppt-mune {display: none;}
.st-ppt-logo img {height: 50px;}
.st-ppt-bannertxt {font-size: 13px; margin-top: 30vw;}
.st-ppt-bannertxt span {font-size: 26px;}
.st-ppt-indexabout {padding: 0px 15px;}
.st-ppt-casetitle {height: auto;}
.st-ppt-casetitle h2:after {margin-bottom: 20px;}
.st-ppt-indexabout .list {padding: 0px 3px; margin: 0px;}
.st-ppt-indexabout .list .h {height: auto; padding: 15px 6px 8px 6px; width: 100%; margin: 0px 0px 12px;}
.st-ppt-indexabout .list .sign {margin-bottom: 0px;}
.st-ppt-indexabout .list a, .st-ppt-indexabout .list p {font-size: 13px;}
.st-ppt-indexcase {padding: 20px 0px 30px;}
.st-ppt-indexprocate2 {display: grid;column-gap: 0px;grid-template-columns: 1fr 1fr 1fr 1fr;}
.st-ppt-indexprocate2 a {font-size: 14px; text-align:center; padding: 0px 10px;}
.st-ppt-indexprocate2 a:nth-child(4n-3) {border-left: 0px;}
.st-ppt-indexprocate2 a:last-child {border-right: 0px;}
.st-ppt-moreCase a {line-height: initial;}
.st-ppt-indexcaseone {width: 100%; margin: 0px 0px 10px;}
.bg.th.poa,.st-ppt-indexsolutions .bg.fi,.bg.se.poa {background: none;}
.st-ppt-indexsolutions { width:100%; }
.st-ppt-indexsolutions .numbers{ width: 100%; }
.st-ppt-indexsolutions .bg{ width: 100%; overflow: hidden; }
.st-ppt-indexsolutions .btn.fi{ left: 30%;top: 0; font-size:15px; height: auto; }
.st-ppt-indexsolutions .btn.se{ left: 30%;top: 50px; font-size:15px; height: auto; }
.st-ppt-indexsolutions .btn.th{ left: 30%;top: 100px; font-size:15px; height: auto; }
.st-ppt-indexsolutions .btn.fo{ left: 30%;top: 150px; font-size:15px; height: auto; }
.st-ppt-indexsolutions .btn.sev{ left: 30%;top: 200px; font-size:15px; height: auto; }
.st-ppt-indexsolutions .btn.fif{ left: 30%;top: 250px; font-size:15px; height: auto; }
.st-ppt-indexsolutions .btn.fi .float-start, .st-ppt-indexsolutions .btn.se .float-start { float:right !important; padding-left:10px; }
.st-ppt-indexsolutions .btn.fi .float-end, .st-ppt-indexsolutions .btn.se .float-end { float:left !important; }
.st-ppt-indexprocess {padding: 0px 15px 30px;}
.st-ppt-indexprocess .hold {width: 100%; height: auto; overflow: hidden;}
.st-ppt-indexprocess .listss { width:100%; display:inherit; }
.st-ppt-indexprocess .listss ul { width:100%;display: grid;column-gap: 10px;grid-template-columns: 1fr 1fr;}
.st-ppt-indexprocess .listss li {margin:0px; font-size:16px; line-height:40px; text-align:center; border:1px solid #ddd; height:40px; margin-bottom:10px; }
.st-ppt-indexprocess .list {background: none;display: none;}
.st-ppt-indexparnter {padding-top: 10px;}
.st-footer-main {padding: 15px 0px 0px;}
.st-footer-other {margin-bottom: 15px;}
.st-footer-other p {font-size: 12px; line-height: 2; margin: 0px; text-align: center;}
.st-footer-companylink ul {justify-content: center;}
.st-footer-companylink li {font-size: 13px;}
.st-ppt-nyinfo {padding: 30px 0px;}
.st-ppt-caselist {display: block;}
.st-ppt-casecate {display: grid;column-gap: 0px;grid-template-columns: 1fr 1fr 1fr;}
.st-ppt-casecate a {font-size: 15px; padding: 0px 20px;}
.rat-header-bannerinfo {top: 22vw;}
.rat-header-title {font-size: 24px; color: #fff !important;}
.rat-header-bannervideo {margin-bottom: 15px;}
.rat-header-bannervideo video {height: 50vw;}
.rat-header-casebannerbg {height: 90vw;}
.rat-index-bottom {text-align: center;}
.rat-mobile-none {display: none;}
.st-ppt-caseinfotwoinfo {background-image:url(../images/ppt/details-infobg.jpg) !important;background-repeat: repeat-y; color:#fff !important; padding: 10px 20px 10px; min-height: auto; font-size: 14px;background-size: 100% auto;}
.st-ppt-caseinfoinfo {padding: 30px 0px;}
.st-ppt-caseinfoimginfo {padding: 0px 10px;}
.st-ppt-caseinfotitle {font-size: 18px;margin: 30px 0px 10px;font-weight: 600;}
.rat-header-bannertxt {display: none;}
}