.g-auto{margin-left: auto; margin-right: auto;}
.g-p-h5{padding-left: 5px; padding-right: 5px;}
.g-p-h15{padding-left: 15px; padding-right: 15px;}
.g-p-v15{padding-bottom: 15px; padding-top: 15px;}
.g-p-v30{padding-bottom: 30px; padding-top: 30px;}
.g-mt10{margin-top: 10px;}.g-mb10{margin-bottom: 10px;}
.g-mt15{margin-top: 15px;}.g-mb15{margin-bottom: 15px;}
.g-mt30{margin-top: 30px;}.g-mb30{margin-bottom: 30px;}
.g-mt60{margin-top: 60px;}.g-mb60{margin-bottom: 60px;}
.g-pt10{padding-top: 10px;}.g-pb10{padding-bottom: 10px;}
.g-pt15{padding-top: 15px;}.g-pb15{padding-bottom: 15px;}
.g-pt30{padding-top: 30px;}.g-pb30{padding-bottom: 30px;}
.g-pt60{padding-top: 60px;}.g-pb60{padding-bottom: 60px;}
.g-mw1200{max-width: 1200px; margin-left: auto; margin-right: auto;}
.g-mw1400{max-width: 1400px; margin-left: auto; margin-right: auto;}
.g-full{max-width: 100%; margin-left: auto; margin-right: auto; }
.g-mw1200 {max-width: 1200px;margin-left: auto; margin-right: auto; }
.am-text-middle{vertical-align:middle!important} .am-table-hover > tbody > tr:hover > td,.am-table-hover > tbody > tr:hover > th {background-color: #e7ecff;} .am-table-bordered > thead > tr > th, .am-table-bordered > tbody > tr > th, .am-table-bordered > tfoot > tr > th, .am-table-bordered > thead > tr > td, .am-table-bordered > tbody > tr > td, .am-table-bordered > tfoot > tr > td { border-left: 1px solid #4d5fa5; } .am-table > thead > tr > th, .am-table > tbody > tr > th, .am-table > tfoot > tr > th, .am-table > thead > tr > td, .am-table > tbody > tr > td, .am-table > tfoot > tr > td { padding: 0.7rem; line-height: 1.6; vertical-align: top; border-top: 1px solid #4d5fa5; } .am-table-bordered > thead + tbody > tr:first-child > th, .am-table-bordered > thead + tbody > tr:first-child > td { border-top: 1px solid #4d5fa5; } .am-table-bordered { border: 1px solid #4d5fa5; border-left: none; }
.am-table.am-table-hover tbody tr:hover .hover:before , .am-table.am-table-hover tbody th.hover.active:before{content: "DETAIL"; position: absolute; left: 50%; top: 50%; width: 100px; height: 30px; display: block; margin-left: -50px; margin-top: -15px; background: #007eff; text-align: center; line-height: 30px; z-index: 10; font-size: 1.4rem; color: #fff; border-radius: 5px;}
.s-dec p{margin-bottom: 10px; line-height: 1.5; font-size:1.6rem;}
/*index-app*/
.app h2{font-size: 6rem;}
.app-case h2{margin-top: 50px; margin-bottom: 50px;}
.app-case-rd{width: 42.33333%;}
.app-case-rd figure{border:9px solid #122a88;}
.app-case-rd figcaption{line-height: 60px;}
.app-case-rd img{border:8px solid #122a88; border-bottom: none;}
.app-case-list{width: 55.8333%;}
.app-case-top h3{background: url(../img/app_case_topbg.jpg) left top repeat; font-size: 1.8rem; padding: 15px 18%; line-height: 1.2;}
.app-case-top p{text-align: justify;}
.app-case-top .more a{background: #122A88; color: #fff; padding: 8px 25px; margin-left: 30px;}
.app-case-list li{border-top: 2px dashed #f0f0f0; padding: 15px 15px;}
.app-case-list li:last-child{border-bottom: 2px dashed #f0f0f0;}
.app-service-img{width: 44.58333%;}
.t1{font-size: 2.4rem; margin-top: 80px;}
.s-dec hr{background-color: #cbd2f9; height: 2px; border: none; margin-top: 20px;}
.s-box .l{width: 45%;}
.s-box .l h2{margin-top: 20px; margin-bottom: 10px; font-size: 1.8rem; color: #0e2069;}
.s-box .l p{padding: 0 10px; line-height: 2; text-align: justify;}
.s-box .r{width: 53%;}
caption{font-size: 2.1rem; color: #fff; background: #122a88; height: 44px; line-height: 44px;}
.diagram2 .t{background: #122A88;}
.diagram2 h2{font-size: 2.4rem; color: #fff; line-height: 97px; position: relative;}
.diagram2 h2:after{content: "";height: 5px; width: 54px;background: #ff5b00; position: absolute; left: 50%; margin-left: -27px; bottom: 20px;}
.diagram2 h3{font-size: 1.8rem;color: #fff; line-height: 58px;}
.app-case h2{font-size: 4.8rem;}

.circle{width: 70px;height: 150px;cursor: pointer;z-index: 10;position:absolute;}.circle b{width: 10px;height:10px;background: #fff;border-radius: 50%;display: block;background-color: rgba(255, 255, 255, .6);position: absolute;left: 30px;top: 70px;z-index: 1;}.circle b:nth-of-type(1){-webkit-animation: click1 1s linear infinite;animation: click1 1s linear infinite;}.circle b:nth-of-type(2){-webkit-animation: click2 1s linear infinite;animation: click2 1s linear infinite;}@-webkit-keyframes click1 {0% {opacity: .8;-webkit-transform: scale(1);transform: scale(1);}100% {opacity: 0;-webkit-transform: scale(2);transform: scale(2);}}@keyframes click1 {0% {opacity: .8;-webkit-transform: scale(1);transform: scale(1);}100% {opacity: 0;-webkit-transform: scale(2);transform: scale(2);}}@-webkit-keyframes click2 {0% {opacity: .8;-webkit-transform: scale(1);transform: scale(1);}100% {opacity: 0;-webkit-transform: scale(3);transform: scale(3);}}@keyframes click2 {0% {opacity: .8;-webkit-transform: scale(1);transform: scale(1);}100% {opacity: 0;-webkit-transform: scale(3);transform: scale(3);}}
.circle figure{width:250px; height:290px;position:absolute;z-index:11;left:-95px; top:-245px;}
.circle figcaption{text-align:center; line-height:40px; background-color:#122a88; color:#fff; font-size:1.6rem;}
.circle:hover figure{display:block;}
.c1-1{left:75.5%; top:50%}
.c1-2{left:6%; bottom:12%}
.c1-3{left:17%; bottom:12%}

.swal2-close , .swal2-title a{outline: none;}
.swal2-popup #swal2-content{text-align: left!important; font-size: 1.4rem;}
/* media */
/* 横屏 */
@media screen and (orientation:landscape){
}
/* 竖屏 */
@media screen and (orientation:portrait){
}
/* 窗口宽度<1200,设计宽度=960 */
@media screen and (max-width:1200px){
}
/* 窗口宽度<960,设计宽度=768 */
@media screen and (max-width:959px){
	.t1{margin-top: 30px;}
	.s-box .l , .s-box .r{width: 100%;}
	.s-box .r{margin-top: 30px;}

}
/* 窗口宽度<768,设计宽度=640 */
@media screen and (max-width:767px){
	.diagram2 h2{font-size: 2rem;}
	.app-case h2{font-size: 3rem;}
}
/* 窗口宽度<640,设计宽度=480 */
@media screen and (max-width:639px){
    .s-box{margin-top:0;}
	.drop-hover , .diagram2 h2:after , .diagram2 , .app-case-list li span{display: none;}
  .app-case h2{font-size:2rem; margin-top:2rem; margin-bottom:2rem;}
  .app-case-rd , .app-case-list{width:100%;}
  .app-case-rd figcaption{line-height:1.5;}
  .app-case-top h3{padding:15px;}
  .form .t strong{font-size:2rem;}
	.u-mail{margin-top: 30px;}
	.s-box .l p{padding: 0; text-align: left; line-height: 1.6;}
	.am-table.am-table-hover tbody tr:hover .hover:before, .am-table.am-table-hover tbody th.hover.active:before{width: 50px; margin-left: -25px;}

}
/* 窗口宽度<480,设计宽度=320 */
@media screen and (max-width:479px){
	.t1{font-size: 2rem;}
	.diagram2 h2 , .diagram2 h3{line-height: 30px; font-size: 1.6rem;}
	.u-mail-form{width: 100%;}
}