/*--------------------------------------------------
    project:ygsoft
    producer:Chan.
    date:2020-04-07
    up:2022-8-15
--------------------------------------------------*/


/*
    初始化
*/
body{ margin: 0; padding: 0; width:100%; height: 100%; font-family: 'Microsoft YaHei'; background: #fff; position: relative;}
h1,h2,h3,h4,h5,h6,ul,ol,li,p,figure{list-style: none; padding: 0; margin: 0;}
a,a:hover{text-decoration: none;}
.color-blue{background: #2663ff; color: #2663ff;}
.textCenter{text-align: center !important;}


/*--------------------------------------------------
    组件
--------------------------------------------------*/

/*
    container
*/
.container{ width: 1460px; padding: 0; max-width: 1460px;}



/* 
    index-banner
*/
.index-banner{width: 100%; margin-top: 80px; position: relative;}
.index-banner img{width: 100% ;}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev{background: #fff ; width: 48px; height: 48px; line-height: 48px; border-radius: 50%;text-align: center; box-shadow: 0 0 10px rgba(0,13,27,.2); opacity: 0; transition: all .3s;}
.index-banner .swiper-button-next{right: 36px;}
.index-banner .swiper-button-prev{left: 36px;}
.index-banner .iconfont{font-size: 22px; font-weight: 700; opacity: .5; transition: all .3s;}
.index-banner  .swiper-button-next:hover .iconfont,.index-banner  .swiper-button-prev:hover .iconfont{opacity: 1;}
.index-banner .swiper-pagination-bullets{bottom: 20px;}
.index-banner .swiper-pagination-bullet{background: #fff; width: 8px; height: 8px; opacity: .5;}
.index-banner .swiper-pagination-bullet-active{width: 32px; border-radius: 8px; opacity: 1;}
.index-banner:hover .swiper-button-next,.index-banner:hover .swiper-button-prev{opacity: 1;}


/* 
    mainbox
*/
.mainbox{padding: 90px 0;}
.mainbox-gray{background: #fbfbfb;}


/* 
    footer
*/
.footer{background: #01061b;}
.footer .container{width: 1200px;}
.footer .top{padding: 72px 0; overflow: hidden; width: 100%;}
.footer .menu-list{float: left; margin-right: 120px;}
.footer .menu-list:last-child{float: right; margin-right: 0;}
.footer .menu-list h5{font-size: 20px; color: #fff; margin-bottom: 30px; line-height: 1em; display: block; transition: all .3s;}
.footer .menu-list a.link{font-size: 20px; color: #fff; margin-bottom: 30px; line-height: 1em; display: block; transition: all .3s;}
.footer .menu-list a.link:hover{color: #2663ff;}
.footer .menu-list h5.link{display: none;}
.footer .menu-list ul{}
.footer .menu-list ul li{line-height: 2em; margin-bottom: 5px; font-size: 14px; color: #878e97;}
.footer .menu-list ul li a{font-size: 14px; color: #878e97; transition: all .2s;}
.footer .menu-list ul li a:hover{color: #ddd;}
.footer .bottom{overflow: hidden; line-height: 66px; border-top: 1px solid #353f4d;}
.footer .bottom .copy{float: left;}
.footer .bottom .copy p,.footer .bottom .copy a{display: inline-block; font-size: 14px; color: #878e97; margin-right: 15px; transition: all .2s ;}
.footer .bottom .copy a:hover{color: #ddd;}
.footer .bottom .LM{float: right;}
.footer .bottom .LM a{display: inline-block; font-size: 14px; color: #878e97; margin-right: 15px; transition: all .2s;}
.footer .bottom .LM a:hover{color: #ddd;}
.footer .bottom .LM a:last-child{margin-right: 0; position: relative;}
.footer .bottom .LM a:last-child::before{content: ''; background: #353f4d; width: 1px; height: 14px; position: absolute; left: 0; top: 50%; transform: translate(-10px,-7px);}


/* 
    template-banner
*/
.template-banner{width: 100%; height: auto; background-color: #363844; background-size: cover; background-position: center; line-height: auto; text-align: center; color: #fff; font-size: 42px; font-weight: bold; margin-top: 80px;}
.template-banner img{width: 100%; height: 480px; object-fit: cover; object-position: center;}


/* 
    template
*/
.template-ti{font-size: 42px; color: #23252a; text-align: center;}
.template-ti-b{font-size: 30px; color: #23252a; text-align: center;}
.template-sti{font-size: 20px; color: #777; text-align: center; margin: 25px 0 0; line-height: 1.8em;}
.template-sti-a{font-size: 28px; margin: 25px 0 0; line-height: 1.8em;}
.template-sti-b{font-size: 16px; color: #777; text-align: center; margin: 25px 0 0; line-height: 1.8em;}
.tem-more{min-width: 144px; line-height: 40px; background: #fff; border-radius: 5px; text-decoration: none; font-size: 14px; color: #2663ff;  display: table; transition: all .3s; text-align: center;  border: solid 1px #2663ff; margin-top: 30px; padding: 0 20px;}
.tem-more:hover{background: #2663ff; color: #fff;}
.tem-more.center{margin: 30px auto 0;}
.index-more{margin: 46px auto 0 !important ;}
.index-more .iconfont{position: relative; font-weight: bold; padding: 0 1px; margin-left: 2px;}
.index-more .iconfont::after{content: ''; width: 1.5px; height: 77%; position: absolute; left: 0; top: 10%; background: #2663ff; transition: all .3s;}
.index-more:hover .iconfont::after{ background: #fff; transform: translate(16px,0);}
.template-text{margin-top: 30px; text-align: justify;}
.template-text.w1000{width: 1000px; display: block; margin: 30px auto 0;} 
.template-text.center{text-align: center;}
.template-text.center p{text-indent: 0;}
.template-text p{ font-size: 16px; color: #777; line-height: 2em; margin-bottom: 15px; text-indent: 2em;}
.template-text p:last-child{  margin-bottom: 0px;}
.template-text-point p{position: relative;}
.template-text-point p::after{content: ''; position: absolute; left: 1em; top: 50%; transform: translate(0,-50%); width: 6px; height: 6px; border-radius: 50%; background: #888;}
.font-blue{color: #2663ff;}
.tem-more-sm{display: flex; flex-wrap: nowrap; margin: 0 -5px;}
.tem-more-sm .col{flex: 0 0 50%; min-width: 50%; padding: 0 5px;}
.tem-more-sm .tem-more{width: 100%; min-width: auto; padding: 0 10px;}
.tem-more.gray{ color: #888;  border: solid 1px #e6e6e6;}
.tem-more.gray:hover{color: #fff;}


/* 
    templateA
*/
.templateA{}
.templateA .row{margin: 72px -30px 0; justify-content: center;}
.templateA .col-lg-4{padding: 0 30px; text-align: center;}
.templateA .col-lg-4 .img{}
.templateA .col-lg-4 .con{}
.templateA .con h5{font-size: 20px; font-weight: bold; color: #23252a; margin: 30px 0;}
.templateA .con p{font-size: 16px; color: #666; line-height: 2em;}
.templateA .one-pic{text-align: center; width: 1000px; margin: 48px auto ;}
.templateA .one-pic img{max-width: 100%;}
.templateA .one-pic .con{width: 100%; display: block; margin-top: 48px;}
.templateA .one-pic .con p{margin-bottom: 30px; text-align: justify; text-indent: 2em;}
.templateA .col-lg-3{padding: 0 30px; text-align: center;}
.templateA .col-lg- .img{}
.templateA .col-lg-6{padding: 0 30px;  margin-bottom: 60px;}
.templateA .col-lg-6:nth-last-child(1){margin-bottom: 0;}
.templateA .col-lg-6:nth-last-child(2){margin-bottom: 0;}
.templateA .col-lg-6 .box{padding: 0 20px 0; overflow: hidden;}
.templateA .col-lg-6 .img{float: left;margin-right: 30px;}
.templateA .col-lg-6 .con{float: left; width: 420px;}
.templateA .col-lg-6 .con h5{margin: 12px 0 20px;}
.templateA .col-lg-6 .con p{text-align: justify;}
.templateA .col-lg-2{padding: 0 30px; text-align: center;    flex: 0 0 20%; max-width: 20%;}
.templateA .border-box{border: solid 1px #ededed; padding: 30px 20px; margin-bottom: 30px; background: #fff; height: 100%;}
.templateA .row{margin: 72PX -15PX 0;}
.templateA .rowA .col-lg-2{padding: 0 15px;}
.templateA .rowA .col-lg-4{margin-bottom: 30px;}
.templateA .rowA  .border-box p{ font-size: 14px;}


/* 
    templateB
*/
.templateB{}
.templateB .row{margin: 72px -30px 0;}
.templateB .rowA{margin: 136px -50px 0;}
.templateB .col-lg-4{padding: 0 50px; text-align: center;}
.templateB .col-lg-4 .box{background: #fff; border: solid 1px #ededed; padding: 106px 36px 0 ; height: 310px; position: relative;}
.templateB .col-lg-4 .box .img{width: 144px; height: 144px; border: solid 4px #dfe2e8; line-height: 138px; border-radius: 50%; position: absolute; left: 50%; top: 0; background: #fff; transform: translate(-50%,-50%);}
.templateB .con h5{font-size: 20px; font-weight: bold; color: #23252a; margin: 0 0 20px ;}
.templateB .con p{font-size: 16px; color: #666; line-height: 2em;}

.templateB .swiper-con{margin-top: 60px;}
.templateB .swiper-con .swiper-container{width: 1180px;}
.templateB .swiper-con .box{background: #fff; border: solid 1px #ededed; padding: 40px; width: 1000px; display: block; margin: 0 auto; margin-bottom: 60px; overflow: hidden;}
.templateB .swiper-con img{width: 320px; height: 240px; float: left;}
.templateB .swiper-con .box .con{width: 560px; float: right;}
.templateB .swiper-button-next,.templateB .swiper-button-prev{background-image: none; width: 48px; height: 48px; line-height: 48px; text-align: center; background: #fff; border: solid 1px #ededed; border-radius: 50%;}
.templateB .swiper-button-next i,.templateB .swiper-button-prev i{font-size: 26px; font-weight: bold;}
.templateB .swiper-button-next:hover i,.templateB .swiper-button-prev:hover i{color: #2663ff;}
.swiper-pagination-bullet{width: 10px; height: 10px;}
.swiper-pagination-bullet-active{ background: #2663ff;}

.templateB .rowB{margin: 136px -15px 0;}
.templateB .col-lg-3{padding: 0 15px; text-align: center;}
.templateB .col-lg-3 .box{background: #fff; border: solid 1px #ededed; padding: 106px 36px 0 ; height: 330px; position: relative;}
.templateB .col-lg-3 .box .img{width: 144px; height: 144px; border: solid 4px #dfe2e8; line-height: 138px; border-radius: 50%; position: absolute; left: 50%; top: 0; background: #fff; transform: translate(-50%,-50%);}

.templateB .rowC{margin: 136px -15px 0; padding: 0 100px;}
.templateB .rowC .col-lg-6{padding: 0 15px; text-align: center;}
.templateB .rowC .col-lg-6 .box{background: #fff; border: solid 1px #ededed; padding: 106px 36px 0 ; height: 330px; position: relative;}
.templateB .rowC .col-lg-6 .box .img{width: 144px; height: 144px; border: solid 4px #dfe2e8; line-height: 138px; border-radius: 50%; position: absolute; left: 50%; top: 0; background: #fff; transform: translate(-50%,-50%);}

.templateB .rowD{margin: 60px -15px 0;}
.templateB .rowD .col-lg-6{padding: 0 15px; text-align: center; margin-bottom: 30px;}
.templateA .rowD .col-lg-6:nth-last-child(1){margin-bottom: 0;}
.templateA .rowD .col-lg-6:nth-last-child(2){margin-bottom: 0;}
.templateB .rowD .col-lg-6 .box{padding: 30px; overflow: hidden; background: #fff; border: solid 1px #ededed; display: block; transition: all .3s;}
.templateB .rowD .col-lg-6 a.box:hover{background: #f9f9f9;}
.templateB .rowD .col-lg-6 .img{float: left;margin-right: 30px;}
.templateB .rowD .col-lg-6 img{width: 120px; height: 120px;}
.templateB .rowD .col-lg-6 .con{float: left; width: 460px;}
.templateB .rowD .col-lg-6 .con h5{margin: 5px 0 20px; text-align: left;}
.templateB .rowD .col-lg-6 .con p{text-align: justify;}

.templateB .boxB{background: #fff; border: solid 1px #ededed; padding: 106px 36px 0 ; position: relative; margin-top: 136px; text-align: center;}
.templateB .boxB .img{width: 144px; height: 144px; border: solid 4px #dfe2e8; line-height: 138px; border-radius: 50%; position: absolute; left: 50%; top: 0; background: #fff; transform: translate(-50%,-50%);}
.templateB .boxB .row{margin: 30px -12px 10px;}
.templateB .boxB .col-lg-2{padding: 0 12px; text-align: center; margin-bottom: 24px;}
.templateB .boxB a{width: 100%; line-height: 48px; text-decoration: none; font-size: 14px; color: #000; border: solid 1px #ededed; display: block; transition: all .3s; background: #fff; border-radius: 5px;}
.templateB .boxB a:hover{background: #2663ff; color: #fff; border: solid 1px #2663ff;}

.templateB .rowE{margin: 108px -15px 0;}
.templateB .rowE .col-lg-6{padding: 0 15px; }
.templateB .rowE .col-lg-4{padding: 0 15px; margin-bottom: 100px;}
.templateB .rowE .col-lg-4:nth-child(4){margin-bottom: 0;}
.templateB .rowE .col-lg-4:nth-child(5){margin-bottom: 0;}
.templateB .rowE .col-lg-4:nth-child(6){margin-bottom: 0;}
.templateB .rowE .box{border-radius: 10px; box-shadow: 0 0 10px rgba(177, 174, 171, .18); width: 100%;  padding: 30px; background: #fff; position: relative; text-align: center; padding-top: 80px;}
.templateB .rowE .box .font-ti{width: 144px; line-height: 137px; position: absolute; left: 50%; top: 0; background: #fff; border: solid 4px #dfe2e8; border-radius: 50%; font-size: 36px; font-weight: bold; color: #2663ff; transform: translate(-50%,-50%);}
.templateB .rowE .box h5{ font-size: 20px; margin: 20px 0; font-weight: bold; line-height: 1.8em;}
.templateB .rowE .box p{ font-size: 14px; color: #888; line-height: 2em; margin-bottom: 20px; text-align: justify;}
.templateB .rowE .box p:last-child{margin-bottom: 0;}
.templateB .rowE .col-lg-4 .font-ti{width: 108px; line-height: 100px;} 
.templateB .rowE .col-lg-4 .box{height: 290px; padding-top: 60px;}

.templateB .rowF{margin: 60px -15px 0;}
.templateB .rowF .col-lg-6{padding: 0 15px; margin-bottom: 30px;}
.templateB .rowF .box{border-radius: 10px; box-shadow: 0 0 10px rgba(177, 174, 171, .18); width: 100%;  padding: 10px 30px 30px; background: #fff; position: relative; }
.templateB .rowF .box .font-ti{width: 144px; line-height: 137px; position: absolute; left: 50%; top: 0; background: #fff; border: solid 4px #dfe2e8; border-radius: 50%; font-size: 36px; font-weight: bold; color: #2663ff; transform: translate(-50%,-50%);}
.templateB .rowF .box h5{ font-size: 20px; margin: 0 0 25px; font-weight: bold; line-height: 40px;}
.templateB .rowF .box p{ font-size: 14px; color: #888; line-height: 2em; margin-bottom: 20px; text-align: justify;}
.templateB .rowF .down{width: 120px; line-height: 40px; background: #23252a; color: #fff; text-align: center; font-size: 14px; position: absolute; right: 0; top: 0; border-radius: 0 5px 0 0; transition: all .3s;}
.templateB .rowF .down:hover{background: #2663ff;}

.templateB .rowG{margin: 60px 0 0;}
.templateB .rowG .col-lg-12{padding: 0;margin-bottom: 30px;}
.templateB .rowG .col-lg-12:last-child{margin-bottom: 0;}
.templateB .rowG .box{background: #fff; overflow: hidden; border: solid 1px #ededed; overflow: hidden; display: block; padding: 25px;}
.templateB .rowG .img{float: left; }
.templateB .rowG .img img{float: none; width: 100%;}
.templateB .rowG .con{float: right; width: 1240px; padding: 10px 0; background: #fff;}
.templateB .rowG .con p{font-size: 16px; text-align: justify;}




/* 
    templateC
*/
.templateC{}
.templateC .row{margin: 72px -30px 0;}
.templateC .rowA{margin: 60px -30px 0;}
.templateC .rowA .col-lg-4{padding: 0 30px ;}
.templateC .rowA img{width: 100%;}
.templateC .rowA .con{padding: 36px; border: solid 1px #ededed; text-align: center; background: #fff;} 
.templateC .con h5{font-size: 20px; font-weight: bold; color: #23252a; margin: 0 0 20px ;}
.templateC .con p{font-size: 16px; color: #666; line-height: 1.9em; text-align: justify;}

.templateC .rowB{padding: 60px 50px 0;}
.templateC .rowB .box{background: #fff; overflow: hidden; margin-bottom: 30px; border: solid 1px #ededed;}
.templateC .rowB .img{float: left; width: 30%;}
.templateC .rowB .img img{float: left; width: 100%;}
.templateC .rowB .con{float: right; width: 70%; padding: 40px; background: #fff;}
.templateC .rowB .con p{font-size: 16px;}

.templateC .rowC{margin: 60px -15px 0;}
.templateC .rowC .col-lg-3{padding: 0 15px ;}
.templateC .rowC img{width: 100%;}
.templateC .rowC .con{padding: 30px; border: solid 1px #ededed; text-align: center; background: #fff;} 

.templateC .rowD{margin: 60px -30px 0; padding: 0 100px;}
.templateC .rowD .col-lg-6{padding: 0 30px ;}
.templateC .rowD img{width: 100%;}
.templateC .rowD .con{padding: 30px 30px 60px; border: solid 1px #ededed; text-align: center; background: #fff;} 
.templateC .rowD .tem-more{margin: 40px auto 0;}

.templateC .rowE{margin: 60px -15px 0;}
.templateC .rowE .col-lg-6{padding: 0 15px; text-align: center; margin-bottom: 30px;}
.templateC .rowE .col-lg-6:nth-last-child(1){margin-bottom: 0;}
.templateC .rowE .col-lg-6:nth-last-child(2){margin-bottom: 0;}
.templateC .rowE .col-lg-6 .box{overflow: hidden; background: #fff; border: solid 1px #ededed;}
.templateC .rowE .col-lg-6 .img{float: left; }
.templateC .rowE .col-lg-6 img{width: 210px; height: 210px;}
.templateC .rowE .col-lg-6 .con{float: left; width: 500px; padding: 30px;}
.templateC .rowE .col-lg-6 .con h5{margin: 0 0 20px; text-align: left;}
.templateC .rowE .col-lg-6 .con p{text-align: justify;}

.templateC .swiper-con{margin-top: 60px;}
.templateC .swiper-con .swiper-container{width: 1180px;}
.templateC .swiper-con .box{background: #fff; border: solid 1px #ededed; padding: 40px; width: 1000px; display: block; margin: 0 auto; margin-bottom: 60px; overflow: hidden;}
.templateC .swiper-con .img{ margin: 0 auto ; display: table;}
.templateC .swiper-con img{float: none; max-width: 500px;}
.templateC .swiper-con .box .con{width: 100%; float: none;}
.templateC .swiper-con .box .con h5{text-align: center;}
.templateC .swiper-con .box .con p{text-align: justify; text-indent: 2em;}
.templateC .swiper-button-next,.templateC .swiper-button-prev{background-image: none; width: 48px; height: 48px; line-height: 48px; text-align: center; background: #fff; border: solid 1px #ededed; border-radius: 50%;}
.templateC .swiper-button-next i,.templateC .swiper-button-prev i{font-size: 26px; font-weight: bold;}
.templateC .swiper-button-next:hover i,.templateC .swiper-button-prev:hover i{color: #2663ff;}




/* 
    templateD
*/
.templateD{}
.templateD .container{width: 1200px;}
.templateD .rowA{margin-top: 60px;}
.templateD .rowA .box{overflow: hidden;}
.templateD .rowA .img{float: right; width: 570px;}
.templateD .rowA .img img{width: 100%;}
.templateD .rowA .con{float: left; width: 570px;}
.templateD .con h5{font-size: 20px; font-weight: bold; color: #23252a; margin: 0 0 20px ;}
.templateD .con h6{font-size: 18px; color: #23252a; margin: 0 0 20px ;}
.templateD .con p{font-size: 16px; color: #666; line-height: 2em; margin-bottom: 10px;}
.templateD .con p:last-child{margin-bottom: 0;}

.templateD .rowB{margin-top: 60px;}
.templateD .rowB .box{overflow: hidden;}
.templateD .rowB .img{float: left; width: 570px;}
.templateD .rowB .img img{width: 100%;}
.templateD .rowB .con{float: right; width: 570px;}

.templateD .rowC{margin-top: 60px;}
.templateD .rowC .box{overflow: hidden; margin-bottom: 60px;}
.templateD .rowC .box:last-child{margin-bottom: 0;}
.templateD .rowC .boxA .img{float: right; width: 570px;}
.templateD .rowC .boxB .img{float: left; width: 570px;}
.templateD .rowC .img img{width: 100%;}
.templateD .rowC .boxA .con{float: left; width: 570px;}
.templateD .rowC .boxB .con{float: right; width: 570px;}

.templateD .rowD{overflow: hidden; margin-top: 60px; padding: 10px 0;}
.templateD .rowD .nav{float: left; width: 240px; background: #fff; box-shadow: 0 0 12px rgba(233, 234, 242, .77);}
.templateD .rowD .tab-content{float: right; width: 960px;}
.templateD .rowD .con{padding: 50px; background: #fff; box-shadow: 0 0 12px rgba(233, 234, 242, .77); text-align: center; border-right: solid 1px #f0f0f0;}
.templateD .rowD .con h5{font-size: 30px; font-weight: normal;}
.templateD .rowD .text{background: #fbfbfb; padding: 30px;}
.templateD .rowD .con p{text-align: justify; line-height: 2em; margin-bottom: 15px;}
.templateD .rowD .con p:last-child{margin-bottom: 0;}
.templateD .rowD .con .img{margin: 30px 0;}
.templateD .rowD .con .img img{max-width: 600px;}
.templateD .nav-pills .nav-link.active,.templateD  .nav-pills .show>.nav-link{background: #2663ff; color: #fff;}
.templateD .nav-pills .nav-link{border-radius: 0; padding: .8rem 1rem; color: #666; font-size: 16px; border-left: 1px solid #f0f0f0;}

.templateD .table{margin-top: 60px; text-align: center; border: solid 1px #ededed;}
.templateD .table thead{background: #23252a; color: #fff;}
.templateD .table tbody tr:nth-child(odd){background: #fff;}
.templateD .table tbody tr:nth-child(even){background: #fff;}
.templateD .table td,.templateD  .table th {padding: .75rem;vertical-align: top;border-top: 1px solid #ededed;}
.templateD .table.align-left{text-align: left;}

/* 
    template-footer
*/
.template-footer{border-top: 1px solid #ddd; padding: 90px 0;}
.template-footer .template-ti{margin-bottom: 48px;}
.template-footer .solution{display: table; margin: 48px auto 30px;}
.template-footer .solution a{display: inline-block; margin: 0 10px; width: 240px; line-height: 60px; border: solid 1px #ddd; border-radius: 5px; text-align: center; text-decoration: none; font-size: 18px; color: #23252a; transition: all .3s;} 
.template-footer .solution a:hover{background: #2663ff; color: #fff; border: solid 1px #2663ff;}
.template-footer .iconfont{margin-right: 3px; color: #d5d7df;}

.template-footer .more-link{}
.template-footer .more-link .row{margin: 0 -10px; justify-content: center;}
.template-footer .more-link .col-lg-2{padding: 0 10px; margin-bottom: 20px; flex: 0 0 12.5%; max-width: 12.5%;}
.template-footer .more-link .col-lg-3{padding: 0 10px; width: 25%; margin-bottom: 20px; }
.template-footer .more-link a{display: block; width: 100%; line-height: 60px; border: solid 1px #ddd; border-radius: 5px; text-align: center; text-decoration: none; font-size: 16px; color: #23252a; transition: all .3s;} 
.template-footer .more-link a:hover{background: #2663ff; color: #fff; border: solid 1px #2663ff;}

.template-footer .contacts{padding: 60px 0;}
.template-footer .contacts .iconfont{font-size: 20px; color: #fff;}
.template-footer .contacts a{color: #fff;}
.template-footer .contacts .mail{background: #3c405f;}
.template-footer .contacts .wechat{background: #3c405f; position: relative;}
.template-footer .contacts .wechat .code{position: absolute; left: 0; top: -240px; opacity: 0; width: 100%; height: 230px; background: #e6e6e6; padding-top: 10px; transition: all .3s; display: none;}
.template-footer .contacts .wechat:hover .code{opacity: 1; display: block;}

.more-products{text-align: center;}
.more-products .template-ti{margin-bottom: 60px;}
.more-products .row{margin: 0 -20px;}
.more-products .col-lg-3{padding: 0 20px;}
.more-products .pd-name{font-size: 18px; color: #23252a;margin-top: 15px;}
.more-products .box{position: relative;}
.more-products .box img{width: 100%;}
.more-products .box .menu{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-45%); background: #fbfbfb; width: 380px; min-height: 330px; box-shadow: 0 0 10px rgba(104, 119, 139, .18);  padding: 25px 20px; opacity: 0; transition: all .3s; z-index: 9;}
.more-products .col-lg-3:hover .menu{opacity: 1; transform: translate(-50%,-50%);}
.more-products .box .menu h6{font-size: 20px; color: #3c405f; position: relative; display: inline-block; margin-bottom: 5px;}
.more-products .box .menu h6::before{content: ''; position: absolute; left: -15px; top: 9px; background: #2663ff; width: 5px; height: 5px; border-radius: 50%;}
.more-products .box .menu h6::after{content: ''; position: absolute; right: -15px; top: 9px; background: #2663ff; width: 5px; height: 5px; border-radius: 50%;}
.more-products .box .menu .rowMenu{margin: 0 -7.5px;}
.more-products .box .menu .col-6{padding: 0 7.5px; margin-top: 15px;}
.more-products .box .menu a{width: 100%; line-height: 48px; text-decoration: none; font-size: 14px; color: #000; border: solid 1px #ededed; display: block; transition: all .3s; background: #fff;}
.more-products .box .menu a:hover{background: #2663ff; color: #fff; border: solid 1px #2663ff;}


/* 
    CloudServer
*/
.CloudServer-banner{background: url('../images/GroupManage/banner3.jpg') center top no-repeat;margin-top: 50px; position: relative;color: #FFF; background-size: cover; margin-top: 80px; height: 560px; padding-top: 80px;}
.CloudServer-banner .ti {max-width: 900px; color: #FFF; margin: 0 auto 30px; font-size: 36px; font-weight: 500; color: #2663ff; display: block; text-align: center;} 
.CloudServer-banner .text{max-width: 900px; margin: 5px auto; text-indent: 2em;}
.CloudServer-banner .img{position: absolute; left: 50%; top: 0; transform: translate(-50%,0);}

.CloudServer .row{margin: 40px 0 0;}
.CloudServer .col-lg-2{padding: 0;}
.CloudServer .row a{display: block; padding: 20px;}
.CloudServer .row a:hover{background: #eee; transition: all .3s;}
.CloudServer .con h5{margin: 10px 0;}

.CloudServer-footer{background: url('../images/GroupManage/banner4.jpg') center top no-repeat; position: relative;color: #FFF; background-size: cover; height: 520px; }
.CloudServer-footer img{float: left;}
.CloudServer-footer .con{float: right; width: 560px; margin-top: 160px;}
.CloudServer-footer .con h5{ font-size: 36px; font-weight: 500; color: #2663ff; margin-bottom: 20px;}
.CloudServer-footer .con p{ font-size: 16px; font-weight: 500; color: #fff; margin-bottom: 20px; letter-spacing: 1px;}
.CloudServer-footer .more{display: block; width: 150px; line-height: 44px; border: solid 1px #ddd; border-radius: 5px; text-align: center; text-decoration: none; font-size: 16px; color: #fff; transition: all .3s;} 
.CloudServer-footer .more:hover{background: #2663ff; color: #fff; border: solid 1px #2663ff;}


/* 
    CloudServer-Coordination
*/
.CloudServer-Coordination{}
.CloudServer-Coordination.banner{background: url('../images/GroupManage/coor-banner.jpg') center top no-repeat;margin-top: 50px; position: relative;color: #FFF; background-size: cover; margin-top: 60px; height: 560px; padding-top: 80px;}
.CloudServer-Coordination.banner .ti{text-align: center; font-size: 30px; font-weight: bold; margin-bottom: 15px;}
.CloudServer-Coordination.banner .text{color: #fff; width: 800px; text-align: justify; display: block; margin: 0 auto 10px; line-height: 2em;}
.CloudServer-Coordination.banner .img{display: block;margin: 10px auto;}

.CloudServer-Coordination.rowA{margin-top: 100px;}

.CloudServer-Coordination .one-pic .img{margin-bottom: 60px;}
.CloudServer-Coordination .one-pic .img:last-child{margin-bottom: 0;}

.CloudServer-Coordination.LRimg{padding-bottom: 0;}
.CloudServer-Coordination .rowA{margin-top: 0;}
.CloudServer-Coordination .rowB{margin-top: 0;}
.CloudServer-Coordination .con{position: relative; display: block;}
.CloudServer-Coordination .conP{position: absolute; left: 50%; top: 50%; transform: translate(-50%,25%); width: 100%; padding-left: 100px;}
.CloudServer-Coordination .conP h5{font-size: 30px;}
.CloudServer-Coordination .conP h6{color: #2aa58d; margin: 30px 0 40px;}
.CloudServer-Coordination .conP p{padding-left: 15px; position: relative;}
.CloudServer-Coordination .conP p::after{content: ''; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; border-radius: 50%; background: #999; transform: translate(0,-50%);}

.CloudServer-Coordination.bigData-c .con h5{font-size: 18px;}

.CloudServer-Coordination.logoGroup{}
.CloudServer-Coordination.logoGroup .container{ width: 1000px;}
.CloudServer-Coordination.logoGroup .row{margin-top: 40px;}
.CloudServer-Coordination.logoGroup .col-lg-2{margin-bottom: 30px;}
.CloudServer-Coordination.logoGroup .tem-more{margin: 10px auto 0; border: solid 1px #2aa58d; color: #2aa58d;}
.CloudServer-Coordination.logoGroup .tem-more:hover{background: #2aa58d; color: #fff;}


/* 
    CloudServer-TrainCloud banner
*/
.CloudServer-TrainCloud.banner{background: url('../images/GroupManage/trainC-banner.png') center top no-repeat; position: relative;color: #FFF; background-size: cover; margin-top: 80px; height: 660px; padding-top: 80px;}
.CloudServer-TrainCloud.banner .right{float: right;display: block; width: 500px; transform: translate(0,80%);}
.CloudServer-TrainCloud.banner .font-img{margin-bottom: 20px;}
.CloudServer-TrainCloud.banner .text{line-height: 2em;}

.CloudServer-TrainCloud.rowA .row{margin-top: 0;}
.CloudServer-TrainCloud.rowA p{text-align: justify;}

.CloudServer-TrainCloud .template-ti{margin-bottom: 50px;}
.CloudServer-TrainCloud .conP{position: absolute; left: 50%; top: 50%; transform: translate(-50%,30PX); width: 100%; padding-left: 40px;}
.CloudServer-TrainCloud .conP h6{color: #2aa58d; margin: 20px 0 10px;}
.CloudServer-TrainCloud .conP p{padding-left: 0; position: relative; text-align: justify; margin-bottom: 30px;}
.CloudServer-TrainCloud .conP p::after{display: none;}


/* 
    CloudServer-FinanceCloud
*/
.CloudServer-FinanceCloud{}
.CloudServer-FinanceCloud.banner{background: url('../images/GroupManage/FCbanner.jpg') center top no-repeat;margin-top: 50px; position: relative;color: #FFF; background-size: cover; margin-top: 80px; height: 750px; padding-top: 80px;}
.CloudServer-FinanceCloud.banner .ti{text-align: center; font-size: 30px; font-weight: bold; margin-bottom: 15px;}
.CloudServer-FinanceCloud.banner .text{color: #fff; width: 800px; text-align: justify; display: block; margin: 0 auto 10px; line-height: 2em; text-indent: 2em;}
.CloudServer-FinanceCloud.banner .img{position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0);}

.CloudServer-FinanceCloud .rowA{margin-top: 0;}
.CloudServer-FinanceCloud .rowA .col-lg-4{margin-bottom: 20px;}
.CloudServer-FinanceCloud .rowA h5{margin: 10px 0 15px;}

.CloudServer-FinanceCloud.sup{background: url('../images/GroupManage/FCbg01.jpg') center top no-repeat; position: relative;color: #FFF; background-size: cover;  padding: 60px 0; }
.CloudServer-FinanceCloud.sup .template-ti{color: #fff;}
.CloudServer-FinanceCloud.sup .template-text p{color: #fff;}
.CloudServer-FinanceCloud.sup .one-pic{width: 100%;}
.CloudServer-FinanceCloud.sup .img img{width: 100%;}

.CloudServer-FinanceCloud.LRimg{}
.CloudServer-FinanceCloud.LRimg .template-ti{margin-bottom: 60px;}
.CloudServer-FinanceCloud.LRimg .rowA,.CloudServer-FinanceCloud.LRimg .rowB{margin-bottom: 60px;}
.CloudServer-FinanceCloud.LRimg .rowB:last-child{margin-bottom: 0;}
.CloudServer-FinanceCloud.LRimg .box{position: relative;}
.CloudServer-FinanceCloud.LRimg .rowA .con{position: absolute; left: 30px; top: 40%; transform: translate(0,-50%); width: 500px;}
.CloudServer-FinanceCloud.LRimg .rowB .con{position: absolute; right: 30px; top: 40%; transform: translate(0,-50%); width: 500px;}
.CloudServer-FinanceCloud.moblie img{width: auto !important; margin: 0 auto; display: block;}
.CloudServer-FinanceCloud.moblie .rowA{margin-bottom: 0; margin-top: 0;}
.CloudServer-FinanceCloud.moblie .rowB{margin-bottom: 0; margin-top: 0;}
.CloudServer-FinanceCloud.moblie-2{background: url('../images/GroupManage/FCbg02.jpg') center top no-repeat; position: relative;color: #FFF; background-size: cover; padding: 60px 0; }
.CloudServer-FinanceCloud.moblie-2 h5{color: #fff;}
.CloudServer-FinanceCloud.moblie-2 p{color: #fff; opacity: .7;}

/* 
    CloudServer-Reimbursement
*/
.CloudServer-Reimbursement{}
.CloudServer-Reimbursement.banner{background: url('../images/GroupManage/Rbanner1.jpg') center top no-repeat;margin-top: 50px; position: relative;color: #FFF; background-size: cover; margin-top: 80px; padding-top: 80px; height: 560px;}
.CloudServer-Reimbursement.banner .ti{text-align: center; font-size: 30px; font-weight: bold; margin-bottom: 15px;}
.CloudServer-Reimbursement.banner .text{color: #fff; width: 800px; text-align: justify; display: block; margin: 0 auto 10px; line-height: 2em; text-indent: 2em;}
.CloudServer-Reimbursement.banner .img{position: absolute; left: 50%; bottom: 0; transform: translate(-50%,20%);}

.CloudServer-Reimbursement.MT{margin-top: 40px;}
.CloudServer-Reimbursement.sup{background: url('../images/GroupManage/bg03.jpg') center top no-repeat; position: relative;color: #FFF; background-size: cover;  padding: 80px 0 120PX;}
.CloudServer-Reimbursement.sup .template-ti{color: #fff;}
.CloudServer-Reimbursement.sup .template-text p{color: #fff;}
.CloudServer-Reimbursement.LRimg .box{position: relative;}
.CloudServer-Reimbursement.LRimg .rowA .con{position: absolute; left: 30px; top: 40%; transform: translate(0,-50%); width: 500px;}
.CloudServer-Reimbursement.LRimg .rowB{margin: 80px 0;}
.CloudServer-Reimbursement.LRimg .rowB .con{ width: 500px; margin:  0 30px;}

.CloudServer-Reimbursement.moblie{background: url('../images/GroupManage/banner_baoxiaoyun.jpg') center top no-repeat; position: relative;color: #FFF; background-size: cover;  padding: 60px 0 20px;}
.CloudServer-Reimbursement.moblie .template-ti{color: #fff;}
.CloudServer-Reimbursement.moblie .row{margin: 0 -30px;}
.CloudServer-Reimbursement.moblie .col-lg-4{padding: 0 30px;}
.CloudServer-Reimbursement.moblie img{width: 100%;}
.CloudServer-Reimbursement.moblie .box{position: relative; padding-top: 30%;}
.CloudServer-Reimbursement.moblie .box h5{color: #fff;}
.CloudServer-Reimbursement.moblie .box p{color: #fff;}



/* 
    Cloud
*/
.cloud-page.mainbox-gray{background: #f1f4f9;}
.cloud-page .template-ti{font-size: 26px; color: #232426; margin-bottom: 60px;}
.cloud-page .template-sti{font-size: 20px; color: #232426;}
.cloud-page .template-sti.arrow{position: relative; padding: 0 44px; display: table; margin: 0 auto;}
.cloud-page .template-sti.arrow::before{content: ''; background: url('../images/GroupManage/TiArrow02.png') no-repeat; width: 15px; height: 20px; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); display: block; background-size: cover;}
.cloud-page .template-sti.arrow::after{content: ''; background: url('../images/GroupManage/TiArrow01.png') no-repeat; width: 15px; height: 20px; position: absolute; right:  0; top: 50%; transform: translate(0,-50%); display: block; background-size: cover;}
.cloud-page .template-text.center{text-align: center; width: 1300px; display: table; margin:  30px auto 0;}
.cloud-page .template-text.center p{text-indent: 0;}
.cloud-page .template-text p{ font-size: 16px; color: #697b8c;}

.cloud-page .features{position: relative; overflow: hidden; height: 638px; padding: 120px 0 0 50px;}
.cloud-page .features .text{margin-bottom: 80px;}
.cloud-page .features .text h5{font-size: 20px; color: #232426; margin-bottom: 40px;}
.cloud-page .features .text p{font-size: 16px; color: #738494; line-height: 2em;}
.cloud-page .features .left{float: left;}
.cloud-page .features .right{float: right;}
.cloud-page .features .img{position: absolute; left: 50%; top: 0; transform: translate(-50%,0);}

.cloud-page .ECP{margin: 80px -30px 0;}
.cloud-page .ECP .col-lg-3{padding: 0 30px;}
.cloud-page .ECP .con{width: 100%; position: relative; display: table; margin: 0 auto;}
.cloud-page .ECP .con .img{position: relative;}
.cloud-page .ECP .con img{display: table; margin: 0 auto; position: relative; width: 100%;}
.cloud-page .ECP .con .img::after{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #2663ff; z-index: 1; opacity: 0; border-radius: 10px; transition: all .3s;}
.cloud-page .ECP .con .text{position: absolute; left: 0; top: 0; padding: 36px 44px; z-index: 3;}
.cloud-page .ECP .con .text h5{font-size: 20px; color: #fff; margin-bottom: 20px;}
.cloud-page .ECP .con .text p{font-size: 16px; color: #fff; line-height: 2em;}
.cloud-page .ECP .con .tem-more{position: absolute; left: 50%; bottom: 30px; transform: translate(-50%,15px); width: 230px; line-height: 60px; background: none; border: solid 1px #fff; color: #fff; font-size: 20px; opacity: 0; z-index: 2; border-radius: 10px; z-index: 999;}
.cloud-page .ECP .con .tem-more:hover{background: #fff; color: #2663ff;}
.cloud-page .ECP .con:hover .img::after{opacity: .744;}
.cloud-page .ECP .con:hover .tem-more{opacity: 1; transform: translate(-50%,0);}

.cloud-page .ECP .NWbox{background: #f1f4f9; box-shadow: inset -5px -5px 20px rgba(255, 255, 255, 1), inset 10px 10px 20px rgba(219, 220, 243, .8); width: 440px; margin: 0 auto; border-radius: 30px; padding: 60px; height: 100%;  text-align: center;}
.cloud-page .ECP .col-12:nth-child(2) .NWbox{box-shadow: -5px -5px 20px rgba(255, 255, 255, 1),  10px 10px 20px rgba(219, 220, 243, .8);}
.cloud-page .ECP .NWbox h5{font-size: 20px; color: #232426; margin: 60px 0 30px;}
.cloud-page .ECP .NWbox .txt{display: inline-block;}
.cloud-page .ECP .NWbox p{font-size: 16px; color: #868f99; margin: 0 auto; text-align: left; line-height: 2em; position: relative; padding-left: 15px;}
.cloud-page .ECP .NWbox p::before{content: ''; background: #2663ff; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translate(0,-50%);}

.cloud-page .ECPB{margin: 0 -30px -60px;}
.cloud-page .ECPB .col-lg-6{padding: 0 30px; margin-bottom: 60px;}
.cloud-page .ECPB .col-lg-4{padding: 0 30px; margin-bottom: 60px;}
/* .cloud-page .ECPB .DSbox{background: #f9fbff; border: dashed 2px #b9bbe2; border-radius: 30px; padding: 60px 60px 60px 240px; height: 100%; position: relative;} */
.cloud-page .ECPB .DSbox{border-radius: 40px; background: linear-gradient(145deg, #f1f4f9, #ffffff); box-shadow:  20px 20px 40px #e8ebf1, -10px -10px 30px #ffffff;  padding: 60px 60px 60px 240px; height: 100%; position: relative;}
.cloud-page .ECPB .DSbox .img{position: absolute; left: 60px; top: 50%; transform: translateY(-50%);}
.cloud-page .ECPB .DSbox h5{font-size: 24px; font-weight: bold; color: #232426; margin-bottom: 20px;}
.cloud-page .ECPB .DSbox p{font-size: 16px; color: #868f99; text-indent: 0; line-height: 2em; text-align: justify;}
.cloud-page .ECPB .col-lg-4 .DSbox{padding: 60px;}
.cloud-page .ECPB .col-lg-4 .DSbox .img{position: static; transform: none; display: table; margin: 0 auto 50px;}
.cloud-page .ECPB .col-lg-4 .DSbox h5{text-align: center;}


.cloud-page .ECPC{margin: 60px -45px -90px;}
.cloud-page .ECPC .col-lg-3{padding: 0 45px; margin-bottom: 90px;}
.cloud-page .ECPC .DSbox{background: #f9fbff; border: dashed 2px #b9bbe2; height: 100%; position: relative; text-align: center;padding: 30px 0;}

.cloud-page .one-pic{display: table; margin: 0 auto;}

.cloud-page.mainbox-gray{background: #f1f4f9;}
.cloud-page .index-row{margin: 60px -25px 0;}
.cloud-page .index-row .col-lg-6{padding: 0 25px; margin-bottom: 50px;}
.cloud-page .index-row .col-lg-6:nth-last-child(1){margin-bottom: 0;}
.cloud-page .index-row .col-lg-6:nth-last-child(2){margin-bottom: 0;}
.cloud-page .index-row .box{position: relative; box-shadow: 0 0 12px #e9edf7; background: #fff;}
.cloud-page .index-row .img{position: absolute; left: 50px; top: 50%; transform: translate(0,-50%);}
.cloud-page .index-row .con{ padding: 40px 40px 40px 200px;}
.cloud-page .index-row .con h5{font-size: 18px; color: #333; margin-bottom: 15px;}
.cloud-page .index-row .con p{font-size: 16px; color: #738494; line-height: 1.8em; text-align: justify;}

.cloud-page .cardRow{margin: 0 -20px;}
.cloud-page .cardRow .col-12{padding: 0 20px; flex: 0 0 20%; max-width: 20%;}
.cloud-page .card {cursor:pointer;width: 100%; height: 360px; background: none; border: none;}
.cloud-page .front,.cloud-page .back {width:100%;height:100%;overflow:hidden;/*溢出元素修剪掉并隐藏*/  backface-visibility:hidden;/*定义元素不面向屏幕时是否可见*/  position:absolute;transition:transform .6s linear; text-align: center; border-radius: 20px; background: linear-gradient(145deg, #f1f4f9, #ffffff); box-shadow:  20px 20px 40px #e8ebf1, -10px -10px 30px #ffffff;  padding: 40px; height: 100%;;}
.cloud-page .front .DSbox{position: absolute; left: 50%; top: 40%; transform: translate(-50%,-50%); width: 100%; }
.cloud-page .front .DSbox h5{margin-top: 40px; font-weight: bold;}
.cloud-page .front .img{ margin: 0 auto;}
.cloud-page .front img {height:100%;}
.cloud-page .front {/* 动画样式，设置镜头到元素平面的距离，变换时元素按Y轴旋转 */  transform:perspective(600px) rotateY(0deg);}
.cloud-page .back {/*背面卡片样式*/ transform:perspective(600px) rotateY(180deg);}
.cloud-page .back .DSbox{position: absolute; left: 0%; top: 0;  width: 100%;  padding-top: 40px;}
.cloud-page .back .DSbox h5{font-weight: bold; font-size: 18px; position: relative; padding-bottom: 25px;}
.cloud-page .back .DSbox h5::after{content: ''; position: absolute; left: 50%; bottom: 0; background: #2663ff; width: 60px; height: 5px; transform: translateX(-50%);}
.cloud-page .back .DSbox p{padding: 20px; text-align: justify; line-height: 1.8em; font-size: 14px;}
.cloud-page .back-content {/*背面文字部分样式*/  color:#2c3e50;text-align:center;width:100%;}
.cloud-page .sm {/*字体图标部分样式*/  margin:20px 0;}
.cloud-page .sm a {/*字体图标部分 可点击超链接样式*/  display:inline-flex;width:40px;height:40px;justify-content:center;align-items:center;color:#2c3e50;font-size:18px;transition:0.4s;border-radius:50%;}
.cloud-page .sm a:hover {/*鼠标移动至字体图标超链接上时样式*/  font-size:25px;background:#2c3e50;color:white;}
.cloud-page .card:hover > .front {/*选定card后的所有front样式，与.card:hover .front类似但不同*/  transform:perspective(600px) rotateY(-180deg);}
.cloud-page .card:hover > .back {/*同上*/  transform:perspective(600px) rotateY(0deg);}

.cloud-page .JTpic{width: 1460px; display: table; margin: 50px auto;}
.cloud-page .JTpic img{width: 100%; object-fit: cover; border-radius: 10px;}

.lbswi{position: relative;}
#cloud-honor{width: 1460px; margin: 60px 0 0; padding-bottom: 60px;}
.lbswi .IN-next{background: #fff; right: -60px; width: 50px; height: 50px; border-radius: 50%; text-align: center;}
.lbswi .IN-next i{font-size: 30px; line-height: 50px;}
.lbswi .IN-prev{background: #fff; left: -60px; width: 50px; height: 50px; border-radius: 50%; text-align: center;}
.lbswi .IN-prev i{font-size: 30px; line-height: 50px;}


/* 
.cloud-banner{position: relative; text-align: left;}
.cloud-banner .text{position: absolute; top: 48%; left: 20%; transform: translate(0,-50%); color: #fff;}
.cloud-banner .text h5{font-size: 42px;font-weight: bold; }
.cloud-banner .text h6{font-size: 22px; margin: 25px 0;}
.cloud-banner .text p{font-size: 20px; }
.cloud-banner .mb-h5{display: none;}
.cloud-banner .swiper-pagination-bullets{bottom: 20px;} 
*/

.cloud-header{position: absolute; left: 0; top: 0; z-index: 99; width: 100%; line-height: 60px;}
.cloud-header .container{width: 1460px;}
.cloud-header .logo img{filter: grayscale(100%) brightness(1000%);}
.cloud-header .menu{float: right;}
.cloud-header .menu li{display: inline-block; margin: 0 10px;}
.cloud-header .menu li a{display: block; color: #fff; opacity: .7; transition: all .3s;}
.cloud-header .menu li a:hover{opacity: 1;}
.cloud-header .menu li a.active{opacity: 1; border-bottom: solid 4px #fff;}
.cloud-header #cloudMenu{display: none;}

.cloud-banner{position: relative; text-align: left; margin-top: 0;}
.cloud-banner .text{position: absolute; top: 48%; left: 15%; transform: translate(0,-50%); color: #fff;}
.cloud-banner .text h5{font-size: 42px;font-weight: bold; }
.cloud-banner .text h6{font-size: 22px; margin: 25px 0;}
.cloud-banner .text p{font-size: 20px; }
.cloud-banner .mb-h5{display: none;}
.cloud-banner .swiper-pagination-bullets{bottom: 20px;}
.cloud-banner .firstH5{letter-spacing: 4px;}
.cloud-banner .PCH6{display: none;}

.cloud-page .JT{display: table; margin: 260px auto 200px;}
.cloud-page .JT .box{width: 480px; height: 480px; border-radius: 50%; box-shadow: inset -5px -5px 30px rgba(198, 207, 222, .5); position: relative;}
.cloud-page .JT .box .center{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 180px; height: 180px; box-shadow: 5px 5px 20px rgba(198, 207, 222, .5); border-radius: 50%; text-align: center; padding-top: 60px; z-index: 2;} 
.cloud-page .JT .box .center::after{content: '';position: inherit; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 260px; height: 260px; box-shadow: inset -5px -5px 30px rgba(198, 207, 222, .5); border-radius: 50%; z-index: 1;}
.cloud-page .JT .box .center h5{font-size: 20px; color: #5c7ccc; font-weight: bold; margin-top: 10px;}
.cloud-page .JT .box .text h5{font-size: 26px; color: #5c7ccc; font-weight: bold;}
.cloud-page .JT .box .text p{font-size: 16px; color: #697b8c; margin-top: 10px; line-height: 1.8em;}
.cloud-page .JT .box .logo{ box-shadow: 2px 2px 20px rgba(198, 207, 222, .5); width: 90px; line-height: 90px; display: inline-block; text-align: center; border-radius: 50%; background: #fff;}
.cloud-page .JT .box .top{position: absolute; left: 50%; top: 0; transform: translate(-50%,0); text-align: center;}
.cloud-page .JT .box .top .text{transform: translate(-50%,-160px); width: 300px; position: absolute; left: 50%; top: 0;}
.cloud-page .JT .box .top .logo{ transform: translateY(-40%);}
.cloud-page .JT .box .left{}
.cloud-page .JT .box .left .li{position: absolute; left: 0; width: 350px;}
.cloud-page .JT .box .left .logo{float: right; margin-left: 30px;}
.cloud-page .JT .box .left .text{float: right; }
.cloud-page .JT .box .left .text h5{text-align: right;}
.cloud-page .JT .box .left .text p{text-align: right;}
.cloud-page .JT .box .left .li:nth-child(1){ top: 10px; transform: translateX(-60%);}
.cloud-page .JT .box .left .li:nth-child(2){ top: 150px; transform: translateX(-85%);}
.cloud-page .JT .box .left .li:nth-child(3){ top: 300px; transform: translateX(-80%);}
.cloud-page .JT .box .left .li:nth-child(4){ bottom: -40px;transform: translateX(-45%);}
.cloud-page .JT .box .left .li .text{transform: translateY(5px);}
.cloud-page .JT .box .left .li:nth-child(4) .text{transform: translateY(35px);}
.cloud-page .JT .box .right{}
.cloud-page .JT .box .right .li{position: absolute; right: 0;  width: 350px;}
.cloud-page .JT .box .right .logo{float: left; margin-right: 30px;}
.cloud-page .JT .box .right .text{float: left; }
.cloud-page .JT .box .right .text h5{text-align: left;}
.cloud-page .JT .box .right .text p{text-align: left;}
.cloud-page .JT .box .right .li:nth-child(1){ top: 10px; transform: translateX(60%);}
.cloud-page .JT .box .right .li:nth-child(2){ top: 150px; transform: translateX(85%);}
.cloud-page .JT .box .right .li:nth-child(3){ top: 300px; transform: translateX(80%);}
.cloud-page .JT .box .right .li:nth-child(4){ bottom: -40px;transform: translateX(45%);}
.cloud-page .JT .box .right .li .text{transform: translateY(5px);}
.cloud-page .JT .box .right .li:nth-child(4) .text{transform: translateY(35px);}



.cloud-Posi{ background: #f7fafe; z-index: 3;}
.cloud-Posi .menu{}
.cloud-Posi .menu li{display: inline-block; position: relative; margin-right: 5px;}
.cloud-Posi .menu li>a{display: block;line-height: 72px; font-size: 18px; color: #666;}
.cloud-Posi .menu li>a:hover{color: #2863ff;}
.cloud-Posi .menu li>a.active{color: #2863ff;}
.cloud-Posi .menu .sub-menu{position: absolute; left: 0; top: 72px; display: none; background: #f1f4f9; width: 180px; box-shadow: 0 0 12px #e9edf7; border: solid 1px #e6e6e6; border-top: none;}
.cloud-Posi .menu .sub-menu>a{line-height: 60px; padding: 0 20px; color: #666; display: block;}
.cloud-Posi .menu .sub-menu>a:hover{background: #2863ff; color: #fff;}
.cloud-Posi .menu li:hover .sub-menu{display: block;}

.cloud-page .based-advantage{overflow: hidden; margin-top: 60px; height: auto; display: flex;}
.cloud-page .based-advantage .li{flex: 0 0 25%; max-width: 25%; text-align: center; padding: 75px 60px;}
.cloud-page .based-advantage .li.col-4{flex: 0 0 33.3333%; max-width: 33.3333%;}
.cloud-page .based-advantage .li:nth-child(even){background: #f7fafe;}
.cloud-page .based-advantage .li .img{margin-bottom: 60px; line-height: 110px;}
.cloud-page .based-advantage .li h5{font-size: 18px; color: #333; margin-bottom: 20px;}
.cloud-page .based-advantage .li p{font-size: 16px; color: #697b8c; line-height: 2em;}

.based-DevOps{overflow: hidden; margin-top: 60px;}
.based-DevOps .li{float: left; width: 33.3333%; position: relative;}
.based-DevOps .li img{width: 100%;}
.based-DevOps .li h5{font-size: 18px; color: #fff; position: absolute; left: 50%; top: 60%; transform: translate(-50%,0); line-height: 1.8em; width: 100%; text-align: center;}
.based-DevOps.BD .li h5{top: 70%;}

.cloud-page .index-row.auto{ margin: 60px -15px 0;}
.cloud-page .index-row.auto .col-lg-6{ padding: 0 15px; }
.cloud-page .index-row.auto .box{background: #f7fafe; box-shadow: none; border: solid 1px #e5e5e5;}
.cloud-page .index-row.auto .con{padding: 90px 80px 80px 200px;}

.cloud-page .index-row.AID{ margin: 60px -25px 0;}
.cloud-page .index-row.AID .col-lg-6{ padding: 0 25px; margin-bottom: 50PX;}
.cloud-page .index-row.AID .col-lg-6:nth-last-child(1),.cloud-page .index-row.AID .col-lg-6:nth-last-child(2){margin-bottom: 0;}
.cloud-page .index-row.AID .con{padding: 70px 80px 70px 200px;}

.cloud-page .index-row.AIS{ margin: 60px -30px 0;}
.cloud-page .index-row.AIS .col-lg-6{ padding: 0 30px; margin-bottom: 30PX;}
.cloud-page .index-row.AIS .col-lg-4{ padding: 0 30px; margin-bottom: 30PX;}
.cloud-page .index-row.AIS .box{background: #fff; box-shadow: none; border: solid 1px #e5e5e5; padding: 50px 40px; text-align: center; height: 100%;}
.cloud-page .index-row.AIS .con{padding: 0;}
.cloud-page .index-row.AIS .img{position: static; transform: none; margin-bottom: 30px; line-height: 114px;}
.cloud-page .index-row.AIS h5{font-size: 18px;}
.cloud-page .index-row.AIS p{text-align: justify; font-size: 16px;}

.cloud-service{background: url('../images/GroupManage/cloud07.jpg') no-repeat; width: 100%; height: 510px; background-size: cover; position: relative;}
.cloud-service .con{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; width: 100%;}
.cloud-service .con .template-sti{font-size: 20px; color: #fff; margin-bottom: 30px;}
.cloud-service .con p{font-size: 16px; color: #fff; line-height: 2em;}

.cloud-page .tianlu{padding: 60px 0 0; position: relative;}
.cloud-page .tianlu .img{position: relative;}
.cloud-page .tianlu .img:nth-child(2){margin-left: 200px;}
.cloud-page .tianlu .img:nth-child(3){margin-left: 400px;}
.cloud-page .tianlu .img p{position: absolute; top: 50%; transform: translate(-50%,-50%); font-size: 16px; color: #fff;}
.cloud-page .tianlu .img:nth-child(1) p{left: 20%;}
.cloud-page .tianlu .img:nth-child(2) p{left: 25%;}
.cloud-page .tianlu .img:nth-child(3) p{left: 26%;}
.cloud-page .tianlu .TLimg{position: absolute; right: 0; bottom: -90px; z-index: -1;}

.cloud-page .APP{ margin: 60px -55px 0;}
.cloud-page .APP .col-lg-3{ padding: 0 55px;}
.cloud-page .APP .box{background: #fff; height: 290px; box-shadow: 0  0 10px rgba(84, 99, 131, .1); border-radius: 10px; text-align: center; padding-top: 50px;}
.cloud-page .APP .img{margin-bottom: 20px; line-height: 110px;}
.cloud-page .APP p{font-size: 18px; color: #27282a; line-height: 1.8em;}

.cloud-page .ProcessManagement{border-top: solid 12px #f1f4f9; display: flex; flex-wrap: wrap; margin: 60px 0 0 ;}
.cloud-page .ProcessManagement .li{flex: 0 0 50%; min-width: 50%; height: 160px; position: relative; background: #f8f9fc; border-bottom: 12px solid #f1f4f9;}
.cloud-page .ProcessManagement .li:nth-child(odd)::after{ content: '';position: absolute; right: 0; top: 0; width: 12px; height: 100%; background: #fff;}
.cloud-page .ProcessManagement .li p{position: absolute; left: 0; top: 50%; transform: translate(0,-50%); font-size: 16px; color: #333; width: 100%; text-align: center; line-height: 2em;}
.cloud-page .ProcessManagement .li:nth-child(1)::before{content: ''; position: absolute; left: 50%; top: 0; transform: translate(-50%,-60%); width: 60px; height: 80px; border: 12px solid #f1f4f9; background: none;}
.cloud-page .ProcessManagement .li:nth-child(3)::before{content: ''; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,60%); width: 60px; height: 80px; border: 12px solid #f1f4f9; background: none;}
.cloud-page .ProcessManagement .li:nth-child(4)::before{content: ''; position: absolute; left: 50%; top: 0; transform: translate(-50%,-60%); width: 60px; height: 80px; border: 12px solid #f1f4f9; background: none;}

.cloud-page .DIS{ position: relative; margin-top: 60px;}
.cloud-page .DIS .li{width: 100%; overflow: hidden;}
.cloud-page .DIS .con{width: 482px; display: block;}
.cloud-page .DIS .con:nth-child(odd){float: left; margin-bottom: 60px;}
.cloud-page .DIS .con:nth-child(even){float: right;}
.cloud-page .DIS .li h5{font-size: 18px; color: #333; margin-bottom: 20px;}
.cloud-page .DIS .li p{font-size: 16px; color: #697b8c; line-height: 2em;}
.cloud-page .DIS .img{position: absolute; left: 50%; top: 42%; transform: translate(-50%,-50%);}

.cloud-page .AIsevice{}
.cloud-page .AIsevice .col-lg-6{ margin-bottom: 30px; position: relative;}
.cloud-page .AIsevice .img{width: 100%; position: static; transform: none;}
.cloud-page .AIsevice img{width: 100%;}
.cloud-page .AIsevice .text{position: absolute; left: 0; top: 50%; width: 100%; transform: translate(0,-50%); text-align: center; padding: 20px; color: #fff;}
.cloud-page .AIsevice .text h5{font-size: 18px; margin-bottom: 25px;}
.cloud-page .AIsevice .text p{font-size: 16px;}



/* 
    bigData
*/
.bigData{text-align: center;}
.bigData .one-pic{margin-top: 0 !important;}
.bigData .row{margin: 60px -15px -20px !important; }
.bigData .col-lg-3,.bigData .col-lg-4,.bigData .col-lg-6{padding: 0 15px !important; margin-bottom: 30px;}
.bigData .img{display: inline-block; margin-right: 0 !important; float: none !important;} 
.bigData .con{display: inline-block; margin-right: 0 !important; float: none !important; width: 100% !important; margin-top: 20px !important;} 
.bigData.templateC .img{padding: 10px; background: #fff; border: solid 1px #ededed; border-bottom: none;}
.bigData.templateC .img img{max-width: 100%; height: 200px; object-fit: contain;}
.bigData.templateC .con{ margin-top: 0 !important;}
.bigData.templateA .one-pic img{max-width: 100%; height: auto;}

.bigData-Assess .col-lg-3 .con{height: 380px; padding: 25px !important;}
.bigData-Assess .col-lg-4 .con{height: 210px ; padding: 25px !important;}
.bigData-Assess .col-lg-3 p,.bigData-Assess .col-lg-4 p,.bigData-Assess .col-lg-6 p{text-align: justify;}
.bigData-Assess .rowA{margin: 60px -15px 0;}
.bigData-Assess .col-lg-4{margin-bottom: 30px; padding: 0 15px !important;}
.bigData-Assess .col-lg-4:nth-child(n+4){margin-bottom: 0;} 

.bigData-Assess .tab-content .con{height: 600px;}

.bigData-b .col-lg-4 .con{height: 240px !important; padding: 25px !important;}
.bigData-b .col-lg-6 .con{height: 240px;}
.bigData-b .col-lg-3 p{text-align: justify;}
.bigData-b .col-lg-4{padding: 0 15px !important; margin-bottom: 30px;}
.bigData-b .col-lg-4:nth-child(n+4){margin-bottom: 0;}
.bigData-b .col-lg-4 p{text-align: justify;}
.bigData-b .col-lg-6 p{text-align: justify;}

.bigData-c .col-lg-6 .box{height: 170px;}
.bigData-c .col-lg-4 .con{ padding: 25px !important;}
.bigData-c .col-lg-3 .con{height: 220px;  padding: 25px !important;}
.bigData-c .col-lg-3 p{text-align: justify;}
.bigData-c .rowA{margin: 60px -15px 0;}
.bigData-c .col-lg-4{padding: 0 15px !important; margin-bottom: 30px;}
.bigData-c .col-lg-4:nth-child(n+4){margin-bottom: 0;}

.bigData-d .col-lg-6 .box{height: 240px;}
.bigData-d .col-lg-3 .con{height: 430px;  padding: 25px !important;}
.bigData-d .col-lg-3 p,.bigData-d .col-lg-4 p{text-align: justify;}
.bigData-d .tab-content .con{height: auto;}
.bigData-d .col-lg-4{margin-bottom: 30px; padding: 0 15px !important;}
.bigData-d .col-lg-4 .con{height: 330px !important; padding: 25px !important;}
.bigData-d .col-lg-4 .con.h240{height: 240px !important;}
.bigData-d .col-lg-4 .con.h300{height: 300px !important;}

.bigData-e .rowA{margin: 60px -15px 0 !important;}
.bigData-e .col-lg-4{margin-bottom: 30px; padding: 0 15px !important;}
.bigData-e .col-lg-6 .box{height: 300px;}
.bigData-e .col-lg-4 .con{height: 360px !important; padding: 25px !important;}

.bigData-f .rowA{margin: 60px -15px 0;}
.bigData-f .col-lg-4{margin-bottom: 30px; padding: 0 15px !important;}
.bigData-f .col-lg-6 .box{height: 360px;}
.bigData-f .col-lg-4 .con{height: 360px !important; padding: 25px !important;}

.bigData .rowC{}
.bigData .rowC .col-lg-4{margin-bottom: 30px;}

.h130{height: 130px !important;}
.h150{height: 150px !important;}
.h160{height: 160px !important;}
.h180{height: 180px !important;}
.h190{height: 190px !important;}
.h200{height: 200px !important;}
.h240{height: 240px !important;}
.h260{height: 260px !important;}
.h280{height: 280px !important;}
.h300{height: 300px !important;}
.h320{height: 320px !important;}
.h360{height: 360px !important;}
.h400{height: 400px !important;}
.h420{height: 420px !important;}
.h500{height: 500px !important;}
.h550{height: 550px !important;}
.h600{height: 600px !important;}
.h700{height: 700px !important;}
.xs-font{font-size: 18px !important;}
.mb0{margin-bottom: 0 !important;}


/* 
    GroupManage-zjjk
*/
.GroupManage-zjjk{background: url('../images/GroupManage/bg001.jpg') center top no-repeat; position: relative;color: #FFF; background-size: cover;  padding: 60px 0 20px;}
.GroupManage-zjjk .template-ti{color: #fff;}
.GroupManage-zjjk .template-text p{color: #fff;}
.GroupManage-zjjk .rowA{}
.GroupManage-zjjk .box{border-radius: 10px;}
.GroupManage-zjjk .box p{text-align: justify; font-size: 14px; text-indent: 2em;}






/* 
    template-modify
*/
.template-modify .rowD .col-lg-6 .con{width: 370px;}
.GroupManage .box{height: 206px;}

.RiskControl{}
.RiskControl .template-sti{color: #333; margin-top: 50px;}
.RiskControl .template-sti-b{ margin-top: 20px;}
.RiskControl .rowD{ margin-top: 40px;}
.RiskControl .rowD .h-box{height: 236px;}
.RiskControl .box,.RiskControl .con{height: 100% !important; overflow: hidden;}
.RiskControl .point{width: 5px; height: 5px; background: #0250f7; display: inline-block; border-radius: 50%; margin-right: 5px; position: relative; top: -4px;}
.RiskControl .RiskRow{margin: 40px auto -60px; width: 1000px;}
.RiskControl .RiskRow .col-12{border: solid 1px #e6e6e6; padding: 35px; margin-bottom: 30px;}
.RiskControl.templateC .box{margin-bottom: 30px; height: 100%;}
.RiskControl.templateC .con{margin-top: 20px;}
.RiskControl.templateC .col-lg-3{margin-bottom: 30px;}
.RiskControl.templateC .col-lg-4{margin-bottom: 30px;}
.RiskControl.templateC .col-lg-3 .con{margin-top: 0; height: auto; padding-bottom: 0;}

.Asset .template-sti{font-size: 26px !important;}
.Asset .box{height: 140px !important;}
.Asset .box h5{font-size: 16px !important; font-weight: normal !important;}
.Asset .col-lg-3{margin-bottom: 30px;}


/* 
    Approve
*/
.Approve{}
.Approve .template-sti{font-size: 24px; margin-top: 0;}
.Approve .template-text{ margin-top: 10px;}


/*
    Scanner
*/
.Scanner{padding: 60px 0 !important;}
.Scanner .rowE{}
.Scanner .rowE .col-lg-6{margin-top: 120px;}
.Scanner .rowE .col-lg-6:nth-child(1){margin-top: 30px;}
.Scanner .rowE .col-lg-6:nth-child(2){margin-top: 30px;}
.Scanner .rowE-2 h5{font-size: 15px !important; font-weight: 600 !important;}
.Scanner .rowE-3 .box{padding-top: 30px;}
.Scanner .rowE-3{margin-top: 30px;}
.Scanner .rowE-3 .col-lg-6{margin-top: 30px;}
.templateC.Scanner .con{padding: 15px;}
.templateC.Scanner .con .img{border: solid 4px #dfe2e8;}
.templateC.Scanner .con .li{text-align: center; background: #23252a; color: #fff;padding: 15px; line-height: 2em; text-align: justify; height: 190px;margin: 25px 0 0; word-spacing: 8px;}
.templateC.Scanner .rowA-2{margin: 60px -15px 0;}
.templateC.Scanner .rowA-2 .col-lg-4{padding: 0 15px;}


/* 
    WenWen
*/
.WenWen{}
.WenWen .table{text-align: left;}
.WenWen .table th{ background: #23252a; color: #fff;}
.WenWen .table td{padding-left: 20px;}


/* 
    Affairs
*/
.Affairs .rowD{margin: 60px -15px 0;}
.Affairs .box{height: 236px;}
.Affairs .swiper-con .img{display: block;}
.Affairs .swiper-con img{max-width: 320px;  width: auto; height: auto;}


/* 
    Union
*/
.Union{}
.Union .rowA{}
.Union .rowA .con{ padding: 20px; height: 304px;}
.Union .rowA h5{ font-size: 18px;}
.Union .rowA .tl{text-align: justify;}
.Union .rowA .tl li{padding-left: 15px; position: relative; line-height: 2em; color: #888;}
.Union .rowA .tl li::before{content: ''; position: absolute; left: 0; top: .8em; width: 5px; height: 5px; background: #110000; border-radius: 50%;}


/* 
    SmartMedia
*/
.SmartMedia{}
.SmartMedia .con{height: 177px;}


/* 
    Merchant
*/
.Merchant{margin: 60px 0 0;}
.Merchant .box{padding: 30px; overflow: hidden; background: #fff; border: solid 1px #ededed; display: block; transition: all .3s; margin-bottom: 30px;}
.Merchant a.box:hover{background: #f9f9f9;}
.Merchant .img{float: left;margin-right: 30px;}
.Merchant img{width: 120px; height: 120px;}
.Merchant .con{float: left; width: 960px;}
.Merchant .con h5{margin: 5px 0 20px; text-align: left;}
.Merchant .con p{text-align: justify;}


/* 
    Agriculture
*/
.Agriculture{}
.Agriculture .con{height: 300px; padding: 25px !important;}


/* 
    FinancialSharing
*/
.FinancialSharing{}
.FinancialSharing .con{height: 340px; padding: 25px !important;}
.FinancialSharing  .template-sti{margin-top: 40px; text-align: left; color: #000;}
.FinancialSharing  .template-text-b{margin-top: 15px;}
.FinancialSharing .swiper-con p{margin-bottom: 15px;}
.FinancialSharing .swiper-con .box{height: 760px;}
.FinancialSharing .tl{text-align: justify;}
.FinancialSharing .tl li{padding-left: 15px; position: relative; line-height: 2em; color: #888;}
.FinancialSharing .tl li::before{content: ''; position: absolute; left: 0; top: .8em; width: 5px; height: 5px; background: #110000; border-radius: 50%;}
.FinancialSharing .rowA{overflow: hidden; border-top: solid 1px #ddd; padding-top: 60px; margin-top: 60px;}
.FinancialSharing .rowA .con{float: left; transform: translateY(10%);}
.FinancialSharing .rowA .img{float: right; text-align: center; max-width: 900px;}
.FinancialSharing .rowA .img img{max-width: 100%;}
.FinancialSharing .rowB{overflow: hidden; border-top: solid 1px #ddd; padding-top: 60px; margin-top: 60px;}
.FinancialSharing .rowB .con{float: right; transform: translateY(10%);}
.FinancialSharing .rowB .img{float: left;}
.FinancialSharing .rowA p::before,.FinancialSharing .rowB p::before{content: '\e643';  font-family: "iconfont" !important; margin-right: 5px; color: #06a2d6; padding-left: 20px;}


/* 
    Report
*/
.Report{}
.Report .row{margin: 72px -24px 0;}
.Report .col-lg-3{padding: 0 24px;}
.Report .col-lg-3 h5{font-size: 18px;}
.Report .col-lg-3 p{text-align: justify;}
.Report .rowD {margin-top: 40px;}
.Report .rowD .con{ height: 560px;}


/* 
    Trave
*/
.Trave{}
.Trave .row{}
.Trave .col-lg-6{margin-bottom: 130px;}
.Trave .col-lg-6:nth-child(3){margin-bottom: 0;}
.Trave .col-lg-6:nth-child(4){margin-bottom: 0;}
.Trave .col-lg-6 .box{height: 320px;}
.Trave .col-lg-6 p{text-indent: 2em;}
.Trave .rowD {margin-top: 40px;}
.Trave .rowD .con{ height: 800px;}


/* 
    cost
*/
.cost{}
.cost .swiper-con p{line-height: 1.5em; margin-bottom: 10px; font-size: 14px;}
.cost .swiper-con .font-blue{font-weight: bold;}
.cost .tl{text-align: justify;}
.cost .tl li{padding-left: 15px; position: relative; line-height: 1.5em; color: #666; font-size: 14px;}
.cost .tl li::before{content: ''; position: absolute; left: 0; top: .8em; width: 5px; height: 5px; background: #110000; border-radius: 50%;}
.templateC.cost .box h5{font-size: 16px;}
.templateC.cost .box p{font-size: 14px;}


/* 
    Finance
*/
.Finance{}
.Finance .box{ height: 320px;}


/* 
    Risk
*/
.Risk{}
.Risk .box{padding: 20px !important; height: 150px;}
.Risk .con{width: 100% !important; float: none;}
.Risk .con h5{ margin-bottom: 0 !important; text-align: center;}
.Risk .con .down{position: static; display: block; margin: 20px auto 10px; border-radius: 5px;}


/* 
    index-Recommend
*/
.index-Recommend{padding: 0 0 90px;}
.index-Recommend .container{width: 1200px;}
.index-Recommend .img{transition: all .2s;}
.index-Recommend .img img{width: 100%; }
.index-Recommend .row{margin: 50px -20px 0;}
.index-Recommend .col-lg-6{padding: 0 20px;}
.index-Recommend .con{padding: 30px; text-align: center;}
.index-Recommend .con h5{font-size: 24px; color: #23252a; margin-bottom: 30px;}
.index-Recommend .con p{font-size: 16px; color: #888; line-height: 1.8em; text-align: justify;}
.index-Recommend .tem-more{margin-top: 20px !important;}
.index-Recommend .col-lg-6:hover .img{ transform: translate(0,-8px);box-shadow: 0 8px #2663ff;}
.index-Recommend .col-lg-6:hover .con{background: #fbfbfb;}


/* 
    首页专题页推荐
*/
.index-special{background: #f1f8ff; width: 100%; height: auto; padding: 90px 0; margin: 0 auto; border-right: solid 50px #fff; border-left: solid 50px #fff;}
.index-special .container{width: 1200px;}
.index-special .top{overflow: hidden; margin: -15px; padding:  15px;}
.index-special .top .left{float: left; width: 800px;}
.index-special .top .right{float: right; width: 360px;}
.index-special .top a{display: block; box-shadow: 0 0 10px rgba(0,59,178,.15); }
.index-special .top .right a:first-child{margin-bottom: 35px;}
.index-special .top img{width: 100%;}
.index-special .bottom{margin: 40px 0 50px;}
.index-special .bottom .row{margin: 0 -20px;}
.index-special .bottom .col-12{padding: 0 20px;}
.index-special .bottom a{display: block;  box-shadow: 0 0 10px rgba(0,59,178,.15);}
.index-special .bottom img{width: 100%;}
.index-special img{transition: all .3s; box-shadow: 0 0 12px #b2d0f2;}
.index-special a:hover img{transform: scale(1.03);}
.index-special .tem-more{background: #344bfd; color: #fff; border: none; margin: 60px auto 0 !important; transition: all .3s;}
.index-special .iconfont::after {background: #fff;}
.index-special .tem-more:hover{ background-image: linear-gradient(90deg,#344bfd,#650fda);}


/* 
    index-products
*/
.index-products{padding: 80px 0 20px;}
.index-products .container{width: 1332px;}
.index-products .rowD{}
.index-products .nav{width: 1000px; margin: 60px auto 48px; display: block; overflow: hidden;}
.index-products .nav .nav-link{display: block; width: 25%; float: left; text-align: center;}
.index-products .nav-pills .nav-link.active,.index-products  .nav-pills .show>.nav-link{background: none;}
.index-products .nav p{color: #666; transition: all .3s; font-weight: 600;}
.index-products .img{width: 108px; line-height: 108px; background: #f3f7ff; border-radius: 50%; display: inline-block; margin-bottom: 20px; opacity: .6; transition: all .3s;}
.index-products .nav-link.active .img{opacity: 1;}
.index-products .nav-link.active p{color: #344bfd;}
.index-products .nav-link:hover .img{opacity: 1; transform: translate(0,-5px);}
.index-products .nav-link:hover p{color: #344bfd;}
.index-products .imgBg{height: 500px; position: relative;}
.index-products .text{position: absolute; right: 0; top: 0; width: 50%; height: 100%; padding: 80px 90px;  background-image: linear-gradient(90deg, rgba(0,0,0,.1),rgba(0,0,0,.9));}
.index-products .text h5{font-size: 30px; color: #ffffff; margin-bottom: 30px;}
.index-products .text p{font-size: 18px; color: #ffffff; line-height: 2em; text-align: justify;}
.index-products .tem-more{background: #344bfd; color: #fff; border: none; margin: 30px 0 0 !important; transition: all .3s;}
.index-products .tem-more:hover{ background-image: linear-gradient(90deg,#344bfd,#650fda);}
.index-products .tem-more .iconfont::after{content: ''; width: 1.5px; height: 77%; position: absolute; left: 0; top: 10%; background: #fff; transition: all .3s;}
.index-products .tem-more:hover .iconfont::after{ background: #fff; transform: translate(16px,0);}


/* 
    index-news
*/
.index-news{}
.index-news .container{width: 1460px; position: relative;}
#index-news{width: 1360px; padding: 60px 12px 60px;}
#index-news .swiper-slide{box-shadow: 0 0 10px #e5edf6; transition: all .3s;}
#index-news a{display: block;}
#index-news .swiper-slide:hover{transform: translate(0,-10px);}
#index-news .img{width: 100%;}
#index-news .img img{width: 100%; height: 210px; object-fit: cover; object-position: center;}
#index-news .con{height: 290px; padding: 30px; transition: all .3s;}
#index-news .swiper-slide:hover .con{background: #fbfbfb;}
#index-news .con h5{ font-size: 20px; font-weight: 600; line-height: 1.5em; margin-bottom: 20px; text-align: justify; color: #000; transition: all .3s;} 
#index-news .swiper-slide:hover h5{color: #344bfd;}
#index-news .con p{ font-size: 16px; line-height: 1.8em; text-align: justify; color: #888; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.index-news .swiper-button-next,.index-news .swiper-button-prev{background: #fff ; width: 40px; line-height: 40px;}
.index-news .swiper-button-next{right:0;}
.index-news .swiper-button-prev{left: 0;}
.index-news .IN-next .iconfont,.index-news .IN-prev .iconfont{font-size: 40px; font-weight: 700; opacity: .5; transition: all .3s;}
.index-news  .swiper-button-next:hover .iconfont,.index-news  .swiper-button-prev:hover .iconfont{opacity: 1; color: #344bfd;}
.index-news .swiper-pagination-bullets{bottom: 20px;}
.index-news .swiper-pagination-bullet{background: #d7d9ee; width: 8px; height: 8px; opacity: 1;}
.index-news .swiper-pagination-bullet-active{background: #344bfd;}


/* 
    index-Cus
*/
.index-Cus{padding: 0 0 80px;}
.index-Cus .container{width: 1300px;}
.index-Cus .logoList{margin: 40px 0 10px; overflow: hidden;}
.index-Cus .logoList li{float: left; width: 20%; text-align: center;}


/* 
    page-banner
*/
.page-banner{margin-top: 80px;}
.page-banner img{width: 100%; height: 480px; object-fit: cover; object-position: center;}


/* 
    about-page
*/
.about-page{overflow: hidden;}
.about-page.mainbox-gray{padding-bottom: 50px;}
.about-page .template-ti{margin-bottom: 60px;}
.about-page .img{float: left;}
.about-page .text{float: right; width: 730px; padding-left: 50px; border-left: 1px solid #ededed;}
.about-page .text p{color: #666; line-height: 2em; margin-bottom: 15px; text-align: justify ;}
.about-page .logo{margin: -10px auto 30px; display: table; }
.about-page .line{width: 1180px; height: 40px; display: none; margin: 0 auto; position: relative; margin-top: 60px;}
/* .about-page .line::after{content: ''; width: 1px; height: 40px; position: absolute; left: 50%; top: 0; background: #ddd; transform: translate(-50%,-100%);} */
.about-page .row{margin: 0 -15px;}
.about-page .col-lg-4{padding: 0 15px; }
.about-page .col-12{margin-bottom: 30px;}
.about-page .box{background: #fff;text-align: center; position: relative; box-shadow: 0 0 2px #e5edf6; transition: all .3s; height: 100%;}
.about-page .box:hover{background: #fff; box-shadow: 0 0 20px #e5edf6;}
/* .about-page .box::after{content: ''; width: 1px; height: 40px; position: absolute; left: 50%; top: 0; background: #ddd; transform: translate(-50%,-100%);}
.about-page .box::before{content: ''; width: 0; height: 5px; position: absolute; left: 50%; top: 0; background: #2663ff; transform: translate(-50%,0); opacity: 0; transition: all .3s;} */
.about-page .box:hover::before{width: 60px; opacity: 1;}
.about-page .box a{display: block; width: 100%; height: 100%;  padding: 50px 30px; position: relative; overflow: hidden;}
.about-page .box .logo{margin: 0 auto 20px;}
.about-page .box .logo img{max-height: 39px;}
.about-page .box h5{font-size: 18px; color: #35456f; font-weight: bold; line-height: 1.8em; margin-bottom: 15px; transition: all .3s;}
.about-page .box .hover{position: absolute; left: 0 ; top: 0;background: rgba(0,0,0,.8); width: 100%; height: 100%; opacity: 0;  transition: all .3s; padding: 50px  40px ; transform: translate(0,20px); vertical-align: middle; }
.about-page .box p{font-size: 16px; color: #fff; line-height: 1.8em; margin-bottom: 20px;}
.about-page .box span{font-size: 14px; color: #fff; line-height: 1.8em;  border: solid 1px #aaa; display: inline-block; padding: 6px 20px; border-radius: 5px; transition: all .3s; transition-delay: .2s;}
.about-page .box:hover h5{color: #2663ff;}
.about-page .box:hover .hover{opacity: 1;  transform: translate(0,0);}
.about-page .box:hover span{background: #2663ff; border: solid 1px #2663ff;}

.about-page .subsidiary-box{padding: 50px 40px 20px;}
.about-page .subsidiary-box .logo{margin-bottom: 60px;}
.about-page .subsidiary{display: flex; margin: 0 -15px; flex-wrap: wrap; justify-content: center;}
.about-page .subsidiary .li{flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0 15px; margin-bottom: 30px;}
.about-page .subsidiary .li a{ background: rgb(244, 245, 247);}
.about-page .subsidiary h5{margin-bottom: 0;}
.about-page .subsidiary p{position: inherit; left: 0; top: 50%; transform: translate(0,-50%); width: 100%; padding: 0 20px;}
.about-page .subsidiary-box:hover .hover{opacity: 0;}
.about-page .subsidiary-box:hover h5{color: #35456f;}
.about-page .subsidiary-box .li:hover h5{color: #2663ff;}
.about-page .subsidiary-box .li:hover .hover{opacity: 1;  transform: translate(0,0);}


/* 
    team-page
*/
.team-page{}
.team-page .containerA{width: 1180px;}
.team-page .text{margin-top: 40px;}
.team-page .text p{color: #666; line-height: 2em; margin-bottom: 15px; text-align: justify ; text-indent: 2em;}
.team-page .intro{overflow: hidden; padding: 60px 0 30px;}
.team-page .intro .pic{float: left; box-shadow: 15px 15px 0 #e3e3e3;}
.team-page .intro .con{float: right; width: 930px;}
.team-page .intro .con h5{font-size: 30px; font-weight: bold; color: #333; padding-bottom: 25px; position: relative; margin-bottom: 25px;}
.team-page .intro .con h5::after{content: ''; width: 90px; height: 5px; background: #333; position: absolute; left: 0; bottom: 0;}
.team-page .intro .con p{color: #666; line-height: 2em; text-align: justify; margin-bottom: 20px;}


/* 
    histroy-page
*/
.histroy-page{padding: 80px 0 ;}
.histroy-page .histroy-box{overflow: hidden; position: relative; padding: 40px 0; margin: 60px 0 0;}
.histroy-page .histroy-box::after{content: ''; position: absolute; left: 50%; top: 0; background: #ededed; width: 4px; height: 100%; transform: translate(-50%,0); z-index: 8;}
.histroy-page .content-list{overflow: hidden; width: 100%; margin: 20px 0; position: relative;}
.histroy-page .content-list .img{margin-top: 30px;}
.histroy-page .content-list .img img{width: 180px;}
.histroy-page .content-list .con{width: 548px; padding: 0 48px; position: relative;}
.histroy-page .content-list .con h5{font-size: 36px; font-weight: bold; color: #23252a; margin-bottom: 30px;}
.histroy-page .content-list .con h6{font-size: 20px; font-weight: bold; color: #23252a; margin-bottom: 20px;}
.histroy-page .content-list .con p{font-size: 16px; color: #666; line-height: 2em; text-align: justify;}
.histroy-page .content-list:nth-child(odd){float: left;}
.histroy-page .content-list:nth-child(odd) .img{float: left;}
.histroy-page .content-list:nth-child(odd) .con{float: left;}
.histroy-page .content-list:nth-child(odd) .con h5{text-align: right;}
.histroy-page .content-list:nth-child(even){float: right;}
.histroy-page .content-list:nth-child(even) .img{float: right;}
.histroy-page .content-list:nth-child(even) .con{float: right;}
.histroy-page .content-list:nth-child(odd) .con::before{content: ''; position: absolute; right: 0; top: 0; background: #2663ff; width: 16px; height: 16px; border: solid 3px #ededed; border-radius: 50%; transform: translate(10px,12px); z-index: 9;}
.histroy-page .content-list:nth-child(even) .con::before{content: ''; position: absolute; left: 0; top: 0; background: #2663ff; width: 16px; height: 16px; border: solid 3px #ededed; border-radius: 50%; transform: translate(-10px,12px); z-index: 9;}


/* 
    honor-page
*/
.honor-page{}
.honor-page.mainbox-gray{background: #f6f6f6;}
.honor-page .honor-box{padding: 60px 5% 0;}
.honor-page .row{margin: 0 -25px;}
.honor-page .col-lg-4{padding: 0 25px; margin-bottom: 60px;}
.honor-page .box{background: #fdfefe; box-shadow: 20px 20px 0 #e3e7ea; padding: 30px;}
.honor-page .con{ text-align: center; box-shadow: 0 0 20px #ededed; padding: 30px 0;}
.honor-page .img{display: inline-block; margin-bottom: 25px;}
.honor-page .img img{max-height: 210px;}
.honor-page .con h5{font-size: 18px; padding-bottom: 25px; position: relative;}
.honor-page .con h5::before{content: ''; position: absolute; left: 50%; bottom: 0; background: #2663ff; width: 60px; height: 5px;  transform: translate(-50%,0);}


/* 
    customer-page
*/
.customer-page{}
.customer-page .template-text{width: 1200px; margin: 30px auto 60px;}
.customer-page .logo-area{}
.customer-page .nav{margin: 60px auto; display: table;}
.customer-page .nav-link{ min-width: 200px; line-height: 50px;  text-align: center; padding: 0 30px; border-radius: 0; background: #ededed; font-size: 18px; color: #666; display: inline-block; border-right: solid 1px #ddd;}
.customer-page .nav-link:first-child{border-radius: 10px 0 0 10px;}
.customer-page .nav-link:last-child{border-radius: 0 10px 10px 0; border: none;}
.customer-page .nav-link.active{background: #2663ff;}
.customer-page .logo-box{overflow: hidden; display: flex; flex-wrap: wrap;}
.customer-page .logo-box li{flex: 0 0 20%; max-width: 20%; text-align: center; padding: 5px; margin-bottom: 50px;}
.customer-page .logo-box li img{max-width: 100%; max-height: 100%;}
.customer-page .logo-box li p{font-size: 18px; font-weight: bold; margin-bottom: 0; display: block;}


/* 
    culture-page
*/
.culture-page{margin-top: 0;}
.culture-page .container{position: relative;}
.culture-page .swiper-container{padding-top: 60px;}
.culture-page.index-banner .swiper-button-next,.culture-page.index-banner .swiper-button-prev{margin-top: 0;}

#cultural-platform{padding-bottom: 50px;}
#cultural-platform .box{}
#cultural-platform .pic-area{float: right; width: 78%;}
#cultural-platform .pic-area img{object-fit: cover; object-position: center;}
#cultural-platform .pic-area .bigPic{width: 72%; float: left;}
#cultural-platform .pic-area .bigPic img{width: 100%; height: 480px;}
#cultural-platform .pic-area .smPic{width: 28%; float: right; padding-left: 10px;}
#cultural-platform .pic-area .smPic img{width: 100%; float: right; height: 235px; margin-bottom: 10px;}
#cultural-platform .text-area{ float: left; width: 22%; margin-top: -60px;}
#cultural-platform .text-area .top-ti{background: #2663ff; padding: 30px 24px; color: #fff; height: 120px;}
#cultural-platform .text-area .text{background: #222327; padding: 30px 24px; height: 420px; }
#cultural-platform .text-area h5{font-size: 24px; margin-bottom: 15px;}
#cultural-platform .text-area h6{font-size: 18px;}
#cultural-platform .text-area p{font-size: 14px; color: #fff; line-height: 2em; text-align: justify; text-indent: 2em; margin-bottom: 15px; }

#cultural-activity{width: 1260px;}
#cultural-activity .box{height: 500px;}
#cultural-activity .swiper-slide{ text-align: center;}
#cultural-activity .swiper-slide-active{z-index: 999;}
#cultural-activity .img{width: 100%;}
#cultural-activity .img img{width: 100%;  height: 300px; object-fit: cover; object-position: center; transform: translate(0,20%); -webkit-filter: brightness(.5);  transition: all .2s;}
#cultural-activity .swiper-slide-active img{width: 720px; height: 420px;  transform: translate(0,0);  -webkit-filter: brightness(1);  transition: all .2s; box-shadow: 0 0 12px rgba(0,0,0,.18);}
#cultural-activity h5{padding: 30px 0 15px; font-size: 24px; border-bottom: solid 4px #b5bac6; display: inline-block; opacity: 0; }
#cultural-activity .swiper-slide-active h5{opacity: 1;}
.CA-next,.CA-prev{background: none ; width: 48px; height: 48px; line-height: 48px; border-radius: 50%;text-align: center; transition: all .3s;}
.CA-next{right: 0; transform: translate(50%,0);}
.CA-prev{left: 0; transform: translate(-50%,0);}
.CA-next .iconfont,.CA-prev .iconfont{color: #000; font-size: 42px; font-weight: 600; transition: all .3s;}
.CA-next:hover .iconfont,.CA-prev:hover .iconfont{color: #2663ff;}


/* 
    news-page
*/
.news-page{padding: 80px 0; background: #fbfbfb;}
.news-page .container{width: 1340px;}
.news-page .newest{overflow: hidden; box-shadow: 0 0 12px #e5edf6;}
.news-page .newest a{display: block; transition: all .3s; }
.news-page .newest .img{width: 50%; float: left; height: 400px;}
.news-page .newest .img img{width: 100%; height: 350px; object-fit: cover; object-position: center;}
.news-page .newest .con{width: 50%; float: right; position: relative; padding: 50px; height: 400px; background: #fff;}
.news-page .newest .con h5{font-size: 30px; color: #000; text-align: justify; line-height: 1.2em; margin-bottom: 20px; transition: all .3s; }
.news-page .newest .con h6{font-size: 20px; color: #86888e; text-align: justify;line-height: 2em; margin-bottom: 30px;}
.news-page .newest .con p{font-size: 16px; color: #333; text-align: justify;}
.news-page .newest .con span{font-size: 16px; color: #fff; background: #2663ff; position: absolute; right: 50px; bottom: 100px; width: 72px; line-height: 42px; text-align: center;}
.news-page .newest a:hover h5{color: #2663ff;}

.news-page .row{margin: 60px -20px 0;}
.news-page .col-lg-4{padding: 0 20px; margin-bottom: 40px;}
.news-page .row a{display: block; transition: all .3s; box-shadow:  0 0 12px #e5edf6;}
.news-page .row a:hover{transform: translate(0,-10px);}
.news-page .row .img{width: 100%;}
.news-page .row .img img{width: 100%; height: 210px; object-fit: cover; object-position: center;}
.news-page .row .con{height: 290px; padding: 30px; transition: all .3s;}
.news-page .row a:hover .con{background: #fbfbfb;}
.news-page .row .con h5{ font-size: 20px; font-weight: 600; line-height: 1.5em; margin-bottom: 20px; text-align: justify; color: #000; transition: all .3s; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} 
.news-page .row a:hover h5{color: #2663ff;}
.news-page .row .con p{ font-size: 16px; line-height: 1.8em; text-align: justify; color: #888; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}

.news-page-search{background: #fbfbfb;}
.news-page-search .row a:hover{transform: translate(0,-5px);}
.news-page-search .row{margin: 0;}
.news-page-search .col-lg-12{margin-bottom: 30px; padding: 0;}
.news-page-search .row .con{height: auto; background: #fff;}
.news-page-search .row .con p{  -webkit-line-clamp: 2;}
.news-page-search.page-banner{position: relative;}
.news-page-search.page-banner .search-area{position: absolute; left: 50%; bottom: 40px; transform: translate(-50%,0); width: 1340px; height: 60px;}
.news-page-search.page-banner .search-area .input{width: 100%; height: 60px; outline: none; padding-left: 60px; border: none;}
.news-page-search.page-banner .search-area .iconfont{ width: 60px; line-height: 60px; position: inherit; left: 0; top: 0; font-size: 30px; color: #2663ff;  display: block; text-align: center;}
.news-page-search.page-banner .search-area .button{width: 200px; height: 60px; position: inherit; right: 0; top: 0;}
.news-page-search.page-banner .search-area button{width: 100%; height: 100%; background: #2663ff; color: #fff; border: none; outline: none;}


.class-menu{background: #fbfbfb; position: sticky; top: 79px; z-index: 9; border-bottom: 1px solid #e6e6e6; width: 100%; height: 60px;}
.class-menu .container{width: 1340px;}
.class-menu .containerA{width: 1460px;}
.class-menu .ti{font-size: 18px; line-height: 60px; float: right; color: #666;}
.class-menu .menu{float: left; }
.class-menu .menu .drop-item{float: left;  position: relative; margin-right: 20px; cursor: pointer;}
.class-menu .menu .drop-item h5{font-size: 18px; line-height: 60px;}
.class-menu .menu .drop-menu{position: absolute; left: 0; top: 60px; background: #fff; width: 160px; box-shadow: 0 6px 10px rgba(0, 13, 27, .1); display: none;}
.class-menu .menu .drop-item:hover .drop-menu{display: block;}
.class-menu .menu .drop-item:hover h5{color: #2663ff;}
.class-menu .menu .drop-menu a{line-height: 3.2em; font-size: 14px; color: #888; transition: all .3s; display: block; padding: 0 1.3em;}
.class-menu .menu .drop-menu a:hover{background: #2663ff; color: #fff;}
.class-menu .menu .drop-menu a.active{background: #2663ff; color: #fff;}
.class-menu .menu .show-item{float: left; border-right:  solid 1px #ededed; margin-right: 20px; padding-right: 10px;}
.class-menu .menu .show-item h5{float: left; line-height: 60px;}
.class-menu .menu .show-item .show-menu{float: left;}
.class-menu .menu .show-item .show-menu li{float: left;}
.class-menu .menu .show-item .show-menu a{line-height: 60px;padding: 0 15px; display: block; margin-right: 1px; color: #888; font-size: 16px;}
.class-menu .menu .show-item .show-menu a:hover{background: #2663ff; color: #fff;}
.class-menu .menu .show-item .show-menu a.active{background: #2663ff; color: #fff;}

.newsDetail{}
.newsDetail .container{width: 1000px; max-width: 1000px; position: relative;}
.newsDetail .top{padding-bottom: 20px; border-bottom: solid 1px #e6e6e6; margin-bottom: 40px;}
.newsDetail .top .title{font-size: 30px; line-height: 1.5em; font-weight: 500; padding-bottom: 15px;}
.newsDetail .top .info{ overflow: hidden;}
.newsDetail .top .info li{float: left; font-size: 14px; color: #888; margin-right: 2em;}
.newsDetail .text-content{}
.newsDetail .text-content p{color: #333; line-height: 1.8em; text-align: justify; padding-bottom: 25px;}
.newsDetail .text-content img{max-width: 100%;}
.newsDetail .bottom{padding: 20px 0 0; border-top: 1px solid #e6e6e6; margin-top: 40px;}
.newsDetail .bottom p{line-height: 2em; font-size: 14px;}
.newsDetail .share{position: absolute; right: -150px; top: 150px;}
.newsDetail .share a{display: block; text-align: center; color: #888; margin-bottom: 25px;}
.newsDetail .share .iconfont{  display: block; border-radius: 50%; color: #888; font-size: 28px; transition: all .3s;}
.newsDetail .share .icon-icon:hover{color: rgb(79, 216, 86);}
.newsDetail .share .icon-weibo:hover{color: rgb(231, 34, 34);}
.newsDetail .share .icon-tengxunweibo:hover{color: rgb(32, 131, 224);}
.newsDetail .share .icon-qq:hover{color: rgb(35, 174, 255);}


/* 
    pagiGroup
*/
.pagiGroup{display: table; margin: 30px auto 0;}
.pagiGroup.left{margin: 30px 0 0 ;}
.pagiGroup li{display: inline-block; margin: 0 5px;}
.pagiGroup li a{width: 36px; line-height: 36px; background: #e0e4ef; color: #8f9dc1; border-radius: 50%; display: block; text-align: center; transition: all .3s;}
.pagiGroup li a:hover{background: #e4ecff;}
.pagiGroup li .active{background: #2663ff; color: #fff;}
.pagiGroup li .active:hover{-webkit-filter: brightness(1.2); background: #2663ff;}


/* 
    responsibility-page
*/
.responsibility-page{}
.responsibility-page .container{width: 1360px;}
.responsibility-page .row{margin: 60px -15px 0;}
.responsibility-page .col-lg-6{padding: 0 15px;}
.responsibility-page .col-lg-3{padding: 0 15px; margin-bottom: 30px;}
.responsibility-page .box{}
.responsibility-page .img{margin-bottom: 20px;}
.responsibility-page .img img{width: 100%;}
.responsibility-page .box p{font-size: 18px; color: #666; line-height: 1.8em; text-align: justify;}
.responsibility-page .col-lg-3 p{font-size: 16px;}


/* 
    investor-page
*/
.investor-page{overflow: hidden;}
.investor-page .containerA{width: 1280px;}
.investor-page .company{width: 40%; float: left;}
.investor-page .shares{width: 60%; float: right; padding-left: 30px;}
.investor-page .containerA .template-ti{text-align: left; margin-bottom: 40px;}
.investor-page .company .ul{}
.investor-page .company .ul li{width: 100%; background: #f6f6f6; line-height: 44px; margin-bottom: 5px; color: #333;}
.investor-page .company .ul li span{background: #da242b; color: #fff; padding-left: 20px; display: inline-block; width: 154px; margin-right: 20px;}
.investor-page .shares .shares-li{ margin-bottom: 5px;}
.investor-page .shares .shares-li h5{background: #da242b; color: #fff; line-height: 44px; text-align: center;}
.investor-page .shares .shares-li .img{ border: solid 1px #ddd; height: 338px; text-align: center; padding-top: 30px;}

.investor-page .one-pic{width: auto; display: table; margin: 30px auto 0;}
.investor-page .tem-more{border: solid 1px #e6e6e6; color: #888;}
.investor-page .tem-more:hover{color: #fff; background: #da242b;}
.investor-page .tem-more .iconfont::after{background: #888;}
.investor-page .tem-more:hover .iconfont::after{background: #fff;}

.investor-page .record-sheet .row{margin: 60px -15px 0;}
.investor-page .record-sheet .col-xl-4{padding: 0 15px; margin-bottom: 30px;}
.investor-page .record-sheet .col-xl-4:nth-child(n+10){margin-bottom: 0;}
.investor-page .record-sheet .con{background: #fff; box-shadow: 0 0 12px #ebeef3; padding: 20px 24PX; position: relative; height: 112px; display: block; text-decoration: none;}
.investor-page .record-sheet .con:hover{background: #da242b;}
.investor-page .record-sheet .con:hover .time{background: #Fff;  transition: all .3s;}
.investor-page .record-sheet .con:hover .time h6,.investor-page .record-sheet .con:hover .time p{color: #da242b;}
.investor-page .record-sheet .con:hover .txt h6,.investor-page .record-sheet .con:hover .txt p{color: #fff;}
.investor-page .record-sheet .con .time{background: #da242b; width: 72px; height: 72px; text-align: center; padding-top: 6px; position: absolute; left: 20px; top: 20px;  transition: all .3s;}
.investor-page .record-sheet .con .time h6{font-size: 28px; color: #fff; margin-bottom: 3px;  transition: all .3s;}
.investor-page .record-sheet .con .time p{font-size: 14px; color: #fff;  transition: all .3s;}
.investor-page .record-sheet .con .ti{ padding-left: 80px;  transition: all .3s; font-size: 18px; color: #23252a; line-height: 1.8em; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.investor-page .record-sheet .con:hover .ti{color: #fff;}

.investor-page .notice{}
.investor-page .notice .row{margin:0 -15px 0;}
.investor-page .notice .col-xl-6{padding: 0 15px; margin-bottom: 30px;}
.investor-page .notice .template-ti{font-size: 30px; margin-bottom: 60px;}
.investor-page .notice-list{}
.investor-page .notice-list li{width: 100%; margin-bottom: 10px; line-height: 60px;}
.investor-page .notice-list a{position: relative; display: block; padding: 0 20px; background: #fbfbfb; font-size: 14px;}
.investor-page .notice-list p{color: #23252a; position: relative; padding: 0 90px 0 20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; height: 60px;}
.investor-page .notice-list p::after{content: ''; width: 5px; height: 5px; background: #da242b; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translate(0,-50%);}
.investor-page .notice-list .time{position: absolute; right: 20px; top: 0; color: #888;}
.investor-page .notice-list a:hover{background: #da242b;}
.investor-page .notice-list a:hover p::after{background: #fff;}
.investor-page .notice-list a:hover p,.investor-page .notice-list a:hover .time{color: #fff;}

.investor-page .Inpage-area{display: flex;}
.investor-page .Inpage-area .left-area{flex: 0 0 75%; max-width: 75%;}
.investor-page .Inpage-area .top-item{overflow: hidden; margin-bottom: 30px; border-bottom: 2px dashed #e6e6e6; }
.investor-page .Inpage-area .top-item li{float: left;}
.investor-page .Inpage-area .top-item .link{display: block; width: 120px; line-height: 50px; background: #fbfbfb; text-align: center; color: #333; box-shadow: 0 0 5px rgba(0, 13, 27, .1); transition: all .3s;}
.investor-page .Inpage-area .top-item .link:hover{color: #2663ff;}
.investor-page .Inpage-area .top-item .link.active{background: #2663ff; color: #fff;}
.investor-page .Inpage-area .top-item .ti{line-height: 50px; font-size: 18px;}
.investor-page .Inpage-area .left-area .text{margin-bottom: 30px; overflow: hidden;}
.investor-page .Inpage-area .left-area .text p{line-height: 1.8em; text-indent: 2em; color: #666; margin-bottom: 10px;}
.investor-page .Inpage-area .left-area .text strong{line-height: 1.8em; margin-bottom: 10px; display: block;}
.investor-page .Inpage-area .left-area .text .PDF{float: right;}
.investor-page .Inpage-area .left-area .text .PDF img{width: 24px; margin-right: 10px;}
.investor-page .Inpage-area .left-area .table{text-align: left; margin-top: 0;}
.investor-page .Inpage-area .w140{width: 140px;}

.investor-page .Inpage-area .notice-list li{ box-shadow: 0 0 5px rgba(0, 13, 27, .08);}

.investor-page .Inpage-area .right-area{margin-left: 30px; flex: 0 0 25%; min-width: 25%;}
.investor-page .Inpage-area .right-area .nav{margin-bottom: 30px; background: #fbfbfb; padding: 10px ;}
.investor-page .Inpage-area .right-area .nav li{display: block; width: 100%;}
.investor-page .Inpage-area .right-area .nav a{display: block; padding: 12px 10px 12px 20px; color: #000; position: relative; color: #333;}
.investor-page .Inpage-area .right-area .nav a::after{content: ''; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: 8px; top: 45%; background: #999;}
.investor-page .Inpage-area .right-area .nav a:hover{background: #2663ff; color: #fff;}
.investor-page .Inpage-area .right-area .nav a:hover::after{background-color: #fff;}

.investor-page .Inpage-area .right-area .ques{line-height: 1.8em; margin-bottom: 30px; color: #666; text-align: justify;}
.investor-page .Inpage-area .right-area  .top-item li{float: none; display: block;line-height: 3em;}
.investor-page .Inpage-area .right-area  .top-item li .iconfont{display: inline-block; margin-right: 10px; width: 25px;}
.investor-page .Inpage-area .right-area  .top-item li p{display: inline-block;}



/* 
    contact-page
*/
.contact-page{}
.contact-page .company{overflow: hidden;}
.contact-page .company .box{width: 50%; float: left; margin-bottom: 60px; position: relative;}
.contact-page .company .box:nth-child(n+3){margin-bottom: 0;}
.contact-page .company .box .img{position: absolute; left: 0; top: 0;}
.contact-page .company .box .con{padding: 0 30px 0 270px;}
.contact-page .company .box .con:nth-child(even){padding-right: 0;}
.contact-page .company .box .con h5{font-size: 20px; color: #363844; margin-bottom: 15px; font-weight: 600;}
.contact-page .company .box .con ul{}
.contact-page .company .box .con li{font-size: 14px; color: #666; line-height: 2em; margin-bottom: 5px;}
.contact-page .company .box .con a{margin-right: 5px;}

.contact-page .rowA{margin: 80px -15px 0;}
.contact-page .col-lg-4{padding: 0 15px;}
.contact-page .rowA a{color: #888; margin-bottom: 20px; display: block;}
.contact-page .rowA a:hover{color: #2b68ff;}

.contact-page .contact-co{background: url('../images/contact-co02.jpg') no-repeat; width: 100%; height: 280px; display: block; margin: 0 auto; padding: 70px 400px; text-align: center;}
.contact-page .contact-co h5{font-size: 42px; color: #fff; padding-bottom: 20px; margin-bottom: 20px; position: relative;}
.contact-page .contact-co h5::after{content: ''; width: 60px; height: 5px; background: #2b68ff; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0);}
.contact-page .contact-co p{font-size: 16px; color: #fff; letter-spacing: 1px; line-height: 1.8em;}

.contact-page .map{margin-top: 60px;}
.contact-page .map .nav{border-top: solid 1px #ddd;}
.contact-page .map .nav-item{width: 14.28571%;}
.contact-page .map .nav-link{ text-align: center; line-height: 80px; padding: 0; font-size: 18px; color: #888; position: relative; transition: all .3s;}
.contact-page .map .nav-link:hover{color: #000;}
.contact-page .map .nav-link.active{background: none; color: #000; font-weight: bold;}
.contact-page .map .nav-link.active::after{content: ''; position: absolute; left: 50%; top: 0; transform: translate(-50%,0); width: 48px; height: 5px; background: #2b68ff;}
.contact-page .map .row{margin: 0 -15px;}
.contact-page .map .col-lg-4{padding: 0 15px; margin-bottom: 30px;}
.contact-page .map .box{background: #fff; padding: 30px; box-shadow: 0 0 10px rgba(0, 13, 27, .05); height: 100% !important;}
.contact-page .map .box h5{font-size: 20px; color: #363844; font-weight: 600; margin-bottom: 20px;}
.contact-page .map .box ul{}
.contact-page .map .box li{line-height: 2.2em; font-size: 14px; color: #888;}


/* 
    commerce-page
*/
.commerce-page{}
.commerce-page .template-text{width: 1180px;display: table; margin: 30px auto 0;}
.commerce-page .one-pic{display: table; margin: 60px auto 0;}
.commerce-page .rowA p{ text-align: justify;}
.commerce-page .rowA{margin: 136px -15px 0;}

.commerce-page .process{display: flex; margin: 60px 0 0;}
.commerce-page .process .list{flex: 0 0 20%; max-width: 20%; text-align: center; position: relative;}
.commerce-page .process .icon{width: 160px; height: 160px; text-align: center; background: #f7f8f9; border-radius: 50%; display: inline-block; line-height: 160px; margin-bottom: 30px; position: relative;}
.commerce-page .process .icon::after{content: ''; width: 100px; height: 2px; background: #ddd; position: absolute; right: 0; top: 50%; transform: translate(115px,50%);}
.commerce-page .process .icon::before{content: '\e602'; width: 20px; line-height: 20px; background: #2b68ff; border-radius: 50%; position: absolute; right: 0; top: 50%; transform: translate(75px,-40%); font-family: iconfont; z-index: 999; color: #fff;}
.commerce-page .process .list:last-child .icon::before,.commerce-page .process .list:last-child .icon::after{display: none;}
.commerce-page .process p{font-size: 18px; color: #23252a;}

.commerce-page .commerce-footer{text-align: center; color: #23252a;}
.commerce-page .commerce-footer h5{font-size: 26px; margin-bottom: 25px;}
.commerce-page .commerce-footer h6{font-size: 20px; margin-bottom: 25px;}
.commerce-page .commerce-footer p{font-size: 16px; margin-bottom: 10px;}


/* 
    impression-page
*/
.impression-page .nav{margin: 0 auto !important; display: table;}
.impression-page .nav-item{display: inline-block;}
.impression-page .nav-link{ min-width: 240px; line-height: 60px;  text-align: center; padding: 0 30px; border-radius: 0; background: #ededed; font-size: 18px; color: #666; display: inline-block; border-right: solid 1px #ddd;}
.impression-page .nav-item:first-child .nav-link{border-radius: 10px 0 0 10px;}
.impression-page .nav-item:last-child .nav-link{border-radius: 0 10px 10px 0; border: none;}
.impression-page .nav-link.active{background: #2663ff;}

.impression-page .one-pic{display: table; margin: 60px auto 0;}

.impression-page .train-system{margin: 120px -25px 0; padding: 0 120px;}
.impression-page .train-system .col-lg-6{padding: 0 25px;}
.impression-page .train-system .box{height: auto !important; padding: 106px 0 0 !important;}
.impression-page .train-system .img{ width: 160px !important; height: 160px !important; border: none !important;}
.impression-page .train-system h5{font-size: 24px; color: #003eae; margin-bottom: 30px;}
.impression-page .train-system .job{height: 280px; width: 100%; background: #fbfbfb; width: 360px; display: table; margin: 0 auto;}
.impression-page .train-system .job li{width: 100%; line-height: 48px; background: #e7f2fa; margin-bottom: 10px; position: relative; font-size: 18px; color: #003eae;}
.impression-page .train-system .job li:last-child{margin-bottom: 0;}
.impression-page .train-system .job li span{position: absolute; left: 0; top: 0; background: #003eae; color: #fff; width: 48px;}
.impression-page .train-system .bottom{height: 160px; padding: 30px; border-top: 1px solid #ddd; margin-top: 35px;}
.impression-page .train-system .bottom h6{font-size: 18px; margin-bottom: 12px;}
.impression-page .train-system .bottom .obligatory{display: flex; flex-wrap: wrap;}
.impression-page .train-system .bottom .obligatory li{ flex: 0 0 50%; max-width: 50%; font-size: 16px; color: #666; line-height: 2.5em; text-align: left; padding-left: 15px; position: relative;}
.impression-page .train-system .bottom .obligatory li::after{content: ''; width: 5px; height: 5px; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); background: #68a8ff; border-radius: 50%;}

.impression-page .train-pic{margin: 60px -25px 0; padding: 0 50px;} 
.impression-page .train-pic .col-lg-6{padding: 0 25px; margin-bottom: 50px;} 
.impression-page .train-pic .col-lg-6:nth-last-child(1){margin-bottom: 0 ;}
.impression-page .train-pic .col-lg-6:nth-last-child(2){margin-bottom: 0 ;}
.impression-page .train-pic .box{position: relative;width: 100%; height: 400px; overflow: hidden;} 
.impression-page .train-pic .img{position: absolute; left: 0 ; top: 0; z-index: 0; width: 100%;}
.impression-page .train-pic .img img{width: 100%; height: 400px; object-fit: cover; object-position: center;}
.impression-page .train-pic .con{background: rgba(0, 0, 0, .6); position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; transition: all .5s;}
.impression-page .train-pic .con h5{text-align: center; color: #fff; font-size: 24px; line-height: 60px;}
.impression-page .train-pic .con p{display: none; opacity: 0; font-size: 18px; color: #fff; line-height: 2em; width: 70%; display: table; margin: 0 auto; transition: all .8s;}
.impression-page .train-pic .box:hover .con{height: 100%; padding: 60px 0;}
.impression-page .train-pic .box:hover .con p{display: block; opacity: 1;}

.CertificateQuery{}
.CertificateQuery .container{width: 1200px;}
.CertificateQuery .searchBox{width: 600px; position: relative; margin: 60px auto;}
.CertificateQuery .searchBox .searchInput{width: 100%; height: 48px; border-radius: 24px; outline: none; border: solid 1px #ddd; padding: 0 20px;}
.CertificateQuery .searchBox .searchBtn{position: absolute; right: 0; top: 0; height: 48px; border-radius: 24px; border: none; width: 96px; outline: none; background: #2663ff; color: #fff; transition: all .3s;}
.CertificateQuery .searchBox .searchBtn:hover{background: #1d55e0;}
.CertificateQuery .searchBox .searchBtn:active{-webkit-filter: brightness(1.2);}
.CertificateQuery .searchBox .iconfont{margin-right: 5px;}
.CertificateQuery .overTab .tips{display: none;}

.impression-page .template-text.w1000{margin-top: 60px;}
.impression-page.work-tramsform{}
.impression-page.work-tramsform .container{width: 1240px;}
.impression-page.work-tramsform .row{margin: 60px -20px 0;}
.impression-page.work-tramsform .col-lg-6{padding: 0 20px; margin-bottom: 40px;}
.impression-page.work-tramsform .col-lg-6:nth-child(n+3){margin-bottom: 0;}
.impression-page.work-tramsform .box{background: #fff; border: solid 1px #ddd; padding: 40px; height: 620px;}
.impression-page.work-tramsform .box .img{margin: 0 auto; display: table;}
.impression-page.work-tramsform .box h5{font-size: 20px; color: #363844; text-align: center; margin: 30px 0; font-weight: 600;}
.impression-page.work-tramsform .box p{font-size: 16px; color: #666; text-align: justify; margin: 0 0 10px; line-height: 2em;}

.impression-page.work-story{}
.impression-page.work-story .container{width: 1240px;}
.impression-page.work-story .box-area{margin: 60px 0 0;}
.impression-page.work-story .box-area .li{}
.impression-page.work-story .box-area .box{background: #fbfbfb; height: 400px; position: relative; box-shadow: 0 0 12px rgba(233, 234, 242, .77);}
.impression-page.work-story .box-area .box .img{position: absolute; top: 0;}
.impression-page.work-story .box-area .li:nth-child(odd) .img{left: 0;}
.impression-page.work-story .box-area .li:nth-child(even) .img{right: 0;}
.impression-page.work-story .box-area .con{position: absolute; top: 50%; transform: translate(0,-50%); width: 800px;}
.impression-page.work-story .box-area .conB{width: auto; left: 0; text-align: center; transform: translate(-10%,-50%);}
.impression-page.work-story .box-area .li:nth-child(odd) .con{left: 420px;}
.impression-page.work-story .box-area .li:nth-child(even) .con{left: 70px;}
.impression-page.work-story .box-area .con p{color: #777; line-height: 2.5em;}
.impression-page.work-story .box-area .font-blue{width: 1100px; display: table; margin: 30px auto 40px; line-height: 2em; font-size: 14px;}
.impression-page.work-story .box-area .bottom-li{margin: 80px 0 0;}
.impression-page.work-story .box-area .bottom-li .template-text{text-align: center;}
.impression-page.work-story .box-area .bottom-li .img{display: table; margin: 60px auto 0;}

.impression-page.YG-gain .template-ti{margin-bottom: 50px;}
.impression-page.YG-gain .container{width: 1140px;}
.impression-page.YG-gain .gain-area{margin-bottom: 80px;}
.impression-page.YG-gain .gain-area:last-child{margin-bottom: 0;}
.impression-page.YG-gain .row{margin: 0 -15px;}
.impression-page.YG-gain .rowB{width: 880px; margin: 0 auto;}
.impression-page.YG-gain .col-lg-3{padding: 0 15px; margin-bottom: 30px;}
.impression-page.YG-gain .col-lg-4{padding: 0 15px;}
.impression-page.YG-gain .box{width: 260px; height: 260px; box-shadow: 0 0 24px rgba(218, 228, 245, .6); padding: 30px; position: relative; border-radius: 10px; overflow: hidden;}
.impression-page.YG-gain .icon{ width: 120px ; height: 120px; text-align: center; line-height: 120px; display: block; margin: 0 auto 30px;}
.impression-page.YG-gain .box h5{font-size: 20px; color: #363844; text-align: center;}
.impression-page.YG-gain .detail{ background-image: linear-gradient(90deg, rgba(38,99,255,.9),rgba(38,166,255,.9)); position: absolute; left: 0; top: 0; width: 100%; height: 100%;  border-radius: 10px; color: #fff; padding: 50px 30px 0; transform: translate(0,50%); transition: all .5s; opacity: 0;}
.impression-page.YG-gain .detail h6{font-size: 20px; font-weight: 600; text-align: center;  margin-bottom: 20px;}
.impression-page.YG-gain .detail p{ line-height: 1.8em; text-align: justify; font-size: 15px; margin-bottom: 10px;}
.impression-page.YG-gain .col-lg-3:hover .detail,.impression-page.YG-gain .col-lg-4:hover .detail{transform: translate(0,0); opacity: 1;}

.impression-page .life-area{ overflow: hidden; width: 1250px; margin: 0 auto 100px;}
.impression-page .life-area:last-child{margin-bottom: 0;}
.impression-page .life-area .template-sti{margin-bottom: 60PX;}
.impression-page .life-area .nav{float: left; width: 240px;}
.impression-page .life-area .nav .nav-item{margin-bottom: 5px;}
.impression-page .life-area .nav .nav-link{padding: 0; width: 240px; height: 180px; position: relative;  overflow: hidden; border-radius: 0;}
.impression-page .life-area .nav .box{background: #000;}
.impression-page .life-area .nav .nav-link img{opacity: .6; width: 100%; height: 100%; transition: all .3s;} 
.impression-page .life-area .nav .nav-link:hover img{opacity: 1;}
.impression-page .life-area .nav .nav-link p{position: absolute; left: 0; bottom: 0; line-height: 48px; background: rgba(0,0,0,.5); color: #fff; text-align: center; width: 100%;}
.impression-page .life-area .nav .nav-link.active img{ opacity: 1;}
.impression-page .life-area .nav .nav-link.active p{ background-image: linear-gradient(90deg, rgba(38,99,255,.9),rgba(38,166,255,.9));}
.impression-page .life-area .tab-content{float: right; width: 1000px;}

.impression-page .life-area .swiper-button-next,.impression-page .life-area .swiper-button-prev{background: rgba(0,0,0,.6) ; width: 40px; height: 40px; line-height: 40px; border-radius: 50%;text-align: center; opacity: 0; transition: all .3s;}
.impression-page .life-area .swiper-button-next{right: 25px;}
.impression-page .life-area .swiper-button-prev{left: 25px;}
.impression-page .life-area .swiper-button-next .iconfont,.impression-page .life-area .swiper-button-prev .iconfont{color: #fff;}
.impression-page .life-area .swiper-container:hover .swiper-button-next,.impression-page .life-area .swiper-container:hover .swiper-button-prev{opacity: 1;}
.impression-page .life-area .swiper-container .box{width: 1000px; height: 600px; position: relative;}
.impression-page .life-area .swiper-container .box .img{width: 100%; height: 100%;}
.impression-page .life-area .swiper-container .box img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
.impression-page .life-area .swiper-container .box p{position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.6); color: #fff; width: 100%; line-height: 48px; border-left: 10px solid #2663ff; padding-left: 20px;}
.impression-page .life-area .swiper-pagination{width: auto; right: 10px; padding: 0 15px; left: auto; bottom: 12px;}
.impression-page .life-area .swiper-pagination-bullet{background: #fff; opacity: .4;}
.impression-page .life-area .swiper-pagination-bullet-active{background: #2663ff; opacity: 1;}
.impression-page .life-area #Swiper6,.impression-page .life-area #Swiper7{width: 1000px;}


/* 
    join-footer
*/
.join-footer{ border-top: 1px solid #ddd;}
.join-footer .row{margin: 60px -15px 0;}
.join-footer .col-lg-2{padding: 0 15px;}
.join-footer a{display: block; line-height: 60px; text-align: center; border: solid 1px #ddd; font-size: 16px; color: #333; border-radius: 5px; transition: all .3s;}
.join-footer a:hover{border: solid 1px #2663ff; background: #2663ff; color: #fff;}


/* 
    societyJob
*/
.societyJob{overflow: hidden;}
.societyJob.page-banner{position: relative;}
.societyJob.page-banner .search-area{position: absolute; left: 50%; bottom: 40px; transform: translate(-50%,0); width: 1460px; height: 60px;}
.societyJob.page-banner .search-area .input{width: 100%; height: 60px; outline: none; padding-left: 60px; border: none;}
.societyJob.page-banner .search-area .iconfont{ width: 60px; line-height: 60px; position: inherit; left: 0; top: 0; font-size: 30px; color: #2663ff;  display: block; text-align: center;}
.societyJob.page-banner .search-area .button{width: 200px; height: 60px; position: inherit; right: 0; top: 0;}
.societyJob.page-banner .search-area button{width: 100%; height: 100%; background: #2663ff; color: #fff; border: none; outline: none;}

.societyJob .ti{font-size: 24px; color: #363844; margin-bottom: 30px;}
.societyJob .left-menu{width: 20%; float: left;}
.societyJob .left-menu .box{background: #fff; box-shadow: 0 0 12px rgba(218, 228, 245, .6); padding: 25px;}
.societyJob .left-menu .menu-list{border-bottom: 1px solid #ddd; margin-bottom: 20px;}
.societyJob .left-menu .menu-list:last-child{border: none; margin-bottom: 0;}
.societyJob .left-menu .type-ti{font-size: 20px; color: #363844; width: 100%; cursor: pointer; padding-bottom: 20px; line-height: 1em;} 
.societyJob .left-menu .type-ti .iconfont{float: right; transform: translate(0,2px); font-size: 20px; transform: rotate(0); transition: all .3s;}
.societyJob .left-menu .type-ti.ro .iconfont{transform: rotate(180deg);}
.societyJob .left-menu .checkbox-group{margin-top: 10px; display: none;}
.societyJob .left-menu .checkbox-group li{ margin-bottom: 10px;}
.societyJob .left-menu .checkbox-group label{cursor: pointer; width: 100%;}
.societyJob .left-menu .checkbox-group label:hover{color: #2663ff;}
.societyJob .left-menu .checkbox-group input[type="checkbox"]{width: 20px; height: 20px;display: inline-block; text-align: center; vertical-align: middle; line-height: 18px; margin-right: 10px; position: relative; }
.societyJob .left-menu .checkbox-group input[type="checkbox"]::before { content: ""; position: absolute; top: 0; left: 0; background: #f2f2f2; width: 100%; height: 100%; border: solid 1px #e2e2e2; }
.societyJob .left-menu .checkbox-group input[type="checkbox"]:checked::before {content: "\e643";background-color: #2663ff;position: absolute;top: 0;left: 0;width: 100%;border: none; color: #fff;font-size: 12px; font-family: iconfont;}

.societyJob .job-area{width: 80%; float: right; padding-left: 30px; position: relative;}
.societyJob .job-area .search-count{position: absolute; right: 0; top: 0; color: #888;}
.societyJob .label-wrapper{width: 100%; position: relative;}
.societyJob .label-wrapper .label{ margin-bottom: 20px;}
.societyJob .label-wrapper .label-item{display: inline-block; margin-right: 20px; position: relative; margin-bottom: 20px;}
.societyJob .label-wrapper .label-link{display: inline-block; line-height: 50px; padding: 0 50px 0 20px; background: #fff;  box-shadow: 0 0 12px rgba(218, 228, 245, .6); border: solid 1px #fff; transition: all .3s;}
.societyJob .label-wrapper .label-link:hover{background: #fbfbfb; border: solid 1px #ddd;}
.societyJob .label-wrapper .label-link a{font-size: 20px; color: #363844; display: block;}
.societyJob .label-wrapper .close{position: absolute; right: 10px; top: 50%; transform: translate(0,-50%); cursor: pointer;}
.societyJob .label-wrapper .clear{color: #2663ff; line-height: 50px; position: absolute; top: 0; right: 0;}
.societyJob .job-list{background: #fff; box-shadow: 0 0 12px rgba(218, 228, 245, .6); padding: 30px; margin-bottom: 20px; position: relative;}
.societyJob .job-list h5{font-size: 24px; color: #363844; margin-bottom: 20px; font-weight: bold; transition: all .3s;}
.societyJob .job-list:hover h5{color: #2663ff;}
.societyJob .job-list .job-tips{margin-bottom: 30px;}
.societyJob .job-list .job-tips span{display: inline-block; padding-right: 20px; margin-right: 20px; border-right:  solid 1px #363844; line-height: 1em;}
.societyJob .job-list .job-text{font-size: 14px; color: #888; line-height: 2em; text-align: justify;}
.societyJob .job-list .apply{position: absolute; top: 30px; right: 30px; padding: 10px 15px; border: solid 1px #2663ff; color: #2663ff; transition: all .3s; font-size: 14px;}
.societyJob .job-list .apply:hover{background: #2663ff; color: #fff;}
.societyJob .pagiGroup{margin: 40px 0 0 ;}

.societyJob .job-detail{}
.societyJob .job-detail .content{position: relative; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 50px;}
.societyJob .job-detail .job-title{font-size: 42px; font-weight: 600; color: #363844; margin-bottom: 35px;}
.societyJob .job-detail .job-tips{margin-bottom: 20px;}
.societyJob .job-detail .job-tips span{display: inline-block; width: 240px; color: #363844;}
.societyJob .job-detail .apply{position: absolute; top: 30px; right: 30px; padding: 15px 50px; border: solid 1px #2663ff; color: #fff; transition: all .3s; font-size: 30px; background: #2663ff;}
.societyJob .job-detail .apply:hover{background: #2663ff; color: #fff;}
.societyJob .job-detail .duty{margin-bottom: 40px;}
.societyJob .job-detail .duty h5{font-size: 30px;  color: #363844; margin-bottom: 20px;}
.societyJob .job-detail .duty p{font-size: 16px;  color: #363844; line-height: 2em;}
.societyJob .job-rec{font-size: 30px;  color: #363844; margin: 80px 0 40px; line-height: 30px; border-left: 30px solid #2663ff; padding-left: 15px;}


/* 
    schoolJob
*/
.schoolJob{}
.schoolJob .nav-link{min-width: 180px;}
.schoolJob .template-sti{margin-bottom: 60px;}
.schoolJob .left-menu{}
.schoolJob .left-menu .box{padding: 0;}
.schoolJob .type-ti{}

.schoolJob .job-area{width: 100%;}
.schoolJob .job-area .col-3{flex: 0 0 20%; max-width: 20%;}
.schoolJob .job-area .col-9{flex: 0 0 80%; max-width: 80%;}
.schoolJob .job-area .nav{ background: #fff; box-shadow: 0 0 12px rgba(218, 228, 245, .6);} 
.schoolJob .job-area .nav-link{padding: 0 40px; line-height: 72px; background: #fff; position: relative; color: #363844; font-size: 20px;} 
.schoolJob .job-area .nav-link.active{border-radius: 0; background: #f2f2f2; color: #2663ff; }
.schoolJob .job-area .nav-link.active::after{content: ''; position: absolute; left: 0; top: 0; width: 10px; height: 100%; background: #2663ff;}

.schoolJob table{margin-top: 60px; background: #fff; box-shadow: 0 0 12px rgba(218, 228, 245, .6);}
.schoolJob table th{background: #363844; line-height: 2em; color: #fff;}
.schoolJob table th,.schoolJob table td{padding: 15px 30px; }
.schoolJob table td{vertical-align: middle; font-size: 16px;}
.schoolJob table .td-bold{font-size: 16px; line-height: 2em; font-weight: bold;  border-bottom: solid 1px #ddd;}
.schoolJob table .td-normal{line-height: 2em; border: solid 1px #ddd; border-top: none;}
.schoolJob table .td-bold:hover,.schoolJob table .td-normal:hover{background: #f6f6f6;}

.schoolJob .one-pic{display: table; margin: 0 auto;  box-shadow: 0 0 12px rgba(218, 228, 245, .6);}

.schoolJob .quesiton-area{display: table; margin: 60px auto 0;  box-shadow: 0 0 12px rgba(218, 228, 245, .6); background: #fff; width: 1260px; padding: 60px;}
.schoolJob .quesiton-list{margin-bottom: 60px;}
.schoolJob .quesiton-list .ti{line-height: 36px; font-size: 20px; margin-bottom: 15px; transition: all .3s;}
.schoolJob .quesiton-list .ti span{width: 36px; background: #363844; color: #fff; display: inline-block; text-align: center; border-radius: 50%; margin-right: 10px; transition: all .3s;}
.schoolJob .quesiton-list .text{background: #f9f9f9; padding: 30px;}
.schoolJob .quesiton-list .text p{color: #666; line-height: 2em; margin-bottom: 30px;}
.schoolJob .quesiton-list .text p:last-child{margin-bottom: 0;}
.schoolJob .quesiton-list:hover .ti{color: #2663ff;}
.schoolJob .quesiton-list:hover .ti span{background: #2663ff; color: #fff;}

.schoolJob .jobSearch{margin: 0 auto 40px; display: table; position: relative;}
.schoolJob .jobSearch input{ border-radius: 10px; width: 400px; outline: none; height: 40px; padding: 0 10px; background: #e6e6e6; border: solid 2px #ddd; color: #000; transition: all .3s;} 
.schoolJob .jobSearch input:focus{background: #fff; border: solid 2px #2663ff;}
.schoolJob .jobSearch a{background: #2663ff; color: #fff; position: absolute; right: 0; top: 0; width: 40px; height: 100%; display: flex; justify-content: center; align-items: center; border-radius: 10px;}


/* 
    postdoctor-page
*/
.postdoctor-page{}
.postdoctor-page .container{ width: 1200px;}
.postdoctor-page .benefits{ width: 100%; padding-left: 30px; margin-top: 60px;}
.postdoctor-page .benefits .box{ width: 100%; background: #fff; position: relative; padding: 50px 70px;}
.postdoctor-page .benefits .box::after{content: ''; width: 30px; height: 60%; background: #2663ff; position: absolute; left: -30px; bottom: 0;}
.postdoctor-page .benefits p{margin-bottom: 30px; color: #666; position: relative;}
.postdoctor-page .benefits p::after{content: ''; width: 5px; height: 5px; background: #2663ff; position: absolute; left: -15px; top: 50%; transform: translate(0,-50%); border-radius: 50%;}
.postdoctor-page .benefits p:nth-child(4){margin-bottom: 0;}
.postdoctor-page .benefits img{position: absolute; right: 0; top: 0;}
.postdoctor-page .benefits img{height: 100%;}

.postdoctor-page .job-info{margin-top: 60px;}
.postdoctor-page .job-info .list{width: 100%; background: #fbfbfb; padding: 30px; overflow: hidden; margin-bottom: 30px; border: solid 1px #ededed;}
.postdoctor-page .job-info .img{float: left;}
.postdoctor-page .job-info .con{float: right; width: 700px;} 
.postdoctor-page .job-info .con h5{font-size: 24px; color: #23252a; font-weight: bold; margin-bottom: 25px;}
.postdoctor-page .job-info .con p{font-size: 14px; color: #999; line-height: 2.5em; text-align: justify;}


/* 
    recommend
*/
.recommend{width: 760px; border: solid 20px #eceff6; padding: 40px 80px; display: table; margin: 60px auto 0;}
.recommend h5{font-size: 24px; color: #2663ff; text-align: center;}
.recommend p{font-size: 16px; color: #666; text-align: justify; margin-top: 40px;}
.recommend .code{ margin: 40px auto 0; display: table;  }


/* 
    tem-service
*/
.tem-service .table th{background: #23252a; color: #fff;}
.solution-table{padding: 30px 0 0; text-align: justify;}
.solution-table .table{text-align: left;}
.solution-table tr th{background: #fdfdfd; color: #333;}


/* 
    燃料智能化
*/
.ExpensesClicent .row{margin: 60px -15px 0;}
.ExpensesClicent .col-lg-4{padding: 0 15px;}
.ExpensesClicent .col-lg-3{padding: 0 15px; margin-bottom: 100px;}
.ExpensesClicent .boxB .col-lg-6{padding: 0 12px; margin-bottom: 24px;}
.ExpensesClicent .col-lg-4 .boxB{margin-top: 0; padding: 36px; height: auto; width: 100%; height: 100%; background: #2663ff; border-radius: 20px; box-shadow: 0 10px 20px rgba(0,136,214,.3); position: relative;}
.ExpensesClicent .col-lg-4 .boxB .con .ai{position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0); width: 76%; z-index: 0; opacity: .6;}
.ExpensesClicent .col-lg-4 .boxB .con .ai img{max-width: 100%;}
.ExpensesClicent .col-lg-4:nth-child(1) .boxB{background:  linear-gradient(0deg, rgb(19, 84, 214) 0%, rgb(10, 209, 206) 100%);}
/* .ExpensesClicent .col-lg-4:nth-child(2) .boxB{background:  linear-gradient(0deg, rgb(19, 84, 214) 0%, rgb(10, 209, 206) 100%);}
.ExpensesClicent .col-lg-4:nth-child(3) .boxB{background:  linear-gradient(0deg, rgb(19, 84, 214) 0%, rgb(10, 209, 206) 100%);} */
.ExpensesClicent .col-lg-4:nth-child(2) .boxB{background: linear-gradient(0deg, rgb(22, 52, 221) 0%, rgb(17, 163, 231) 100%);}
.ExpensesClicent .col-lg-4:nth-child(3) .boxB{background: linear-gradient(0deg, rgb(58, 42, 199) 0%, rgb(73, 105, 247) 100%);}
.ExpensesClicent .col-lg-4 .boxB h5{color: #fff;}
.ExpensesClicent .col-lg-4 .boxB a{color: #fff; background: rgba(255, 255, 255, .3); border: none; position: relative; z-index: 2;}
.ExpensesClicent .col-lg-4 .boxB a:hover{color: #fff; background: rgba(255, 255, 255, .45);}
.ExpensesClicent.templateC.index .col-lg-3{margin-bottom: 60px;}
.ExpensesClicent.templateC.index .col-lg-3:nth-child(n+5){margin-bottom: 0;}
.ExpensesClicent.templateC.index img{height: 220px; object-fit: cover; object-position: center;}
.ExpensesClicent .col-lg-6 .img{float: none !important;}
.ExpensesClicent .col-lg-6 .con{width: 100%; margin-top: 20px;}

.ExpensesClicent{}
.ExpensesClicent .rowE{justify-content: center; margin: 100px -15px 0;}
.ExpensesClicent .rowE.mb0{margin: 100px -15px -100px !important;}
.ExpensesClicent .rowE .box{}
.ExpensesClicent .rowE .box .img{width: 120px; height: 120px; line-height: 112px;}
.ExpensesClicent .rowE .box .one-pic{max-width: 100%;}
.ExpensesClicent .rowE .box .one-pic .img{width: auto; height: auto; position: static; border: none; transform: translate(0,0);}
.ExpensesClicent .rowE .box h5{margin: 10px 0 !important;}
.ExpensesClicent .rowE .box p{text-align: justify; margin-top: 15px;}
.ExpensesClicent .rowE-2 .box{height: 130px !important;}
.ExpensesClicent .rowE-2 .col-lg-4:nth-child(4){margin-bottom: 100px;}
.ExpensesClicent.template-banner{position: relative;}
.SmartEnergy-h5{font-size: 42px; font-weight: bold; position: absolute; left: 50%; top: 30%; transform: translate(-50%,-50%); color: #fff; border-bottom: solid 2px rgba(255, 255, 255,.7); padding-bottom: 15px; letter-spacing: .1em;}
.ExpensesClicent.templateB .rowE .col-lg-4:nth-child(4){margin-bottom: 100px;}
.ExpensesClicent.templateB .rowE .col-lg-4:nth-child(5){margin-bottom: 100px;}
.ExpensesClicent.templateB .rowE .col-lg-4:nth-child(6){margin-bottom: 100px;}
.ExpensesClicent.templateB .rowE .col-lg-12{margin-bottom: 100px;}
.ExpensesClicent.templateB .rowE .box .font-ti{width: 100px; line-height: 94px;}
.ExpensesClicent.templateB .rowE .col-lg-6{margin-bottom: 100px;}
.ExpensesClicent.templateB .rowE .col-lg-6 .box{overflow: unset;}
.ExpensesClicent.templateB .rowE .col-lg-6 .box .con{overflow: unset; font: none; width: 100%;}

.ExpensesClicentYj .rowE.mb0{margin: 60px -15px -60px !important; justify-content: center;}
.ExpensesClicentYj.templateB .rowE .box{padding: 40px 30px;}
.ExpensesClicentYj.templateB .rowE .col-lg-12{margin-bottom: 30px;}
.ExpensesClicentYj.templateB .rowE .col-lg-4{margin-bottom: 30px;}
.ExpensesClicentYj.templateB .rowE .col-lg-3{margin-bottom: 30px;}
.ExpensesClicentYj.templateB .rowE .col-lg-4:nth-child(4){margin-bottom: 30px;}
.ExpensesClicentYj.templateB .rowE .col-lg-4:nth-child(5){margin-bottom: 30px;}
.ExpensesClicentYj.templateB .rowE .col-lg-4:nth-child(6){margin-bottom: 30px;}
.ExpensesClicentYj.templateB .rowE .col-lg-4 .box{padding: 40px 30px;}
.ExpensesClicentYj .h130{height: auto !important;}
.ExpensesClicentYj .h130 h5{margin:  0 !important;}

.ExpensesClicentHy{}
.ExpensesClicentHy.ExpensesClicent .rowE{margin: 60px -15px -100px !important;}
.ExpensesClicentHy img{width: 100%; height: 204px; object-fit: cover;}
.ExpensesClicentHy.templateB .rowE .box{border-radius: 0; height: auto; padding:  10px 20px;}
.ExpensesClicentHy.ExpensesClicent .rowE .box h5{font-size: 18px;}

.ExpensesClicentMenu{position: fixed; left: 0px; top: 120px; z-index: 99;}
.ExpensesClicentMenu .li{position: relative;  display: block; cursor: pointer;}
.ExpensesClicentMenu .li span{background: #012569; color: #fff; display: block; padding: 10px 15px;}
.ExpensesClicentMenu .li:hover span{background: #2663ff;}
.ExpensesClicentMenu .li span i{margin-right: 5px; font-size: 20px; position: relative; top: 2px;}
.ExpensesClicentMenu .li .sub-menu{position: absolute; left: 0; bottom: 0;   background: #012569; color: #fff; transform: translate(0,100%); display: none;}
.ExpensesClicentMenu .li .sub-menu>li{position: relative; width: 119px;}
.ExpensesClicentMenu .li .sub-menu>li>a{display: block; color: #fff; padding: 10px; font-size: 12px; border-bottom: 1px solid #1144a3;}
.ExpensesClicentMenu .li .sub-menu>li:hover>a{background: #2663ff;}
.ExpensesClicentMenu .li .Dsub-menu{position: absolute; right: 0; top: 0;   background: #012569; color: #fff; transform: translate(100%,0);  display: none;}
.ExpensesClicentMenu .li .Dsub-menu.case{transform: translate(100%,-40%); }
.ExpensesClicentMenu .li .Dsub-menu>li{}
.ExpensesClicentMenu .li .Dsub-menu>li>a{display: block; color: #fff; padding: 10px; font-size: 12px; min-width: 170px;  border-bottom: 1px solid #1144a3;  }
.ExpensesClicentMenu .li .Dsub-menu>li:hover a{background: #2663ff;}
.ExpensesClicentMenu .li:hover .sub-menu{display: block;}
.ExpensesClicentMenu .li .sub-menu>li:hover .Dsub-menu{display: block;}
.ECN.templateB .rowE .col-lg-4 .box{height: 100% !important;}
.ECN.templateB .rowE .col-lg-3 .box{height: 100% !important;}

.Guidang.templateB .col-lg-4 .box,.Guidang.templateB .col-lg-3 .box{height: 100%; padding: 106px 36px 30px;}
.Guidang.templateB .col-lg-4 .box p,.Guidang.templateB .col-lg-3 .box p{text-align: justify;}
.Guidang.templateB .rowA{margin: 136px -15px 0;}
.Guidang.templateB .col-lg-4{padding: 0 15px;}


/* 燃料用 */
.templateB .rowE .box{box-shadow: 0 0 10px rgba(177, 174, 171, .5); transition: all .3s;}
.templateB .rowE .box:hover{background: #eee;}


/* 
    远光智能物联平台
*/
.SDPlatform{padding: 70px 0;}
.SDPlatform.template-banner{padding: 0;}
.SDPlatform .container{width: 1200px; max-width: 1200px;}
.SDPlatform .template-ti{font-size: 36px;}
.SDPlatform.mainbox-gray{background: #f3f9ff;}
.SDPlatform .template-text{width: 1000px; margin: 40px auto 0;}
.SDPlatform .rowC{margin-top: 0;}
.SDplatformA{padding: 60px 0;}
.SDplatformA .boxA{position: relative;}
.SDplatformA .boxA .con{position: absolute; top: 40%; left: 0; transform: translate(0,-50%);}
.SDplatformA .boxA .con h5{font-size: 30px;}
.SDPlatform.templateA .box{padding: 0 24px;}
.SDPlatform.templateA .row{margin-top: 20px;}
.SDPlatform.templateA .con h5{margin: 30px 0 15px;}
.SDPlatform.templateA .col-lg-4{margin-top: 40px;}
.SDPlatform.templateA .con p{text-align: justify;}

.SDPlatform .platFunction{margin: 130px auto 0; display: table;}
.SDPlatform .platFunction .box{width: 430px; height: 430px; border-radius: 50%; border: solid 1px #ddd; position: relative; margin-bottom: 90px;}
.SDPlatform .platFunction .con{position: absolute; background: linear-gradient(163deg, rgba(90,185,252,1) 0%, rgba(53,57,215,1) 100%); border:  solid 5px #d9eeff; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; transition: all .3s;}
.SDPlatform .platFunction .con:nth-child(1){left: 50%; top: 50%; transform: translate(-50%,-50%); width: 200px; height: 200px;}
.SDPlatform .platFunction .con:nth-child(2){left: 50%; top: 0; transform: scale(1) translate(-50%,-50%);}
.SDPlatform .platFunction .con:nth-child(3){right: 0; top: 75px; transform: translate(50%,0);}
.SDPlatform .platFunction .con:nth-child(4){right: 0; bottom: 75px; transform: translate(50%,0);}
.SDPlatform .platFunction .con:nth-child(5){right: 50%; bottom: 0; transform: translate(50%,50%);}
.SDPlatform .platFunction .con:nth-child(6){left: 0; bottom: 75px; transform: translate(-50%,0);}
.SDPlatform .platFunction .con:nth-child(7){left: 0; top: 75px; transform: translate(-50%,0);}
.SDPlatform .platFunction .con h5{font-size: 18px; color: #fff; position: inherit; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; line-height: 1.5em;}
.SDPlatform .platFunction .con:nth-child(1) h5{font-size: 30px;}
.SDPlatform .platFunction .con p{background: #1286ed; color: #fff; width: 240px; height: auto; padding: 20px; font-size: 13px; line-height: 1.8em; position: inherit; border-radius: 10px; opacity: 0; transition: all .3s; text-align: justify;}
.SDPlatform .platFunction .con strong{display: none;}
.SDPlatform .platFunction .con p::after{content: ''; right: 99%; top: 50%; border: solid transparent; height: 0; width: 0; position: inherit; pointer-events: none; border-color: rgba(18, 134, 237, 0); border-right-color: #1286ed;border-width: 14px; margin-top: -14px;}
.SDPlatform .platFunction .con:nth-child(2) p{left:  0; top: 50%; transform: translate(-110%, -50%);}
.SDPlatform .platFunction .con:nth-child(3) p{right: 0; top: 50%; transform: translate(110%, -50%);}
.SDPlatform .platFunction .con:nth-child(4) p{right: 0; top: 50%; transform: translate(110%, -50%);}
.SDPlatform .platFunction .con:nth-child(5) p{right: 0; top: 50%; transform: translate(110%, -50%);}
.SDPlatform .platFunction .con:nth-child(6) p{left: 0; top: 50%; transform: translate(-110%, -50%);}
.SDPlatform .platFunction .con:nth-child(7) p{left: 0; top: 50%; transform: translate(-110%, -50%);}
.SDPlatform .platFunction .con:nth-child(2) p::after,.SDPlatform .platFunction .con:nth-child(6) p::after,.SDPlatform .platFunction .con:nth-child(7) p::after{left: 99%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(18, 134, 237, 0); border-left-color: #1286ed; border-width: 14px; margin-top: -14px;}
.SDPlatform .platFunction .con:hover{overflow: unset; cursor: pointer; box-shadow: 5px 5px 20px rgba(38, 96, 227, .47);}
.SDPlatform .platFunction .con:nth-child(2).con:hover{left: 50%; top: 0; transform: scale(1.05) translate(-50%,-50%);}
.SDPlatform .platFunction .con:nth-child(3).con:hover{right: 0; top: 75px; transform: scale(1.05) translate(50%,0);}
.SDPlatform .platFunction .con:nth-child(4).con:hover{right: 0; bottom: 75px; transform: scale(1.05) translate(50%,0);}
.SDPlatform .platFunction .con:nth-child(5).con:hover{right: 50%; bottom: 0; transform: scale(1.05) translate(50%,50%);}
.SDPlatform .platFunction .con:nth-child(6).con:hover{left: 0; bottom: 75px; transform: scale(1.05) translate(-50%,0);}
.SDPlatform .platFunction .con:nth-child(7).con:hover{left: 0; top: 75px; transform: scale(1.05) translate(-50%,0);}
.SDPlatform .platFunction .con:hover p{opacity: 1;}
.SDPlatform .platFunction .tips{text-align: center; font-size: 14px; color: #9aa0c1;}
.SDPlatform .platFunction .tips:first-child{visibility: unset;}
.SDPlatform .platFunction .tips:last-child{visibility: hidden;}

.SDPlatform .nav{ text-align: center; border-bottom: 1px solid #ddd; justify-content: center; margin-top: 20px;}
.SDPlatform .nav .nav-item{ }
.SDPlatform .nav .nav-link{ padding: 1.5rem; color: #888; font-size: 22px;}
.SDPlatform .nav .nav-link.active{background: #fff; color: #000; position: relative;}
.SDPlatform .nav .nav-link.active::after{content: ''; width: 60px; height: 5px; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0); background: #1286ed;}
.SDPlatform .nav .iconfont{display: none;}
.SDPlatform .tab-pane .topCon {width: 1040px; margin: 50px auto; overflow: hidden;}
.SDPlatform .tab-pane .topCon p{float: left; font-size: 18px; line-height: 2em; color: #888; text-indent: 2em; width: 520px; padding: 1em 0; text-align: justify;}
.SDPlatform .tab-pane .pic{float: right;}
.SDPlatform .tab-pane .pic img{border-radius: 10px;}
.SDPlatform .tab-pane .content{}
.SDPlatform .tab-pane .content .ti{font-size: 20px; text-align: center;}
.SDPlatform .tab-pane .content .row{margin: 0 -20px 60PX; padding: 0 80px; justify-content: center;}
.SDPlatform .tab-pane .content .col-lg-4{padding: 0 20px;}
.SDPlatform .tab-pane .content .col-lg-3{padding: 0 20px; margin-top: 40px;}
.SDPlatform .tab-pane .content .box{background: #ecf6ff; box-shadow: 5px 5px 20px rgba(109, 143, 255, .3); position: relative; padding: 30px 40px; height: 100%;}
.SDPlatform .tab-pane .content .box span{position: absolute; left: 0; top: 0; width: 30px; line-height: 30px; background: #3080e9; border-radius: 10px 0 10px 0; color: #fff;}
.SDPlatform .tab-pane .content .box p{font-size: 16px; line-height: 1.6em; text-align: justify; color: #8396a6;}
.SDPlatform .tab-pane .content .proButton{background: #1286ed; color: #fff; display: table; margin: 30px auto 0; min-width: 200px; line-height: 50px; text-align: center; border-radius: 10px; box-shadow: 7px 7px 20px rgba(109, 143, 255, .45); transition: all .3s; padding: 0 1.8em;}
.SDPlatform .tab-pane .content .proButton:hover{background: #0250f7;}
.SDPlatform .tab-paneCon{display: none;}

.SDPlatform .co{overflow: hidden; display: table; margin: 60px auto 0;}
.SDPlatform .li{float: left; margin: 0 20px;}
.SDPlatform .coPoint{width: 8px; height: 8px; background: #dee7f0; position: relative; border-radius: 50%; display: table;margin: 30px auto 0;}
.SDPlatform .coPoint::after{content: ''; position: absolute; right: -16px; top: 0; width: 8px; height: 8px; background: #dee7f0; border-radius: 50%;}
.SDPlatform .coPoint::before{content: ''; position: absolute; left: -16px; top: 0; width: 8px; height: 8px; background: #dee7f0; border-radius: 50%;}

.SDPlatform.contacts{padding: 60px 0 50px; overflow: hidden; }
.SDPlatform.contacts .container{width: 1000px;}
.SDPlatform.contacts .row{margin: 0 -30px; justify-content: center;}
.SDPlatform.contacts .col-lg-6{padding: 0 30px; text-align: center;}
.SDPlatform.contacts .li{ float: none; display: inline-block; margin: 0; text-align: left;}
.SDPlatform.contacts .col-lg-6:first-child{border-right: solid 1px #ccd4db;}
.SDPlatform.contacts .icon{ margin-right: 30px;  float: left;}
.SDPlatform.contacts .icon .iconfont{width: 72px; height: 72px; line-height: 70px; border: solid 1px #ccd4db; display: block; text-align: center; border-radius: 50%; font-size: 26px; color: #1286ed; transition: all .3s;}
.SDPlatform.contacts .con{ float: left;}
.SDPlatform.contacts .con h5{font-size: 16px;padding: 8px 0; color: #77859d; font-weight: bold;} 
.SDPlatform.contacts .con p{font-size: 18px; color: #77859d; }
.SDPlatform.contacts  .li:hover .iconfont{background: #1286ed; color: #fff;}


/* 
    breadCrumb
*/
.breadCrumb{background: #f6f6f6;}
.breadCrumb .menu li{display: inline-block; margin-right: 5px;}
.breadCrumb .menu li::after{content: '/'; color: #ccc;}
.breadCrumb .menu li:last-child::after{display: none;}
.breadCrumb .menu li a{font-size: 14px; color: #888; padding: 0 5px 0 0; line-height: 50px;}
.breadCrumb .menu li a:hover{color: #2663ff;}


/* 
    知云
*/
.zhiyun-page{}
.zhiyun-page .container{width: 1200px; max-width: 1200px;}
.zhiyun-page .mainbox{padding: 80px 0;}
.zhiyun-page .title{font-size: 36px; color: #565862; font-weight: 600; text-align: center; margin-bottom: 60px;}
.zhiyun-page .Stitle{font-size: 20px; color: #4091f7; text-align: center;}
.zhiyun-page .row{margin: 0 -15px;}
.zhiyun-page .col-12{padding: 0 15px;}

.zhiyun-page .banner{margin-top: 80px;}
.zhiyun-page .banner img{width: 100%;}

.zhiyun-page .intro{padding: 50px; background: #f8fbff;}
.zhiyun-page .intro p{font-size: 16px; color: #9ea1af; line-height: 2em; width: 1100px; text-indent: 2em; margin: 0 auto;}

.zhiyun-page .characteristic{}
.zhiyun-page .characteristic .col-12{margin-bottom: 30px;}
.zhiyun-page .characteristic .col-12:nth-child(odd) .box{background: #f8fbff;}
.zhiyun-page .characteristic .col-12:nth-child(even) .box{background: #fff;}
.zhiyun-page .characteristic .box{box-shadow: 3px 3px 20px #eaecf4; border-radius: 40px 0 40px 0; padding: 40px; height: 100%; text-align: center;}
.zhiyun-page .characteristic .box h5{font-size: 20px; color: #73757d; margin: 30px 0 25px;}
.zhiyun-page .characteristic .box p{font-size: 16px; color: #9ea1af; text-align: justify; line-height: 1.8em;}

.zhiyun-page .productFunction{background: #f8fbff; text-align: center; padding-bottom: 20px;}
.zhiyun-page .productFunction .img{margin: 40px 0 60px;}
.zhiyun-page .productFunction .img img{mix-blend-mode: multiply;}
.zhiyun-page .productFunction .content{padding: 60px 0; border-top: solid 1px #dbe6f5; overflow: hidden;}
.zhiyun-page .productFunction .content .pic{width: 50%;}
.zhiyun-page .productFunction .content .pic img{transform: translatex(-25px);}
.zhiyun-page .productFunction .content .con{width: 50%; text-align: justify;}
.zhiyun-page .productFunction .content.CA .pic{float: right;}
.zhiyun-page .productFunction .content.CA .con{float: left;}
.zhiyun-page .productFunction .content.CB .pic{float: left; }
.zhiyun-page .productFunction .content.CB .con{float: right; padding-left: 50px;}
.zhiyun-page .productFunction .content .li{width: 230px; float: left; margin-right: 40px; padding-left: 20px;}
.zhiyun-page .productFunction .content h4{font-size: 30px; color: #565862;}
.zhiyun-page .productFunction .content h5{font-size: 20px; color: #4091f7; padding-left: 10px; border-left: solid 10px #4091f7; margin: 25px 0; line-height: 20px;}
.zhiyun-page .productFunction .content h6{font-size: 16px; color: #666872; position: relative; line-height: 16px;}
.zhiyun-page .productFunction .content h6::after{content: ''; width: 10px; height: 10px; background: #cbd4df; border-radius: 50%; position: absolute; left: -20px; top: 50%; transform: translate(0,-50%);}
.zhiyun-page .productFunction .content p{font-size: 12px; color: #9ea1af; line-height: 2em; margin-top: 15px;}

.zhiyun-page .advantage .col-12:nth-child(odd) .box{background: #fff;}
.zhiyun-page .advantage .col-12:nth-child(even) .box{background: #f8fbff;}
.zhiyun-page .advantage .box{box-shadow: 5px 5px 30px rgba(64, 145, 247, .15); border-radius: 40px 0 40px 0; padding: 50px 40px; height: 100%; text-align: center;}
.zhiyun-page .advantage .box .icon{height: 160px;}
.zhiyun-page .advantage .box h5{font-size: 20px; color: #73757d; margin: 30px 0 25px;}
.zhiyun-page .advantage .box p{font-size: 16px; color: #9ea1af; text-align: justify; line-height: 1.8em;}

.zhiyun-page .customer{background: #f8fbff; text-align: center;}
.zhiyun-page .customer .box{box-shadow: 5px 5px 30px rgba(64, 145, 247, .15); border-radius: 40px 0 40px 0; width: 100%; height: 180px; background: #fff; display: flex;}
.zhiyun-page .customer .box img{ align-self: center; margin: 0 auto;}
.zhiyun-page .customer p{font-size: 14px; color: #9ea1af; margin-top: 25px;}


/* 
    管见&荐读
*/
.thought-book .container{width: 1240px; max-width: 1240px;}
.thought-book .top-title{font-size: 36px; color: #333; font-weight: bold; margin: 0 auto; display: table; position: relative;}
.thought-book .top-title::before{content: ''; position: absolute; left: 0; top: 50%; transform: translate(-420px,-50%); width: 400px; height: 6px; background: #000;}
.thought-book .top-title::after{content: ''; position: absolute; right: 0; top: 50%; transform: translate(420px,-50%); width: 400px; height: 6px; background: #000;}
.thought-book .top-title.thought-title::before{background: linear-gradient(to right,#fff,#a7e7ff);}
.thought-book .top-title.thought-title::after{background: linear-gradient(to left,#fff,#a7e7ff);}
.thought-book .top-title.book-title::before{background: linear-gradient(to right,#fff,#ffc770);}
.thought-book .top-title.book-title::after{background: linear-gradient(to left,#fff,#ffc770);}
.thought-book .index-row{margin: 60px -30px -60px;}
.thought-book .col-lg-6{padding: 0 30px; margin-bottom: 60px;}
.thought-book .index-row .box{background: #fff; border-radius: 100px; height: 180px; position: relative; display: block;  padding-top: 30px; transition: all .3s; overflow: hidden;}
.thought-book .index-row .box::after{content: ''; position: absolute; left: 0; top: 0; z-index: 0; width: 150%; height: 100%; border-radius: 100px; transform: translateX(-100%); transition: all .5s;}
.thought-book .index-row .box .img{width: 180px; height: 180px; position: absolute; left: 0; top: 0; z-index: 1;}
.thought-book .index-row .box .img img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.thought-book .index-row .box .con{width: 320px; margin-left: 210px; position: relative; z-index: 1;}
.thought-book .index-row .box .con .ti{font-size: 20px; font-weight: bold; color: #111; transition: all .3s;}
.thought-book .index-row .box .con .stages{position: absolute; right: 0; top: 0; font-size: 14px; color: #aaa; transition: all .3s;}
.thought-book .index-row .box .con .text{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; color: #777; line-height: 24px; margin: 15px 0; text-align: justify; transition: all .3s;}
.thought-book .index-row .box .con .author{font-size: 16px; color: #333; font-weight: bold; transition: all .3s;}
.thought-book .thought .index-row .box{box-shadow: 5px 5px 20px rgba(201, 228, 255, .4);}
.thought-book .thought .index-row .box .img img{border: solid 6px #5dd7ff;}
.thought-book .book .index-row .box{box-shadow: 5px 5px 20px rgba(249, 143, 48, .15);}
.thought-book .book .index-row .box .img img{border: solid 6px #ffc770;}
.thought-book .thought .box:hover{transform: translateY(-5px); box-shadow: 5px 5px 20px rgba(201, 228, 255, .75);}
.thought-book .thought .box::after{background: #26b4ef;}
.thought-book .thought .box:hover::after{transform: translateX(5%);}
.thought-book .thought .box:hover .ti,.thought-book .thought .box:hover .stages,.thought-book .thought .box:hover .text,.thought-book .thought .box:hover .author{color: #fff;}
.thought-book .book .box:hover{transform: translateY(-5px); box-shadow: 5px 5px 20px rgba(249, 143, 48, .3);}
.thought-book .book .box::after{background: #f98f30;}
.thought-book .book .box:hover::after{transform: translateX(5%);}
.thought-book .book .box:hover .ti,.thought-book .book .box:hover .stages,.thought-book .book .box:hover .text,.thought-book .book .box:hover .author{color: #fff;}
.thought-book .pagiGroup{margin-top: 60px;}
.thought-book .thought .pagiGroup li .active{background: #20b1e0;}
.thought-book .book .pagiGroup li .active{background: #f98f30;}


/* 
    SmartCN
*/
.SmartOffice .template-sti{font-size: 24px;}
.SmartOffice .template-text{width: 1200px; margin: 30px auto 0;}
.SmartOffice .YJtext{margin: 0px auto 0; position: relative; width: 1200px;}
.SmartOffice .YJtext .con:nth-child(1){width: 600px; margin: 60px auto 0;}
.SmartOffice .YJtext .con:nth-child(1) h5{color: #0070c0;}
.SmartOffice .YJtext .con:nth-child(3){width: 400px; position: absolute; left: 0; bottom: 0;}
.SmartOffice .YJtext .con:nth-child(3) h5{color: #ff0000; text-align: right;}
.SmartOffice .YJtext .con:nth-child(4){width: 400px; position: absolute; right: 0; bottom: 0;}
.SmartOffice .YJtext .con:nth-child(4) h5{color: #92d050; text-align: left;}
.SmartOffice .YJtext .con h5{margin-bottom: 15px;}
.SmartOffice .YJtext .con p{text-indent: 0;}
.SmartOffice .yjplaf{margin: 60px -20px -40px;}
.SmartOffice .yjplaf .col-lg-4{padding: 0 20px; margin-bottom: 40px;}
.SmartOffice .yjplaf img{max-width: 300px; max-height: 240px;}
.SmartOffice .col-lg-4 .box {height: 100% !important;padding: 106px 36px 20px !important;}
.SmartOffice .yjplaf .box{box-shadow: 0 0 20px #e6eef3; height: 100%; padding: 40px; border-radius: 30px;}
.SmartOffice .yjplaf .box h5{font-size: 24px; font-weight: bold; color: #0070c0; margin-bottom: 20px;}
.SmartOffice .yjplaf .box p{font-size: 16px; text-align: justify; color: #777; text-indent: 2em;}
.SmartOffice .big{width: 1200px;}
.SmartSWP{padding-top: 90px;}
.SmartSWP img{ width: 100%; border-radius: 30px;}
.SmartSWP .swiper-pagination{top: 30px;}
.SmartSWP .swiper-pagination-bullet{width: auto; height: auto; line-height: 40px; border-radius: 5px; padding: 0 10px; background: #f0f0f0; color: #666; opacity: .8;}
.SmartSWP .swiper-pagination-bullet-active{background: #0250f7;color: #fff;}
.SmartSWP .swiper-button-next,.SmartSWP  .swiper-button-prev{margin-top: 0;}
.SmartOffice.templateB .con p{text-align: justify;} 
.SmartOffice .usePlace .con{height: 100%;}
.SmartOffice .usePlace .img{margin-bottom: 20px;}
.SmartOffice .usePlace img{max-width: 100%; height: 200px; object-fit: contain; }
.SFA .col-12{flex: 0 0 20%; max-width: 20%;}
.SFA .font-ti{width: 100px !important; line-height: 90px !important;}
.SFA .box{height: 100% !important; padding-top: 40px !important;}
.FillIn .template-sti{font-size: 24px;}
.FillIn .row{margin: 80px -20px -40px; justify-content: start;}
.FillIn .row .col-lg-2{padding: 0 20px; margin-bottom: 80px;}
.FillIn .row .col-lg-3{margin-bottom: 60px;}
.FillIn .row .col-lg-4{margin-bottom: 60px;}
.FillIn .row .img{margin-bottom: 30px;}
.FillIn p{font-size: 16px;color: #888; text-align: justify; margin-top: 20px; line-height: 1.8em;}



/* 适配1024以上 */
@media all and (min-width: 1024px) {
/* 
    header
*/
.header{height: 80px; box-shadow: 0 1px 10px rgba(0, 13, 27, .1); z-index: 999; position: fixed; left: 0; top: 0; width: 100%; background: #fff;}
.header .logo{ line-height: 80px; position: absolute; left: 40px; top: 0; }

.header .menu{ width: auto; margin: 0 auto; display: table;}
.header .menu .li{position: relative; float: left;}
.header .menu .li>a{line-height: 80px; padding: 0 12px; color: #86888e; display: block; position: relative; text-align: center; letter-spacing: 0.3px;}
.header .menu .li>a::after{content: ''; width: 0; height: 3px; background: #2663ff; position: absolute; left: 50%; bottom: 0; opacity: 0; transform: translate(-50%,0); transition: all .3s;}
.header .menu .li>a:hover::after{width: 90%; opacity: 1;}
.header .menu .li>.active{background: #2663ff; color: #fff;}
.header .menu .li>a>i{display: inline-block;}
.header .menu .fl-icon{float: right; transform: rotate(-90deg);}

.header .menu .li>.sub-menu{position: absolute; left: 0; top: 80px; z-index: 1; padding: 15px 0; background: #fff; width: 220px; display: none; border-top: 1px solid #ededed;  box-shadow: 0 1px 5px rgba(0, 13, 27, .1); z-index: 998;}
.header .menu .li>.sub-menu.long{width: 300px;}
.header .menu .li:hover>.sub-menu{display: block;}
.header .menu .li>.sub-menu>.sub-li{width: 100%; line-height: 34px; height: 34px; padding: 0 10px;}
.header .menu .li>.sub-menu>.sub-li>a{display: block; padding: 0 20px; font-size: 14px; color: #86888e; }
.header .menu .li>.sub-menu>.sub-li>a:hover{background: #2663ff; color: #fff;}
.header .menu .li>.sub-menu>.sub-li>.active{background: #2663ff; color: #fff;}
.header .menu .li>.sub-menu>.sub-li:hover>a{background: #2663ff; color: #fff;}

.header .menu .sub-menuA{position: absolute; left: 100%; top: -1px; z-index: 1; padding: 15px 0; background: #fff; width: 220px; height: 303px;;display: none; border-top: 1px solid #ededed;  box-shadow: 0 1px 5px rgba(0, 13, 27, .1); z-index: 998; margin-left: -1px;}
.header .menu .sub-menuA>.sub-li{padding: 0 10px}
.header .menu .sub-menuA>.sub-li>a{display: block; padding: 0 20px; font-size: 14px; color: #86888e; }
.header .menu .sub-menuA>.sub-li>a:hover{background: #2663ff; color: #fff;}
.header .menu .sub-menuA>.sub-li:hover>a{background: #2663ff; color: #fff;}
.header .menu .li>.sub-menu>.sub-li:hover .sub-menuA{display: block;}
.header .menu .sub-menuB{position: absolute; left: 100%; top: -1px; z-index: 1; padding: 15px 10px; background: #fff; width: 220px; height: 303px;;display: none; border-top: 1px solid #ededed;  box-shadow: 0 1px 5px rgba(0, 13, 27, .1); z-index: 998; margin-left: -1px;}
.header .menu .sub-menuB>.sub-li>a{display: block; padding: 0 20px; font-size: 14px; color: #86888e; }
.header .menu .sub-menuB>.sub-li>a:hover{background: #2663ff; color: #fff;}
.header .menu .li>.sub-menu>.sub-li .sub-menuA .sub-li:hover .sub-menuB{display: block;}
.header .menu .sub-menuC{position: fixed; left: 0; top: 80px; width: 100%; background: #fff; display: none; transform: translate(0,0); z-index: 0; padding: 20px 40px; border-top: solid 1px #ddd;  box-shadow: 0 1px 5px rgba(0, 13, 27, .1);}
.header .menu .li:hover .sub-menuC{display: block;}
.header .menu .sub-menuC .menu-box{display: inline-block; width: 40%; margin-right: 20px;}
.header .menu .sub-menuC .menu-boxB{display: inline-block; width: 20%;}
.header .menu .sub-menuC .menu-box .ti{font-size: 20px; color: #000; padding-bottom: 10px; border-bottom: 1px dashed #ddd; padding-left: 20px;}
.header .menu .sub-menuC .menu-box .link{font-size: 18px; text-decoration: none; color: #000; width: 100%; display: block; line-height: 36px; padding-left: 20px; margin: 10px 0; background: #f6f6f6;}
.header .menu .sub-menuC .menu-box .link:hover{background: #2663ff; color: #fff;}
.header .menu .sub-menuC .menu-box .box{float: left; width: 48%; margin-right: 2%;}
.header .menu .sub-menuC .menu-boxB .box{width: 100%; margin-right: 0;}
.header .menu .sub-menuC .menu-ul{display: flex; flex-wrap: wrap; }
.header .menu .sub-menuC .menu-ul li{flex: 0 0 50%; }
.header .menu .sub-menuC .menu-ul li a{ padding-left: 20px; font-size: 14px; text-decoration: none; color: #666; width: 100%; display: block; line-height: 2.5em; }
.header .menu .sub-menuC .menu-box li a:hover{background: #2663ff; color: #fff;}

.header .search-area{ position: absolute; right: 40px; top: 0; height: 100%;}
.header .search-area input{ width: 180px; height: 36px;  border: none; background: #f2f1fc; border-radius: 5px 0 0 5px; padding: 0 15px; font-size: 14px; outline: none; margin-top: 34px;}
.header .search-area .search-button{width: 36px; line-height: 36px; display: inline-block; text-align: center; background: #2b2243; color: #fff; border-radius: 0 5px 5px 0; cursor: pointer;}
.header .search-area .lang{float: left; margin-right: 10px; position: relative;}
/* .header .search-area .lang::after{content: ''; width: 36px; height: 36px; background: #2b2243; position: absolute; left: 0; top: 0; z-index: 0; border-radius: 5px; transform: translateX(0); transition: all .3s;}
.header .search-area .lang.s::after{content: ''; width: 36px; height: 36px; background: #2b2243; position: absolute; left: 0; top: 0; z-index: 0; border-radius: 5px; transform: translateX(0);}
.header .search-area .lang.t::after{content: ''; width: 36px; height: 36px; background: #2b2243; position: absolute; left: 0; top: 0; z-index: 0; border-radius: 5px; transform: translateX(41px);} */
.header .search-area .lang span{width: 36px; line-height: 36px; text-align: center; display: inline-block; font-size: 14px; cursor: pointer; color: #888; border-radius: 5px; position: relative; z-index: 1; margin: 0;}
.header .search-area .lang .simplified.active{color: #fff; background: #2b2243;}
.header .search-area .lang .traditional.active{ color: #fff;  background: #2b2243;}
.menu-area{display: none;}
#close-bt{display: none;}
.mb-link{display: none !important;}

/* .header .lang{position: static; cursor: pointer; float: left; margin-right: 10px;}
.header .langAct{border: solid 1px #e6e6e6; padding: 6px 10px; font-size: 14px; color: #666; border-radius: 5px; user-select: none;}
.header .langAct .icon--jiantou-xia{margin-left: 10px; transition: all .3s; display: inline-block;}
.header .langAct .icon--jiantou-xia.rotate{transform: rotate(180deg);}
.header .lang .langMenu{position: inherit; left: 0; top: 40px; background: #fff; width: 100%; border-radius: 5px; border: solid 1px #e6e6e6; visibility: hidden; opacity: 0; transition: all .3s; transform: translateY(-10px);}
.header .lang .langMenu.show{visibility: visible; opacity: 1;  transform: translateY(0);}
.header .lang .langMenu li{}
.header .lang .langMenu li span{color: #666; font-size: 12px; padding: 5px 10px; display: block; border-radius: 5px;}
.header .lang .langMenu li span.active{background: #5398ff; color: #fff;}
.header .lang .langMenu li span:hover{background: #f0f0f0; }
.header .lang .langMenu li span.active:hover{background: #5398ff; color: #fff;} */
}
.mb-logo{display: none;}


/* 
    ServicePage
*/
.ServicePage{}
.ServicePage.mainbox{background: #fff;}
.ServicePage.mainbox-gray{background: #f3f9ff;}
.ServicePage .container{width: 1200px;}
.ServicePage .slogan{position: relative; padding: 0 ;}
/* .ServicePage .slogan::after{content: ''; background: #b4bfd9; width: 100%; height: 50%; position: absolute; left: 0; top: 50%; z-index: 0; transform: translateY(-50%);} */
.ServicePage .slogan .con{position: relative; background: #f3f9ff; padding: 50px; z-index: 1;}
/* .ServicePage .slogan .con::before,.ServicePage .slogan .con::after{content: ''; position: absolute; top: 50%; width: 10px; height: 50px; background: #2663ff;}
.ServicePage .slogan .con::before{left: 0; transform: translate(-50%,-50%);}
.ServicePage .slogan .con::after{right: 0; transform: translate(50%,-50%);} */
.ServicePage .slogan .con h6{font-size: 30px; color: #2663ff; font-weight: bold;text-indent: 3rem; }
.ServicePage .slogan .con p{font-size: 24px; color: #33498d; text-indent: 3rem; line-height: 2em; margin-top: 1rem;}
    
.ServicePage .row{margin: 0 -20px;}
.ServicePage .col-lg-6{padding: 0 20px;}
.ServicePage .left{}
.ServicePage .left .box{background: #fff; position: relative; height: 263px;}
.ServicePage .left .box:first-child{margin-bottom: 40px;}
.ServicePage .left .box .con{ position: absolute; right: 40px; top: 50%; transform: translate(0,-50%);}
.ServicePage .left .box .con h6{font-size: 24px; font-weight: bold; color: #2663ff; position: relative; padding-bottom: 20px; margin-bottom: 15px;}
.ServicePage .left .box .con h6::after{content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 5px; background: #a2bcff;}
.ServicePage .left .box .con ul{}
.ServicePage .left .box .con ul li{font-size: 16px; color: #33498d; padding-left: 20px; position: relative; margin-bottom: 15px;}
.ServicePage .left .box .con ul li::after{content: ''; position: absolute; left: 0; top: 50%; width: 10px; height: 10px; background: #2663ff; transform: translate(0,-50%);}
.ServicePage .left .box .con ul li:last-child{padding-left: 0;}
.ServicePage .left .box .con ul li:last-child:after{display: none;}
.serviceRow{}
.serviceRow .box{overflow: hidden;}
.serviceRow .left .img{float: left; height: 100%;}
.serviceRow .left .img img{height: 100% ;}
.ServicePage .right{}
.ServicePage .right .box{background: #fff;}
.ServicePage .right .box .con{ height: 300px; padding: 20px;}
.ServicePage .right .box .con h6{font-size: 24px; font-weight: bold; color: #2663ff; position: relative; padding-bottom: 20px; margin-bottom: 25px; text-align: center;}
.ServicePage .right .box .con h6::after{content: ''; position: absolute; left: 50%; bottom: 0; width: 50px; height: 5px; background: #a2bcff; transform: translate(-50%,0);}
.ServicePage .right .box .con ul{display: flex; flex-wrap: wrap;}
.ServicePage .right .box .con ul li{max-width: 33.3333%; flex: 0 0 33.3333%; position: relative; padding-left: 20px; margin-bottom: 20px; font-size: 16px; color: #33498d; text-align: center;}
.ServicePage .right .box .con ul li::after{content: ''; position: absolute; left: 0; top: 50%; width: 10px; height: 10px; background: #2663ff; transform: translate(0,-50%);}
.ServicePage .right .box .con ul li:last-child{padding-left: 0;}
.ServicePage .right .box .con ul li:last-child:after{display: none;}
.ServicePage .index-more{margin: 0 !important; min-width: 106px; line-height: 34px; background: #336dff; color: #fff;}
.ServicePage .index-more .iconfont::after{background: #fff;}
.serviceSlider{position: fixed; left: 0; bottom: 0; width: 100%; background: #fff; z-index: 99; display: none; transform: translateY(100%); transition: all .3s;}
.serviceSlider.mainbox-gray{background: #f8fcff;}
.serviceSlider .container{width: 1200px;}
.serviceSlider h5{font-size: 32px; font-weight: bold; color: #2663ff; text-align: center; margin-bottom: 40px; letter-spacing: .2em;}
.serviceSlider .row{margin: 0 -40px; justify-content: center;}
.serviceSlider .row .col-12{padding: 0 40px; border-right: solid 1px #e7edf7; overflow: hidden;}
.serviceSlider .row .col-12:last-child{border: none;}
.serviceSlider .img{float: left;}
.serviceSlider .con{width: 230px; float: right;}
.serviceSlider .con h6{font-size: 24px; margin-bottom: 10px;}
.serviceSlider .con p{font-size: 18px; line-height: 1.8em; color: #888; text-align: justify;}
.serviceSlider .Servicesbt{margin: 30px auto 0; display: table; background: #e1e9ee; border: none; outline: none; width: 200px; line-height: 36px;}
.servicePic{position: fixed; bottom: 10vh; right: 30px;}
.ServicePage .serviceContent{}
.ServicePage .serviceContent h5{font-size: 36px; color: #11214d; letter-spacing: 0.2em; text-align: center; margin-bottom: 60px;}
.ServicePage .serviceContent .box{overflow: hidden; border-bottom: solid 1px #e2f1ff; margin-bottom: 90px; padding-bottom: 90px;}
.ServicePage .serviceContent .box:last-child{margin-bottom: 0; padding-bottom: 0; border: none;}
.ServicePage .serviceContent .box .img{}
.ServicePage .serviceContent .box .con{width: 680px; padding-top: 40px;}
.ServicePage .serviceContent .box .con h6{font-size: 30px; color: #11214d; display: inline-block; border-bottom: 3px solid #e2eaf6; padding-bottom: 25px; margin-bottom: 25px;}
.ServicePage .serviceContent .box .con p{font-size: 18px; color: #8e96ac; text-align: justify; line-height: 1.8em;}
.ServicePage .serviceContent .box:nth-child(even) .img{float: left;}
.ServicePage .serviceContent .box:nth-child(even) .con{float: right;}
.ServicePage .serviceContent .box:nth-child(odd) .img{float: right;}
.ServicePage .serviceContent .box:nth-child(odd) .con{float: left;}

.law{ padding: 160px 120px 120px; background: #f1f5f9;}
.law .bodyerRightBoxs{background: #fff; padding: 80px;}
.law h5{font-size: 24px; color: #233; margin-bottom: 10px;}
.law p{font-size: 16px; color: #777; line-height: 2em; margin-bottom: 40px;}
.law p.sp{margin-bottom: 10px; font-size: 12px;}
.law img{margin-top: 20px;}

.webmap {}
.webmap .container {width:1000px;}
.webmap .top {height:60px;line-height:60px;}
.webmap .top .logo {display:inline-block;}
.webmap .top h5 {display:inline-block;line-height:1em;position:relative;top:12px;border-left:solid 1px #ddd;padding-left:10px;margin-left:10px;}
.webmap .top .home {float:right;color:#666;position:relative;top:12px;transition:all .3s;}
.webmap .top .home:hover {color:#2663ff;}
.webmap .menuBox {margin-top:20px;}
.webmap .menuBox .title {font-size:20px;background:#f1f8ff;padding:10px;font-weight:bold;border:solid 1px #e6e6e6;}
.webmap .menuBox>ul {padding:0 10px;border:solid 1px #e6e6e6;}
.webmap .menuBox ul>li {display:inline-block;position:relative;padding:10px 0;}
.webmap .menuBox ul>li>a {padding:0 15px;display:block;font-size:14px;color:#666;border-right:solid 1px #ddd;}
.webmap .menuBox ul>li:last-child a {border-right:none;}
.webmap .menuBox ul>li>a:hover {color:#2663ff;text-decoration:underline;}
.webmap .menuBox ul>li>ul {display:none;position:absolute;left:0;top:40px;width:auto;background:#fcfcfc;z-index:99;border:solid 1px #e6e6e6;}
.webmap .menuBox ul>li>ul>li {display:block;padding:0;}
.webmap .menuBox ul>li>ul>li>a {display:block;line-height:3em;border-right:none;font-size:14px;white-space:nowrap;padding-right:30px;}
.webmap .menuBox ul>li:hover>ul {display:block;}
.webmap .menuBox ul>li>ul>li>ul {display:none;left:calc(100% + 1px);top:2px;}
.webmap .menuBox ul>li>ul>li>ul>li {position:relative;}
.webmap .menuBox ul>li>ul>li:hover ul {display:block;}
.webmap .menuBox .icon-jiantou_you {font-size:10px;position:absolute;top:50%;right:0;transform:translate(-10px,-50%);}



/* 
    Mobile
*/
@media all and (max-width: 1024px){

    
    .header{display: none; height: 60px;}
    .header>.logo{display: none;}
    #mb-menu{display: block;}
    .container{width: 100% !important; max-width: 100% !important;}
    .mainbox{padding: 60px 15px;}
    .menu-area{display: block;}
    .header .search-area{display: none;}
    .mb-logo{display: block;}


    /* 
        手机菜单
    */
    .menu-area{width: 100%;position: fixed;top: 0;left: 0;background: #fff;height: 60px;z-index:999; display: block; padding: 0 15px; border-bottom: 1px solid #ededed;}

    .menu-area .logo{z-index: 999; float: left; line-height: 60px; left: 15px;}
    .menu-area .logo img{width: 100px;}

    .menu-area .menu-button{float: right; display: block; line-height: 60px; height: 60px;text-align: center; border-radius: 5px; }
    .menu-area .menu-button i{font-size: 30px; color: #000;}
    .menu-area .menu-button:hover i{color: #2663ff;}
    .menu-area .menu-button:active i{color: #2663ff;}

    .menu-con{width: 100vw;height: 100%;position: fixed;left: 0;top:0;background: rgba(0,0,0,.6);z-index: 999;transition: .2s; display: none;}

    .menu-con .mb-menu{width: 75%;height: 100%;transition: .3s;background: #fff;overflow: auto;position: relative; display: block; margin-left: 0;} 
    .menu-con .mb-logo{height: 80px;text-align: center;line-height: 80px}
    .menu-con .mb-logo img{display: inline-block; width: 130px;}

    .menu-con .mb-menu h3{font-size: 20px;color: #000;text-align: center;line-height: 70px;}
    .menu-con .mb-menu li{width: 100%;height: auto;overflow: hidden;}
    .menu-con .mb-menu li>a{display: block;line-height: 54px;padding-left: 30px; color: #000;text-decoration: none;font-size: 16px; border-bottom: 1px solid #e9e9e9; position: relative; z-index: 1; font-weight: bold; line-height: 54px !important; text-align: left !important;}
    .menu-con .mb-menu li>a.active{background: #e9e9e9; color: #2663ff;}
    .menu-con .mb-menu li>a.active:after{content: '';position: absolute; left: 5px; top: 50%; width: 6px; height: 24px; transform: translate(0,-50%); background: #2663ff;}
    .menu-con .mb-menu li>a::before{content: '';position: absolute; left: 50%; top:0; width: 0; height: 100%; transform: translate(-50%,0); background: #d9d9d9; z-index: -1; opacity: 0; transition: all .3s;}
    .menu-con .mb-menu li>a:hover::before{width: 100%; opacity: 1;}
    .menu-con .mb-menu li>a i{float: right; margin-right: 15px; transform: translateX();}
    .menu-con .sub-menu{ display: none; width: 100%;}
    .menu-con .sub-menu li>a{display: block;width: 100%;padding-left: 40px;font-size: 14px;background: #f6f6f6; line-height: 48px; color: #666;}
    .menu-con .sub-menu li>a:hover{background: #fff; color: #000;}
    .menu-con .sub-menu li{width: 100%;}
    .menu-con .mb-menu .li .sub-menu{display: none; position: static; width: 100%;}
    .menu-con .sub-menu li>.sub-menu{display: none; }
    .menu-con .sub-menu .subMenuB{display: none; ?//}
    .menu-con .sub-menu .subMenuC{display: none;}
    .menu-con .sub-menu .subMenuB>li>a{padding-left: 50px; background: #f0f0f0; border-bottom: 1px solid #e6e6e6;}
    .menu-con .sub-menu .subMenuC>li>a{padding-left: 60px; background: #e6e6e6;  border-bottom: 1px solid #ddd;}
    .menu-con .sub-menu .sub-menuB a{padding-left: 70px;}

    .menu-con .box{display: none;}
    .menu-con .sub-menuC{display: none;}
    .menu-con .menu-box .ti{display: block;width: 100%;padding-left: 40px;font-size: 14px;background: #f6f6f6; line-height: 54px; color: #666; position: relative; font-weight: bold; transition: all .3s; position: relative; z-index: 1;}
    .menu-con .menu-box .ti::after{content: "\e74d"; position: absolute; right: 20px; top: 0; font-family: iconfont;}
    .menu-con .box .link{display: block;width: 100%;padding-left: 40px;font-size: 14px;background: #f6f6f6; line-height: 54px; color: #666; padding-left: 50px; background: #f0f0f0; border-bottom: 1px solid #e6e6e6; font-weight: bold; position: relative; z-index: 1;}
    .menu-con .box li>a{display: block;width: 100%;padding-left: 40px;font-size: 14px;background: #f6f6f6; line-height: 54px; color: #666; padding-left: 50px; background: #f0f0f0; border-bottom: 1px solid #e6e6e6; position: relative; z-index: 1;}
    .menu-con .box .link::before,.menu-con .menu-box .ti::before,.menu-con .box li>a::before{content: '';position: absolute; left: 50%; top:0; width: 0; height: 100%; transform: translate(-50%,0); background: #e0e0e0; z-index: -1; opacity: 0; transition: all .3s;}
    .menu-con .box .link:hover::before,.menu-con .menu-box .ti:hover::before, .menu-con .box li>a:hover::before{width: 100%; opacity: 1;}


    #close-bt{width: 50px;height: 50px;position: absolute;right:5%;top: 3%;display: block; z-index: 999; text-align: center; line-height: 50px;}
    #close-bt i{font-size: 30px;color: #fff;}


    /* 
        首页专题页推荐
    */
    .index-special{border: none;}
    .index-special .container{width: 100%;}
    .index-special .top .left{float: none; width: 100%; margin-bottom: 20px;}
    .index-special .top .right{float: none; width: 100%;}
    .index-special .top .right a:first-child{margin-bottom: 20px;}
    .index-special .top img{width: 100%;}
    .index-special .bottom{margin: 20px 0 30px;}
    .index-special .bottom .row{margin: 0;}
    .index-special .bottom .col-12{padding: 0; margin-bottom: 20px;}
    .index-special .tem-more{margin-top: 20px !important;}


    /* 
    template-banner
    */
    .template-banner{width: 100%; height: 240px; margin-top: 0;}
    .template-banner img{height: 100%;}


    /* 
        template
    */
    .template-ti{font-size: 30px; margin-bottom: 40px;}
    .template-sti{font-size: 16px;  margin: 20px 0 0;}
    .template-text-point p::after{display: none;}



    /* 
        templateA
    */
    .templateA{}
    .templateA .row{margin: 48px 0 0;}
    .templateA .col-lg-4{padding: 0 15px; text-align: center; margin-bottom: 48px;}
    .templateA .col-lg-4:last-child{margin-bottom: 0;}

    .templateA .con h5{font-size: 20px; font-weight: bold; color: #23252a; margin: 30px 0;}
    .templateA .con p{font-size: 14px; color: #666; line-height: 2em;}
    .templateA .one-pic{text-align: center; width: 100%; margin: 48px auto 0; padding: 0 15px;}
    .templateA .one-pic .img{width: 100%;}
    .templateA .one-pic .img img{width: 100%;}
    .templateA .one-pic .con{width: 100%; display: block; margin-top: 48px;}
    .templateA .col-lg-3{padding: 0 ; text-align: center; margin-bottom: 30px;}
    .templateA .col-lg-3 .con{padding: 0 15px;}
    .templateA .col-lg-6{padding: 0 15px;  margin-bottom: 48px; text-align: center;}
    .templateA .col-lg-6:nth-last-child(1){margin-bottom: 0;}
    .templateA .col-lg-6:nth-last-child(2){margin-bottom: 48px;}
    .templateA .col-lg-6 .box{padding: 0; overflow: hidden;}
    .templateA .col-lg-6 .img{float: none;margin-right: 0;}
    .templateA .col-lg-6 .con{float: none; width: 100%; text-align: center;}
    .templateA .col-lg-6 .con h5{margin: 12px 0 20px;}
    .templateA .col-lg-6 .con p{text-align: center;}
    .templateA .col-lg-2{padding: 0 15px; text-align: center;  flex: 0 0 100%; max-width: 100%; margin-bottom: 48px;}
    .templateA .border-box{margin-bottom: 0;}


    /* 
        templateB
    */
    .templateB{}
    .templateB .row{margin: 40px 0 0;}
    .templateB .rowA{margin: 136px 0 0;}
    .templateB .col-lg-4{padding: 0 0;  margin-bottom: 120px;}
    .templateB .col-lg-4:last-child{margin-bottom: 0;}
    .templateB .col-lg-4 .box{background: #fff;  padding: 106px 25px 25px; height:auto;}

    .templateB .swiper-con{margin-top: 60px; padding: 0 ;}
    .templateB .swiper-con .swiper-container{width: 100%;}
    .templateB .swiper-con .box{ padding: 40px 30px; width: 100%; display: block; margin: 0 auto; margin-bottom: 60px; overflow: hidden;}
    .templateB .swiper-con .img{margin-bottom: 30px;}
    .templateB .swiper-con img{width: 100%; height: auto; float: none;}
    .templateB .swiper-con .box .con{width: 100%; float: none; padding: 0;}
    .templateB .swiper-con h5{text-align: center;}
    .templateB .swiper-button-next,.templateB .swiper-button-prev{display: none;}

    .templateB .rowB{margin: 136px 0 0; padding: 0 ;}
    .templateB .col-lg-3{padding: 0 ; margin-bottom: 100px;}
    .templateB .col-lg-3:last-child{margin-bottom: 0;}
    .templateB .col-lg-3 .box{padding: 106px 30px 30px ; height: auto; }

    .templateB .rowC{margin: 136px 0 0; padding: 0 ;}
    .templateB .rowC .col-lg-6{padding: 0; margin-bottom: 100px; }
    .templateB .rowC .col-lg-6:last-child{margin-bottom: 0;}
    .templateB .rowC .col-lg-6 .box{ padding: 106px 30px 30px ; height: auto; }

    .templateB .rowD{margin: 60px 0 0; padding: 0;}
    .templateB .rowD .col-lg-6{padding: 0 0; text-align: center; margin-bottom: 30px;}
    .templateA .rowD .col-lg-6:last-child{margin-bottom: 0;}
    .templateA .rowD .col-lg-6:nth-last-child(2){margin-bottom: 0;}
    .templateB .rowD .col-lg-6 .box{padding: 30px; overflow: hidden; background: #fff; border: solid 1px #ededed;}
    .templateB .rowD .col-lg-6 .img{float: none;margin-right: 0;}
    .templateB .rowD .col-lg-6 img{width: 120px; height: 120px;}
    .templateB .rowD .col-lg-6 .con{float: none; width: 100%;}
    .templateB .rowD .col-lg-6 .con h5{margin: 30px 0 20px; text-align: center;}
    .templateB .rowD .col-lg-6 .con p{text-align: justify;}

    .templateB .boxB{background: #fff; border: solid 1px #ededed; padding: 106px 30px 0 ; position: relative; margin-top: 136px; text-align: center;}
    .templateB .boxB .img{width: 144px; height: 144px; border: solid 4px #dfe2e8; line-height: 138px; border-radius: 50%; position: absolute; left: 50%; top: 0; background: #fff; transform: translate(-50%,-50%);}
    .templateB .boxB .row{margin: 30px -7.5px 10px;}
    .templateB .boxB .col-lg-2{padding: 0 7.5px; text-align: center; margin-bottom: 15px;}
    .templateB .boxB a{width: 100%; line-height: 48px; text-decoration: none; font-size: 14px; color: #000; border: solid 1px #ededed; display: block; transition: all .3s; background: #fff; border-radius: 5px;}
    .templateB .boxB a:hover{background: #2663ff; color: #fff; border: solid 1px #2663ff;}

    .templateB{}
    .templateB .rowE{margin: 90px 0 0;}
    .templateB .rowE .col-lg-6{padding: 0 0; }
    .templateB .rowE .col-lg-4{padding: 0 0; margin-bottom: 100px;}
    .templateB .rowE .col-lg-4:nth-child(4){margin-bottom: 100px;}
    .templateB .rowE .col-lg-4:nth-child(5){margin-bottom: 100px}
    .templateB .rowE .col-lg-4:nth-child(6){margin-bottom: 100px;}
    .templateB .rowE .col-lg-4:last-child{margin-bottom: 0;}
    .templateB .rowE .box{border-radius: 10px; box-shadow: 0 0 10px rgba(177, 174, 171, .18); width: 100%;  padding: 30px; background: #fff; position: relative; text-align: center; padding-top: 60px;}
    .templateB .rowE .box .font-ti{width: 112px; line-height: 105px; position: absolute; left: 50%; top: 0; background: #fff; border: solid 4px #d7e2ff; border-radius: 50%; font-size: 36px; font-weight: bold; color: #2663ff; transform: translate(-50%,-50%);}
    .templateB .rowE .box h5{ font-size: 18px; margin: 20px 0; font-weight: bold;}
    .templateB .rowE .box p{ font-size: 14px; color: #888; line-height: 2em; margin-bottom: 20px; text-align: justify;}
    .templateB .rowE .box p:last-child{margin-bottom: 0;}
    .templateB .rowE .col-lg-4 .font-ti{width: 108px; line-height: 100px;} 
    .templateB .rowE .col-lg-4 .box{height: auto; padding-top: 60px;}

    .templateB .rowF{margin: 60px 0 0;}
    .templateB .rowF .col-lg-6{padding: 0 ; margin-bottom: 30px;}
    .templateB .rowF .box{padding: 20px;}
    .templateB .rowF .down{ position: static; right: 0; top: 0; border-radius: 5px; transition: all .3s; display: block; margin: 20px auto;}
    .templateB .rowF .down:hover{background: #2663ff;}

    .templateB .rowG{margin: 60px 0;}
    .templateB .rowG .col-lg-12{padding: 0;}
    .templateB .rowG .box{background: #fff; overflow: hidden; margin-bottom: 30px; border: solid 1px #ededed; overflow: hidden; display: block; padding: 25px;}
    .templateB .rowG .img{float: none; display: table; margin: 0 auto 20px;}
    .templateB .rowG .img img{float: none; width: auto;}
    .templateB .rowG .con{float: none; width: 100%; padding: 10px 0 !important; background: #fff;}
    .templateB .rowG .con p{font-size: 16px;}

    /* 
        templateC
    */
    .templateC{}
    .templateC .row{margin: 72px 0 0;}
    .templateC .rowA{margin: 60px 0 0;}
    .templateC .rowA .col-lg-4{padding: 0 0 ; margin-bottom: 30px;}
    .templateC .rowA .col-lg-4:last-child{margin-bottom: 0;}

    .templateC .rowB{padding: 60px 0 0;}
    .templateC .rowB .box{background: #fff; overflow: hidden; margin-bottom: 30px; border: solid 1px #ededed;}
    .templateC .rowB .img{float: none; width: 100%;}
    .templateC .rowB .img img{float: none; width: 100%;}
    .templateC .rowB .con{float: none; width: 100%; padding: 30px; background: #fff;}
    .templateC .rowB .con p{font-size: 16px;}
    .templateC .rowB h5{text-align: center;}
    .templateC .rowB .tem-more{margin: 30px auto 0;}

    .templateC .rowC{margin: 60px 0 0;}
    .templateC .rowC .col-lg-3{padding: 0  ; margin-bottom: 30px;}
    .templateC .rowC .col-lg-3:last-child{margin-bottom: 0;}
    .templateC .rowC img{width: 100%;}
    .templateC .rowC .con{padding: 30px; border: solid 1px #ededed; text-align: center; background: #fff;} 

    .templateC .rowD{margin: 60px 0 0; padding: 0 ;}
    .templateC .rowD .col-lg-6{padding: 0  ; margin-bottom: 50px;}
    .templateC .rowD img{width: 100%;}
    .templateC .rowD .con{padding: 30px 30px 60px; border: solid 1px #ededed; text-align: center; background: #fff;} 
    .templateC .rowD .tem-more{margin: 20px auto 0;}

    .templateC .rowE{margin: 60px 0 0;}
    .templateC .rowE .col-lg-6{padding: 0 0; text-align: center; margin-bottom: 30px;}
    .templateC .rowE .col-lg-6:nth-last-child(1){margin-bottom: 0;}
    .templateC .rowE .col-lg-6:nth-last-child(2){margin-bottom: 0;}
    .templateC .rowE .col-lg-6 .box{overflow: hidden; padding: 30px;}
    .templateC .rowE .col-lg-6 .img{float: none; }
    .templateC .rowE .col-lg-6 img{width: 210px; height: 210px;}
    .templateC .rowE .col-lg-6 .con{float: left; width: 100%; padding: 30px 0 0;}
    .templateC .rowE .col-lg-6 .con h5{margin: 0 0 20px; text-align: center;}
    .templateC .rowE .col-lg-6 .con p{text-align: justify;}

    .templateC .swiper-con{margin-top: 60px; padding: 0 ;}
    .templateC .swiper-con .swiper-container{width: 100%;}
    .templateC .swiper-con .box{ padding: 20px 15px; width: 100%; display: block; margin: 0 auto; margin-bottom: 60px; overflow: hidden;}
    .templateC .swiper-con .img{margin-bottom: 30px;}
    .templateC .swiper-con img{width: 100%; height: auto; float: none; max-width: 100%;}
    .templateC .swiper-con .box .con{width: 100%; float: none; padding: 0;}
    .templateC .swiper-con h5{text-align: center;}
    .templateC .swiper-button-next,.templateC .swiper-button-prev{display: none;}


    /* 
        templateD
    */
    .templateD{}
    .templateD .container{width: 100%;}
    .templateD .rowA{margin-top: 60px;}
    .templateD .box{overflow: hidden; text-align: center; padding: 0 15px;}
    .templateD .img{float: none !important; width: 100% !important;}
    .templateD .img img{width: 100% !important; height: auto;}
    .templateD .con{float: none !important; width: 100% !important; margin-top: 30px;}
    .templateD .con h5{font-size: 20px; font-weight: bold; color: #23252a; margin: 0 0 20px ;}
    .templateD .con p{font-size: 16px; color: #666; line-height: 1.9em;}
    .templateD .con .tem-more{margin: 30px auto 0;}

    .templateD .rowD{overflow: hidden; margin-top: 40px; padding: 10px 15px;}
    .templateD .rowD .nav{float: none; width:100%;}
    .templateD .rowD .tab-content{float: none; width: 100%;}
    .templateD .rowD .con{padding: 30px; background: #fff; box-shadow: 0 0 12px rgba(233, 234, 242, .77); text-align: center; margin-top: 10px; border: none;}
    .templateD .rowD .con h5{font-size: 30px; font-weight: normal;}
    .templateD .rowD .con p{text-align: justify;}
    .templateD .rowD .con .img{margin: 30px 0;}
    .templateD .rowD .con .img img{max-width: 100%;}
    .templateD .nav-pills .nav-link.active,.templateD  .nav-pills .show>.nav-link{background: #2663ff; color: #fff;}
    .templateD .nav-pills .nav-link{border-radius: 0; padding: .8rem 1rem; color: #666; font-size: 16px; border: none;}

    .templateD .table{margin-top: 60px; text-align: center; border: solid 1px #ededed;}
    .templateD .table thead{background: #2663ff; color: #fff;}
    .templateD .table tbody tr:nth-child(odd){background: #fff;}
    .templateD .table tbody tr:nth-child(even){background: #fff;}
    .templateD .table td,.templateD  .table th {padding: .75rem;vertical-align: top;border-top: 1px solid #ededed;}

    /* 
        template-footer
    */
    .template-footer{border-top: 1px solid #ddd; padding: 60px 0 0;}
    .template-footer .solution{display: table; margin: 48px auto 30px;}
    .template-footer .solution a{display: block; margin: 0 0 20px; width: 240px; } 

    .template-footer .more-link .row{margin: 0; padding: 0 7.5px;}
    .template-footer .more-link .col-lg-2{padding: 0 7.5px; margin-bottom: 20px; flex: 0 0 50%; max-width: 50%;}
    .template-footer .more-link .col-lg-3{padding: 0 7.5px; width: 100%;  flex: 0 0 100%; max-width: 100%;}

    .template-footer .contacts{padding: 60px 15px 20px;}
    .template-footer .contacts .template-ti{font-size: 24px;}
    .template-footer .contacts .template-sti{font-size: 1px;}
    .template-footer .contacts .iconfont{font-size: 20px; color: #fff;}
    .template-footer .contacts a{color: #fff;}
    .template-footer .contacts .mail{background: #3c405f;}
    .template-footer .contacts .wechat{background: #3c405f;}

    .more-products{text-align: center; padding: 0; display: none;}

    /* 
        templateB
    */
    .templateB .rowD .col-lg-6 .con{width: 100%;}
    .GroupManage .box{height: auto;}

    /* 
         CloudServer
    */
    .CloudServer-banner{ margin-top: 60px; height: 400px; padding: 40px 15px;}
    .CloudServer-banner .ti {max-width: 100%; color: #FFF; margin: 0 auto 30px; font-size: 36px; font-weight: 500; color: #2663ff; display: block; text-align: center;} 
    .CloudServer-banner .text{max-width: 100%; margin: 5px auto; text-indent: 2em;}
    .CloudServer-banner .img{display: none;}

    .CloudServer .row{margin: 40px 0 0;}
    .CloudServer .one-pic{margin: 0;}
    .CloudServer .col-lg-2{padding: 0; margin-bottom: 0;}
    .CloudServer .col-lg-2 h5{margin: 10px 0;}

    .CloudServer-footer{ height: auto;  margin-top: -40px; padding: 20px 15px 40px;}
    .CloudServer-footer img{float: none; display: block; width: 60%; margin: 0 auto;}
    .CloudServer-footer .con{float: none; width: 100%; margin-top: 0; text-align: center;}
    .CloudServer-footer .con h5{ font-size: 36px; font-weight: 500; color: #2663ff; margin-bottom: 20px;}
    .CloudServer-footer .con p{ font-size: 16px; font-weight: 500; color: #fff; margin-bottom: 20px; letter-spacing: 1px;}
    .CloudServer-footer .more{display: inline-block; width: 150px; line-height: 44px; border: solid 1px #ddd; border-radius: 5px; text-align: center; text-decoration: none; font-size: 16px; color: #fff; transition: all .3s;} 
    .CloudServer-footer .more:hover{background: #2663ff; color: #fff; border: solid 1px #2663ff;}

    /* 
         CloudServer-Coordination
    */
    .CloudServer-Coordination{}
    .CloudServer-Coordination.banner{padding: 40px 15px;}
    .CloudServer-Coordination.banner .text{ width: 100%; margin-bottom: 30px;}
    .CloudServer-Coordination.banner .img{ width: 100%;}

    .CloudServer-Coordination.rowA{margin-top: 60px;}

    .CloudServer-Coordination .one-pic .img{margin-bottom: 60px;}
    .CloudServer-Coordination .one-pic .img:last-child{margin-bottom: 0;}

    .CloudServer-Coordination.LRimg{padding-bottom: 60px;}
    .CloudServer-Coordination .rowA{margin-top: 0;}
    .CloudServer-Coordination .rowB{margin-top: 0;}
    .CloudServer-Coordination .rowA .box,.CloudServer-Coordination .rowB .box{padding: 0;}
    .CloudServer-Coordination .rowA .con,.CloudServer-Coordination .rowB .con{margin-top: 50px;}
    .CloudServer-Coordination .conP{position: static; left: 0; top: 0; transform: translate(0,0); width: 100%; padding-left: 0;}
    .CloudServer-Coordination .conP h5{font-size: 26px;}
    .CloudServer-Coordination .conP h6{ margin: 15px 0 20px;}
    .CloudServer-Coordination .conP p{padding-left: 15px; position: relative;}
    .CloudServer-Coordination .conP p::after{content: ''; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; border-radius: 50%; background: #999; transform: translate(0,-50%);}

    .CloudServer-Coordination.bigData-c .con h5{font-size: 18px;}

    /* 
        CloudServer-TrainCloud banner
    */
    .CloudServer-TrainCloud.banner{background: url('../images/GroupManage/trainC-banner.png') center top no-repeat; position: relative;color: #FFF; background-size: cover; margin-top: 60px; height: 600px; padding: 10px 15px;}
    .CloudServer-TrainCloud.banner .right{float: none;display: block; width: 100%; transform: translate(0,80%); margin-bottom: 100px;}
    .CloudServer-TrainCloud.banner .font-img{margin-bottom: 20px; display: block; margin: 0 auto;}
    .CloudServer-TrainCloud.banner .text{line-height: 2em; display: none;}
    .CloudServer-TrainCloud.banner .img{width: 100%; float: none;}

    .CloudServer-TrainCloud.rowA .row{margin-top: 0;}
    .CloudServer-TrainCloud.rowA p{text-align: justify;}

    .CloudServer-TrainCloud .template-ti{margin-bottom: 50px;}
   
    .CloudServer-TrainCloud .conP h6{color: #2aa58d; margin: 20px 0 10px;}
    .CloudServer-TrainCloud .conP p{padding-left: 0; position: relative; text-align: justify; margin-bottom: 30px;}
    .CloudServer-TrainCloud .conP p::after{display: none;}

        
    /* 
        CloudServer-FinanceCloud
    */
    .CloudServer-FinanceCloud{}
    .CloudServer-FinanceCloud.banner{margin-top: 60px; height: auto; padding: 40px 15px 0;}
    .CloudServer-FinanceCloud.banner .ti{text-align: center;}
    .CloudServer-FinanceCloud.banner .text{ width:  100%; }
    .CloudServer-FinanceCloud.banner .img{position: static; left: 0; bottom: 0; transform: translate(0,-40%); width: 100%;}

    .CloudServer-FinanceCloud.MT{margin-top: -120px;}
    .CloudServer-FinanceCloud .rowA{margin-top: 0;}
    .CloudServer-FinanceCloud .rowA .col-lg-4{margin-bottom: 20px;}
    .CloudServer-FinanceCloud .rowA h5{margin: 10px 0 15px;}

    .CloudServer-FinanceCloud.sup{ padding: 60px 15px; }

    .CloudServer-FinanceCloud.LRimg{}
    .CloudServer-FinanceCloud.LRimg .template-ti{margin-bottom: 60px;}
    .CloudServer-FinanceCloud.LRimg .rowA,.CloudServer-FinanceCloud.LRimg .rowB{margin-bottom: 60px;}
    .CloudServer-FinanceCloud.LRimg .rowB:last-child{margin-bottom: 0;}
    .CloudServer-FinanceCloud.LRimg .box{position: relative;}
    .CloudServer-FinanceCloud.LRimg .rowA .con{position: static; left: 30px; top: 40%; transform: translate(0,0); width: 100%;}
    .CloudServer-FinanceCloud.LRimg .rowB .con{position: static; right: 30px; top: 40%; transform: translate(0,0); width: 100;}
    .CloudServer-FinanceCloud.moblie img{width: 50% !important; margin: 0 auto; display: block;}
    .CloudServer-FinanceCloud.moblie .rowA{margin-bottom: 60px; margin-top: 0;}
    .CloudServer-FinanceCloud.moblie .rowB{margin-bottom: 0; margin-top: 0;}
    .CloudServer-FinanceCloud.moblie-2{background: url('../images/GroupManage/FCbg02.jpg') center top no-repeat; position: relative;color: #FFF; background-size: cover; padding: 60px 0; }
    .CloudServer-FinanceCloud.moblie-2 h5{color: #fff;}
    .CloudServer-FinanceCloud.moblie-2 p{color: #fff; opacity: .7;}


    /* 
    CloudServer-Reimbursement
    */
    .CloudServer-Reimbursement{}
    .CloudServer-Reimbursement.banner{margin-top: 60px; padding: 60px 15px; height: auto;}
    .CloudServer-Reimbursement.banner .text{ width: 100%; }
    .CloudServer-Reimbursement.banner .img{position: static; transform: translate(0,0); width: 100%; margin-top: -120px;}

    .CloudServer-Reimbursement.MT{margin-top: -60px;}
    .CloudServer-Reimbursement.sup{ padding: 60px 15px 80PX;}

    .CloudServer-Reimbursement.LRimg .box{position: relative; padding: 0;}
    .CloudServer-Reimbursement.LRimg .rowA .con{position: static; left: 0; top: 0; transform: translate(0,0); width: 100%;}
    .CloudServer-Reimbursement.LRimg .rowB{margin: 60px 0;}
    .CloudServer-Reimbursement.LRimg .rowB .con{ width: 100%; margin:  20px 0 ;}

    .CloudServer-Reimbursement.moblie{padding: 60px 15px;}
    .CloudServer-Reimbursement.moblie .template-ti{color: #fff;}
    .CloudServer-Reimbursement.moblie .row{margin: 0 ;}
    .CloudServer-Reimbursement.moblie .col-lg-4{padding: 0 ;}
    .CloudServer-Reimbursement.moblie img{width: 60% !important; display: block; margin: 10px auto;}
    .CloudServer-Reimbursement.moblie .box{position: relative; padding-top: 0;}
    .CloudServer-Reimbursement.moblie .box h5{color: #fff;}
    .CloudServer-Reimbursement.moblie .box p{color: #fff;}

    

    /* 
        Cloud
    */
    .cloud-page{}
    .cloud-page .template-ti{font-size: 26px;}
    .cloud-page .template-sti{font-size: 20px;}
    .cloud-page .template-text p{ font-size: 16px;}

    .cloud-page .ECP{margin: 60px 0 ;}
    .cloud-page .ECP .col-lg-4{padding: 0 0; margin-bottom: 20px;}
    .cloud-page .ECP .con{width: 100%; }
    .cloud-page .ECP .con .img{position: relative;}
    .cloud-page .ECP .con img{width: 100%;}
    .cloud-page .ECP .con .img::after{content: ''; width:100%; height: 100%; opacity: .5; }
    .cloud-page .ECP .con .text{position: absolute; left: 0; top: 0; padding: 40px 44px; z-index: 3;}
    .cloud-page .ECP .con .text h5{font-size: 24px; }
    .cloud-page .ECP .con .text p{font-size: 16px;}
    .cloud-page .ECP .con .tem-more{ width: 180px; line-height: 50px;  font-size: 20px; opacity: 1;}
    .cloud-page .ECP .con:hover .tem-more{transform: translate(-50%,0);}
    .cloud-page .ECP .con:hover .img::after{opacity: .5;}

    .cloud-page .one-pic{display: table; margin: 0 auto;}
    .cloud-page .one-pic img{width: 100%;   }
    .cloud-page .features{padding: 0; height: auto;}
    .cloud-page .features .img{display: none;}
    .cloud-page .features .left{margin-bottom: 40px;}
    .cloud-page .features .left,.cloud-page .features .right{float: none;}
    .cloud-page .features .text{margin-bottom: 40px;}
    .cloud-page .features .text:last-child{margin-bottom: 0;}
    .cloud-page .features .text h5{margin-bottom: 20px;}

    .cloud-page.mainbox-gray{background: #f1f4f9;}
    .cloud-page .index-row{margin: 60px 0 0;}
    .cloud-page .index-row .col-lg-6{padding: 0 0; margin-bottom: 30px;}
    .cloud-page .index-row .col-lg-6:nth-last-child(1){margin-bottom: 0;}
    .cloud-page .index-row .col-lg-6:nth-last-child(2){margin-bottom: 30px;}
    .cloud-page .index-row .box{ padding: 30px 15px;}
    .cloud-page .index-row .img{position: static; transform: translate(0,0); display: table; margin: 0 auto 30px;}
    .cloud-page .index-row .con{ padding: 0;}
    .cloud-page .index-row .con h5{ text-align: center;}
    .cloud-page .index-row .con p{ text-align: justify; text-indent: 2em;}

    .cloud-page .template-text.center{width: 100%;}
    .cloud-page .JTpic{width: 100%;}
    .cloud-page .JTpic img{width: 100%;}
    #cloud-honor{width: 100%;}
    .cloud-page .based-advantage{flex-wrap: wrap;}
    .cloud-page .based-advantage .li{flex:  0 0 100%; max-width: 100%;}
    .cloud-page .index-row.AIS .col-lg-4{padding: 0;}
    .cloud-page .based-advantage .li.col-4{flex: 0 0 100%; min-width: 100%;}

    .cloud-banner{height: auto; background: #012569; }
    .cloud-banner .text{position: static; padding: 20px 30px 40px; transform: translate(0,0);}
    .cloud-banner .text h5{font-size: 20px; position: absolute; left: 0; top: 0; display: none;}
    .cloud-banner .text h6{font-size: 18px; margin-top: 0; margin-bottom: 10px; line-height: 1.5em;}
    .cloud-banner .text p{font-size: 14px;}
    .cloud-banner .mb-h5{position: absolute; left: 30px; top: 20%; font-size: 20px; color: #fff; display: block; font-weight: 600;}
    .cloud-banner img{height: auto;}
    .cloud-banner.index-banner{background: #232426;}
    .cloud-banner.index-banner .swiper-slide{background: #232426; position: relative;}

    .cloud-header{position: fixed; background: #fff;z-index: 999; }
    .cloud-header .container{width: 100%;}
    .cloud-header .logo img {filter: none;}
    .cloud-header .menu{float: none; position: absolute; left: 0; top: 60px; width: 100%; height: auto; z-index: 9; background: #ffff; border-bottom: 1px solid #ddd; display: none;}
    .cloud-header .menu li{display: block; margin: 0; padding: 10px;}
    .cloud-header .menu li a{color: #888; font-size: 20px; padding: 0 20px; background: #fff; opacity: 1; margin-bottom: 0;border-radius: 12px;}
    .cloud-header .menu li a.active{color: #fff; background: #2663ff;}
    .cloud-header #cloudMenu{display: block; position: absolute; top: 0; right: 0; width: 60px; line-height: 60px; text-align: center;}
    .cloud-header #cloudMenu i{font-size: 30px; color: #000;}

    .cloud-banner.index-banner{margin-top: 60px;}
    .cloud-banner .text{height: 100%;}
    .cloud-banner .PCH6{display: block !important;}
    

    .cloud-page .JT{ margin: 60px 0; width: 100%;}
    .cloud-page .JT .box{width: 100%; height: auto; border-radius: 100px; padding: 20px;}
    .cloud-page .JT .box .center::after{display: none;}
    .cloud-page .JT .box .center{position: static; transform: none !important; margin: 0 auto;  margin-bottom: 40px !important;}
    .cloud-page .JT .box .top{position: static; transform: none !important; margin-bottom: 40px !important;  padding-bottom: 30px; border-bottom: solid 1px #ddd;}
    .cloud-page .JT .box .li{position: static !important; transform: none !important; margin-bottom: 40px !important; padding-bottom: 30px; border-bottom: solid 1px #ddd; width: 100% !important;}
    .cloud-page .JT .box .li:last-child{border: none !important; padding-bottom: 0 !important;}
    .cloud-page .JT .box .logo{float: none !important;  transform: none !important; display: table; margin: 0 auto 30px !important;}
    .cloud-page .JT .box .text{position: static !important; float: none !important; transform: none !important; margin: 0 !important; width: 100% !important;}
    .cloud-page .JT .box .text h5{text-align: center !important; }
    .cloud-page .JT .box .text p{text-align: center !important; }
    
    .cloud-page .ECP .NWbox{width: 100%;}
    .cloud-page .ECP .NWbox img{width: 100%;}

    .cloud-page .ECPB{margin: 0 0 -90px;}
    .cloud-page .ECPB .DSbox{text-align: center; padding: 30px 15px !important;}
    .cloud-page .ECPB .col-lg-6{padding: 0;}
    .cloud-page .ECPB .DSbox .img{position: static; transform: none; margin-bottom: 30px;}
    .cloud-page .ECPB .DSbox{padding: 0;}

    .cloud-page .ECPC{margin: 60px 0 -30px;}
    .cloud-page .ECPC .col-lg-3{padding: 0; margin-bottom: 30px;}
    .cloud-page .ECPC .DSbox{width: 100%;}
    .cloud-page .ECPC .DSbox img{max-width: 100%;}
    .cloud-page .cardRow{margin: 0;}
    .cloud-page .cardRow .col-12{flex: 0 0 100%; max-width: 100%; margin-bottom: 30px; padding: 0;}
    .cloud-page .ECP .col-lg-3{margin-bottom: 30px;}
    .lbswi .IN-next{display: none;}
    .lbswi .IN-prev{display: none;}


    .cloud-Posi{ display: none;}

    .cloud-page .based-advantage{overflow: hidden; margin-top: 20px; height: auto;}
    .cloud-page .based-advantage .li{float: none; width: 100%;  padding: 50px 30px 40px;}

    .based-DevOps .li{float: none; width: 100%;}
    .based-DevOps img{width: 100%;}
    .based-DevOps .li h5{font-size: 16px;}

    .cloud-page .index-row.auto{ margin: 60px 0 0;}
    .cloud-page .index-row.auto .col-lg-6{ padding: 0 0; }
    .cloud-page .index-row.auto .con{padding: 0;}

    .cloud-page .index-row.AIS{ margin: 60px 0 0;}
    .cloud-page .index-row.AIS .col-lg-6{ padding: 0 ; margin-bottom: 30PX;}
    .cloud-page .index-row.AIS .box{background: #fff; box-shadow: none; border: solid 1px #e5e5e5; padding: 50px 40px; text-align: center;}
    .cloud-page .index-row.AIS .con{padding: 0;}
    .cloud-page .index-row.AIS .img{position: static; transform: none; margin-bottom: 30px;}

    .cloud-service{height: auto; padding: 60px 15px;}
    .cloud-service .con{position: static;  transform: none; text-align: center; width: 100%;}
    .cloud-service .con h5{ margin-bottom: 30px;}

    .cloud-page .tianlu{padding: 60px 0 0; position: relative;}
    .cloud-page .tianlu img{width: 100%; height: 100px; object-position: left; object-fit: cover;}
    .cloud-page .tianlu .img:nth-child(2){margin-left: 0;}
    .cloud-page .tianlu .img:nth-child(3){margin-left: 0;}
    .cloud-page .tianlu .img:nth-child(1) p{left: 0; transform: translate(0,-50%); padding: 20px;}
    .cloud-page .tianlu .img:nth-child(2) p{left: 0; transform: translate(0,-50%); padding: 20px;}
    .cloud-page .tianlu .img:nth-child(3) p{left: 0; transform: translate(0,-50%); padding: 20px;}
    .cloud-page .tianlu .TLimg{display: none;}

    .cloud-page .ProcessManagement{border-top: solid 12px #f1f4f9; display: flex; flex-wrap: wrap; margin: 60px 0 0 ;}
    .cloud-page .ProcessManagement .li{flex: 0 0 100%; min-width: 100%; height: auto; padding: 40px 15px;}
    .cloud-page .ProcessManagement .li:nth-child(odd)::after{ display: none;}
    .cloud-page .ProcessManagement .li p{position: static;  transform: unset; font-size: 16px; color: #333; width: 100%; text-align: center; line-height: 2em;}
    .cloud-page .ProcessManagement .li:nth-child(1)::before{display: none;}
    .cloud-page .ProcessManagement .li:nth-child(3)::before{display: none;}
    .cloud-page .ProcessManagement .li:nth-child(4)::before{display: none;}

    .cloud-page .APP{ margin: 60px 0 0;}
    .cloud-page .APP .col-lg-3{ padding: 0 0; margin-bottom: 30px;}

    .cloud-page .DIS{ position: relative; margin-top: 60px;}
    .cloud-page .DIS .li{width: 100%; overflow: hidden;}
    .cloud-page .DIS .con{width: 100%; display: block;  margin-bottom: 30px;}
    .cloud-page .DIS .con:nth-child(odd){float: none; margin-bottom: 40px;}
    .cloud-page .DIS .con:nth-child(even){float: none;}
    .cloud-page .DIS .li h5{ margin-bottom: 20px;}
    .cloud-page .DIS .li p{ line-height: 2em;}
    .cloud-page .DIS .img{display: none;}

    .cloud-page .AIS .col-lg-3{margin-bottom: 30px; padding: 0;}
     .cloud-page .index-row.AID .col-lg-6:nth-last-child(2){margin-bottom: 50px;}

    .cloud-page .AIsevice{}
    .cloud-page .AIsevice .col-lg-6{ margin-bottom: 0 !important;}
    .cloud-page .AIsevice .img{width: 100%; position: static; transform: none;}
    .cloud-page .AIsevice img{width: 100%; height: 200px; object-fit: cover; object-position: center;}


    /* 
        bigData
    */
    .bigData .one-pic{padding: 0;}
    .bigData .col-lg-4{padding: 0;}
    .bigData-Assess .con{height: auto !important; padding: 25px !important;}
    .bigData-Assess .col-lg-3{margin-bottom: 30px; padding: 0;}
    .bigData-Assess .col-lg-3{margin-bottom: 30px; padding: 0;}
    .bigData-Assess .col-lg-3:last-child{margin-bottom: 0;}
    .bigData-Assess .col-lg-3 .con{height: auto !important;}
    
    .bigData-Assess .rowD{padding: 0 5px;}
    .bigData-Assess .tab-content .con{height: auto;}
    .bigData-Assess .col-lg-4 .con{height: auto !important; padding: 25px !important;}
    .bigData-Assess .col-lg-4{margin-bottom: 30px; padding: 0 !important ;}
    .bigData-Assess .col-lg-4:last-child{margin-bottom: 0;}
    .bigData-Assess .col-lg-3{margin-bottom: 30px; padding: 0;}
    .bigData-Assess .col-lg-3:last-child{margin-bottom: 0;}

    .bigData-b .col-lg-6{margin-bottom: 30px; padding: 0;}
    .bigData-b .col-lg-6:last-child{margin-bottom: 0;}
    .bigData-b .col-lg-6 .con{height: auto;}
    .bigData-b .rowD{padding: 5px;}
    .bigData-b .col-lg-3{margin-bottom: 30px; padding: 0;}
    .bigData-b .col-lg-3:last-child{margin-bottom: 0;}

    .bigData-c .col-lg-6 .box{height:auto;}
    .bigData-c .col-lg-4 .con{height: auto;}
    .bigData-c .col-lg-3{margin-bottom: 30px; padding: 0;}
    .bigData-c .col-lg-3:last-child{margin-bottom: 0;}
    .bigData-c .rowD{padding: 5px;}
    .bigData-c .col-lg-3 .con{height: auto; }

    .bigData-d .col-lg-6 .box{height: auto;}
    .bigData-d .col-lg-4{padding: 0 !important;}
    .bigData-d .col-lg-3 .con{height: auto;}
    .bigData-d .col-lg-4 .con{height: auto !important; padding: 25px !important;}
    .bigData-d .col-lg-4 .con.h240{height: auto !important;}
    .bigData-d .col-lg-4 .con.h300{height: auto !important;}
    .bigData-d .col-lg-3{margin-bottom: 30px; padding: 0;}
    .bigData-d .col-lg-3:last-child{margin-bottom: 0;}
    .bigData-d .rowD{padding: 5px;}

    .bigData-e .col-lg-6 .box{height: auto;}
    .bigData-e .rowA{margin: 60px 0 0;}
    .bigData-e .col-lg-4{margin-bottom: 30px; padding: 0  !important;}

    .bigData-f .rowA{margin: 60px -15px 0;}
    .bigData-f .col-lg-4{margin-bottom: 30px; padding: 0 15px !important;}
    .bigData-f .col-lg-6 .box{height: auto;}
    .bigData-f .col-lg-4 .con{height: auto !important; padding: 25px !important;}

    .h130{height: auto !important;}
    .h150{height: auto !important;}
    .h160{height: auto !important;}
    .h180{height: auto !important;}
    .h190{height: auto !important;}
    .h200{height: auto !important;}
    .h240{height: auto !important;}
    .h260{height: auto !important;}
    .h280{height: auto !important;}
    .h300{height: auto !important;}
    .h320{height: auto !important;}
    .h360{height: auto !important;}
    .h400{height: auto !important;}
    .h420{height: auto !important;}
    .h500{height: auto !important;}
    .h550{height: auto !important;}
    .h600{height: auto !important;}
    .h700{height: auto !important;}


    /*
        Scanner
    */
    .Scanner{padding: 60px 15px !important;}
    .Scanner .rowE{}
    .Scanner .rowE-2 .col-lg-6{margin-top: 120px;}
    .Scanner .rowE-2 .col-lg-6:nth-child(1){margin-top: 30px;}
    .Scanner .rowE-2 .col-lg-6:nth-child(2){margin-top: 120px;}
    .Scanner .rowE-2 h5{font-size: 15px !important; font-weight: 600 !important;}
    .Scanner .rowE-3 .box{padding: 10px 30px 30px 30px;}
    .Scanner .rowE-3{margin-top: 30px;}
    .Scanner .rowE-3 .col-lg-6{margin-top: 30px;}

    /* 
        Wen
    */
    .WenWen{}
    .WenWen .table{text-align: left;}
    .WenWen .table tr{display: block; margin-bottom: 20px; border-bottom: 1px solid #ededed;}
    .WenWen .table th{ display: block;padding: 10px 20px; }
    .WenWen .table td{padding: 20px;  display: block;}


    /* 
        Affairs
    */
    .Affairs .rowD{margin: 60px -15px 0;}
    .Affairs .box{height: auto;}

    .RiskControl .rowD .h-box{height: auto;}
    .RiskControl .RiskRow{width: 100%;}


    /* 
        SmartMedia
    */
    .SmartMedia{}
    .SmartMedia .con{height: auto;}

    /* 
        Merchant
    */
    .Merchant{margin: 40px 0 0;}
    .Merchant .box{padding: 30px; overflow: hidden; background: #fff; border: solid 1px #ededed; display: block; transition: all .3s; margin-bottom: 30px; text-align: center;}
    .Merchant a.box:hover{background: #f9f9f9;}
    .Merchant .img{float: none;margin-right: 0;}
    .Merchant img{width: 120px; height: 120px;}
    .Merchant .con{float: none; width: 100%;}
    .Merchant .con h5{margin: 5px 0 20px; text-align: center;}
    .Merchant .con p{text-align: justify;}


    /* 
        Agriculture
    */
    .Agriculture{}
    .Agriculture .col-lg-3{margin-bottom: 30px; padding: 0;}
    .Agriculture .con{height: auto; padding: 15px !important;}

    .FinancialSharing .swiper-con .box{height: auto !important; min-height: auto; padding: 15px;}
    .FinancialSharing .swiper-con .con{height: auto; padding: 0 !important;}

    .Report .rowD {padding: 0;}
    .Report .rowD .con{ height: auto;}

    .Trave .col-lg-6{margin-bottom: 100px;}
    .Trave .col-lg-6:nth-child(3){margin-bottom: 100px;}
    .Trave .col-lg-6:nth-child(4){margin-bottom: 0;}
    .Trave .col-lg-6 .box{height: auto;}
    .Trave .rowD {margin-top: 40px; padding: 0;}
    .Trave .rowD .con{ height: auto;}

    
    /* 
        Finance
    */
    .Finance{}
    .Finance .box{ height: auto;}


    /* 
        Risk
    */
    .Risk{}
    .Risk .box{padding: 20px !important; height: auto;}
    .Risk .con{width: 100% !important; float: none;}
    .Risk .con h5{ margin-bottom: 0 !important; text-align: center;}
    .Risk .con .down{position: static; display: block; margin: 20px auto 10px; border-radius: 5px;}


    /* 
        index
    */
    .index-banner{ margin-top: 0;}
    .index-banner img{width: 100% ;}
    .index-banner .swiper-button-next,.index-banner .swiper-button-prev{display: none;}
    .index-banner .swiper-pagination-bullets{bottom: 10px;}

    .index-about{padding-bottom: 0;}
    .index-about .template-ti{font-size: 24px;}

    #index-news{width: 100%; padding: 60px 0;}

    .index-products .nav{width: 100%;}

    .index-Recommend{padding-bottom: 20px;}
    .index-Recommend .row{margin: 60px 0 0;}
    .index-Recommend .col-lg-6{padding: 0; margin-bottom: 60px;}
    .index-Recommend .col-lg-6:last-child{margin-bottom: 0;}

    .index-products .nav{margin: 60px 0 10px;}
    .index-products {padding-bottom: 20px;}
    .index-products .nav .nav-link{width: 50%; margin-bottom: 20px;}
    .index-products .imgBg{width: 100%; height: auto;}
    .index-products .text{position: static; width: 100%; padding: 60px 20px;}
    .index-products .text h5{text-align: center;}
    .index-products .tem-more{margin: 30px auto 0 !important;}

    .index-news{padding: 60px 0 0;}
    #index-news{padding: 0 15px 60px;}
    .index-news .swiper-button-next, .index-news .swiper-button-prev{display: none;}

    .index-Cus{}
    .index-Cus .logoList{margin-bottom: 0;}
    .index-Cus .logoList li{width: 50%;}
    .index-Cus .logoList img{width: 100%;}
    .index-Cus .tem-more{margin-top: 0 !important;}

    /* 
        footer
    */
    .footer .container{width: 100%;}
    .footer .top{padding: 60px 20px 0; }
    .footer .menu-list{float: none; margin-right: 0; margin-bottom: 40px;}
    .footer .menu-list:last-child{float: none; margin-right: 0;}
    .footer .menu-list .link{display: none;}
    .footer .menu-list h5{font-size: 16px; color: #fff; margin-bottom: 30px; line-height: 1em; position: relative;}
    .footer .menu-list a.link{display: none;}
    .footer .menu-list h5.link{display: block;}
    .footer .menu-list h5::after{content: '\e603'; font-family: 'iconfont'; display: block; position: absolute; right: 0; top: 0; transition: all .3s;}
    .footer .menu-list h5.active::after{transform: rotate(180deg);}
    .footer .menu-list ul{display: none;}
    .footer .menu-list ul li{line-height: 2em; margin-bottom: 10px; font-size: 14px; color: #878e97;}
    .footer .menu-list img{margin: 0 auto; display: none;}
    .footer .bottom{line-height: 2.5em; text-align: center; padding: 20px;}
    .footer .bottom .copy{float: none;}
    .footer .bottom .LM{float: none;}


    /* 
        tem-service
    */
    .tem-service .table-area{overflow: scroll;}
    .tem-service .table {width: 1000px; text-align: left;}
    .slide-tips{display: block; padding-bottom: 10px; font-size: 14px;}


    /* 
        page-banner
    */
    .page-banner{margin-top: 0;}
    .page-banner img{width: 100%; height: 160px; object-fit: cover; object-position: center ;}


    /* 
        about-page
    */
    .about-page{overflow: hidden;}
    .about-page.mainbox-gray{padding-bottom: 50px;}
    .about-page .template-ti{margin-bottom: 40px;}
    .about-page .img{float: none; margin-bottom: 20px;}
    .about-page .img img{width: 100%;}
    .about-page .text{float: none; width: 100%; padding-left: 0; border-left: none;}
    .about-page .logo{margin: -10px auto 30px; display: table; }
    .about-page .row{margin: 0 ;}
    .about-page .col-lg-4{padding: 0;  margin-bottom: 15px;}


    /* 
        team-page
    */
    .team-page .containerA{width: 100%;}
    .team-page .text{margin-top: 40px;}
    .team-page .text p{color: #666; line-height: 2em; margin-bottom: 15px; text-align: justify ; text-indent: 2em;}
    .team-page .intro{overflow: hidden; padding: 0 0 30px;}
    .team-page .intro .pic{float: none; box-shadow: none; margin-bottom: 20px;}
    .team-page .intro .pic img{width: 100%;}
    .team-page .intro .con{float: none; width: 100%;}
    .team-page .intro .con h5{font-size: 18px; padding-bottom: 20px;  margin-bottom: 25px;}
    .team-page .intro .con h5::after{width: 60px;}


    /* 
        histroy-page
    */
    .histroy-page{padding: 60px 0  0;}
    .histroy-page .histroy-box{overflow: hidden; position: relative; padding: 40px 0 0; margin: 0 0 0;}
    .histroy-page .histroy-box::after{display: none;}
    .histroy-page .content-list{overflow: hidden; width: 100%; margin: 0 0 60px; position: relative; border-bottom: 1px solid #e6e6e6;}
    .histroy-page .content-list .img{ display: table; margin: 0 auto;}
    .histroy-page .content-list .img img{width: 140px;}
    .histroy-page .content-list .con{width: 100%; padding: 15px 15px 40px; position: relative;}
    .histroy-page .content-list .con h5{font-size: 30px; margin-bottom: 30px; text-align: center;}
    .histroy-page .content-list .con h6{font-size: 20px;  margin-bottom: 20px; text-align: center;}
    .histroy-page .content-list .con p{font-size: 16px; color: #666; line-height: 2em; text-align: justify;}
    .histroy-page .content-list:nth-child(odd){float: none;}
    .histroy-page .content-list:nth-child(odd) .img{float: none;}
    .histroy-page .content-list:nth-child(odd) .con{float: none;}
    .histroy-page .content-list:nth-child(odd) .con h5{text-align: center;}
    .histroy-page .content-list:nth-child(even){float: none;}
    .histroy-page .content-list:nth-child(even) .img{float: none;}
    .histroy-page .content-list:nth-child(even) .con{float: none;}
    .histroy-page .content-list:nth-child(odd) .con::before{display: none;}
    .histroy-page .content-list:nth-child(even) .con::before{display: none;}


    /* 
        honor-page
    */
    .honor-page .honor-box{padding: 0;}
    .honor-page .row{margin: 0;}
    .honor-page .col-lg-4{padding: 0; margin-bottom: 20px;}
    .honor-page .box{box-shadow: none; padding: 30px 20px;  box-shadow: 0 0 20px #ededed;}
    .honor-page .con{ text-align: center; box-shadow: none; padding: 0;}
    .honor-page .img img{max-height: auto; width: 100%;}


    /* 
        customer-page
    */
    .customer-page{}
    .customer-page .template-text{width: 100%; margin: 30px auto 60px;}
    .customer-page .logo-area{}
    .customer-page .nav{margin: 60px auto 20px; display: table;}
    .customer-page .nav-link{ min-width: 100%; border-radius: 10px; background: #ededed; border-right: none; margin-bottom: 10px;}
    .customer-page .nav-link:first-child{border-radius: 10px;}
    .customer-page .nav-link:last-child{border-radius: 10px; border: none;}
    .customer-page .nav-link.active{background: #2663ff;}
    .customer-page .logo-box{overflow: hidden;}
    .customer-page .logo-box li{flex:  0 0 50%; max-width: 50%; text-align: center; margin: 0 0 10px;}
    .customer-page .logo-box li img{width: 100%;}


    /* 
        culture-page
    */
    .culture-page{margin-top: 0;}
    .culture-page .swiper-container{padding-top: 0;}

    #cultural-platform{padding-bottom: 50px;}
    #cultural-platform .box{}
    #cultural-platform .pic-area{float: none; width: 100%;}
    #cultural-platform .pic-area img{object-fit: cover; object-position: center;}
    #cultural-platform .pic-area .bigPic{width: 100%; float: none; margin: 30px 0 6px;}
    #cultural-platform .pic-area .bigPic img{width: 100%; height: auto;}
    #cultural-platform .pic-area .smPic{width: 100%; float: none; padding-left: 0; display: flex; } 
    #cultural-platform .pic-area .smPic img{width: 50%; float: none; height: 180px; object-fit: cover; object-position: center;}
    #cultural-platform .pic-area .smPic img:first-child{border-right: 2.5px solid #fff;}
    #cultural-platform .pic-area .smPic img:last-child{border-left: 2.5px solid #fff;}
    #cultural-platform .text-area{ float: none; width: 100%; margin-top: 0;}
    #cultural-platform .text-area .text{height: 100%; display: none;}

    #cultural-activity{width: 100%;}
    #cultural-activity .box{height: 300px;}
    #cultural-activity .swiper-slide{ text-align: center; padding: 0 ;}
    #cultural-activity .swiper-slide-active{z-index: 999;}
    #cultural-activity .img{width: 100%;}
    #cultural-activity .img img{width: 100%;  height: 140px; object-fit: cover; object-position: center;  -webkit-filter: brightness(.5);  transition: all .2s;}
    #cultural-activity .swiper-slide-active img{width: 100%; height: 200px;  -webkit-filter: brightness(1);  transition: all .2s;}
    #cultural-activity h5{padding: 30px 0 15px; font-size: 24px; border-bottom: solid 4px #b5bac6; display: inline-block; opacity: 0; }
    #cultural-activity .swiper-slide-active h5{opacity: 1;}
    .CA-next,.CA-prev{display: block;}
    .CA-next .iconfont,.CA-prev .iconfont{color: #fff; font-size: 30px;}
    .CA-next{right: 20px;}
    .CA-prev{left: 20px;}


    /* 
        news-page
    */
    .news-page{padding: 40px 15px; }
    .news-page .container{width: 100%;}
    .news-page .newest a{display: block; transition: all .3s; }
    .news-page .newest .img{width: 100%; float: none; height: auto;}
    .news-page .newest .img img{width: 100%; height: auto;}
    .news-page .newest .con{width: 100%; float: none; padding: 25px; height: auto; }
    .news-page .newest .con h5{font-size: 24px;}
    .news-page .newest .con h6{font-size: 16px;}
    .news-page .newest .con p{font-size: 14px; }
    .news-page .newest .con span{font-size: 16px;  right: 0; top: -42px; line-height: 42px; bottom: auto;}

    .news-page .row{margin: 40px 0 0;}
    .news-page .col-lg-4{padding: 0 0; margin-bottom: 20px;}
    .news-page .row a{display: block; transition: all .3s; box-shadow:  0 0 12px #e5edf6;}
    .news-page .row a:hover{transform: translate(0,-10px);}
    .news-page .row .img{width: 100%;}
    .news-page .row .img img{width: 100%; height: auto; }
    .news-page .row .con{height: auto; padding: 25px;}

    .news-page-search.page-banner{overflow: unset;}
    .news-page-search.page-banner .search-area{ left: 50%; bottom: 0; transform: translate(-50%,30px); width: 94%; box-shadow: 0 4px 12px rgba(218, 228, 245, .6);}
    .news-page-search.page-banner .search-area .input{width: 100%; }
    .news-page-search.page-banner .search-area .button{width: 100px; }
    .news-page-search .row .con p{-webkit-line-clamp: 5;}

    .class-menu{padding: 0 15px; position: static; height: 60PX;}
    .class-menu .menu{float: none;}
    .class-menu .menu .show-item{float: none; width: 100%;  overflow: hidden; border: none;}
    .class-menu .menu .show-menu{float: none; width: 100%; }
    .class-menu .menu .show-item h5{display: none;}
    .class-menu .menu .show-item .show-menu{font: none;}
    .class-menu .menu .show-item .show-menu li{width: 25%; display: block;}
    .class-menu .menu .show-item .show-menu a{font-size: 14px; padding: 0 ; width: 100%; display: block; text-align: center;}  
    .class-menu .drop-item:nth-child(2){display: none}
    .class-menu .drop-item:nth-child(3){display: none}
    .newsDetail .share{display: none;}
    .class-menu .ti{display: none;}
    .class-menu .containerA .drop-item:nth-child(2){display: block;}
    .class-menu .containerA .drop-emnu{display: block;} 

    /* 
        pagiGroup
    */
    .pagiGroup li{ margin: 0 5px 10px;}


    /* 
        responsibility-page
    */
    .responsibility-page .container{width: 100%;}
    .responsibility-page .row{margin: 60px 0 0;}
    .responsibility-page .col-lg-6{padding: 0 ; margin-bottom: 20px;}
    .responsibility-page .col-lg-3{padding: 0 ; margin-bottom: 20px;}
    .responsibility-page .img{margin-bottom: 20px;}
    .responsibility-page .img img{width: 100%;}


    /* 
        investor-page
    */
    .investor-page .containerA{width: 100%;}
    .investor-page .company{width: 100%; float: none;}
    .investor-page .shares{width: 100%; float: none; padding-left: 0;}
    .investor-page .containerA .template-ti{text-align: left; margin-bottom: 40px;}
    .investor-page .company .ul li{width: 100%; line-height: 44px;  position: relative; padding-left: 164px;}
    .investor-page .company .ul li span{position: absolute; left: 0; top: 0; height: 100%;}
    .investor-page .shares{margin-top: 60px;}
    .investor-page .shares .shares-li{ margin-bottom: 20px;}
    .investor-page .shares .shares-li h5{background: #16202d; color: #fff; line-height: 44px; text-align: center;}
    .investor-page .shares .shares-li .img{ height: auto; width: 100%; padding: 10px;}
    .investor-page .shares .shares-li img{ height: auto; width: 100%;}

    .investor-page .one-pic{width: 100%; display: table; margin: 0 auto 0; overflow: scroll;}
    .investor-page .one-pic img{width: 100%;}

    .investor-page .record-sheet .row{margin: 60px 0 0;}
    .investor-page .record-sheet .col-xl-4{padding: 0 0; margin-bottom: 20px;}
    .investor-page .record-sheet .con .time{background: #2b68ff; width: 72px; height: 72px; text-align: center; padding-top: 6px; position: absolute; left: 20px; top: 20px;  transition: all .3s;}
    .investor-page .record-sheet .con .time h6{font-size: 24px;}
    .investor-page .record-sheet .con .ti{  font-size: 16px; }


    .investor-page .notice{}
    .investor-page .notice .row{margin:0 0 0;}
    .investor-page .notice .col-lg-6{padding: 0 0; margin-bottom: 60px;}
    .investor-page .notice .col-lg-6:last-child{ margin-bottom: 0;}

    .investor-page .Inpage-area{display: block;}
    .investor-page .Inpage-area .left-area{flex: 0 0 100%; min-width: 100%; margin-bottom: 40px;}
    .investor-page .Inpage-area .right-area{margin-left: 0; flex: 0 0 100%; min-width: 100%;}
    .investor-page .Inpage-area .mb-table{width: 100%; overflow-x: scroll;}
    .investor-page .Inpage-area .mb-table .table{ width: 820px;}
    .investor-page .Inpage-area .table thead{background: none;}
    .investor-page.WenWen .mb-table  .table{display: block;}
    .investor-page.WenWen .mb-table  .table thead{}
    .investor-page.WenWen .mb-table  .table th{display: table-cell; }
    .investor-page.WenWen .mb-table  .table td{display: table-cell;}
    .investor-page.WenWen .mb-table  .table tr{margin-bottom: 0; display: table-row;}
    .investor-page.WenWen .w140{width: 100%;}



    /* 
        contact-page
    */
    .contact-page .company .box{width: 100%; float: none; margin-bottom: 20px;}
    .contact-page .company .box:nth-child(n+3){margin-bottom: 0;}
    .contact-page .company .box .img{position: static; margin-bottom: 20px;}
    .contact-page .company .box img{width: 100%;}
    .contact-page .company .box .con{padding: 0 ;}
    .contact-page .company .box .con:nth-child(even){padding-right: 0;}

    .contact-page .rowA{margin: 80px -15px 0;}
    .contact-page .col-lg-4{padding: 0 15px;}
    .contact-page .rowA a{color: #888; margin-bottom: 20px; display: block;}
    .contact-page .rowA a:hover{color: #2b68ff;}

    .contact-page .contact-co{ width: 100%; height: auto;  margin: 0 auto; padding: 60px 15px;  background-size: cover; background-position:  center;}
    .contact-page .contact-co h5{font-size: 30px; color: #fff;}

    .contact-page .map .nav{border-top: none;}
    .contact-page .map .nav-item{width: 50%;border-top: solid 1px #ddd;}

    .contact-page .map .row{margin: 0 ;}
    .contact-page .map .col-lg-4{padding: 0 ; margin-bottom: 20px;}


    /* 
        commerce-page
    */
    .commerce-page .template-text{width: 100%;display: table; margin: 30px auto 0;}
    .commerce-page .one-pic{display: table; margin: 60px auto 0;}
    .commerce-page .one-pic img{width: 100%;}
    .commerce-page .rowA p{ text-align: justify;}

    .commerce-page .process{display: block; margin: 60px 0 0;}
    .commerce-page .process .list{flex: 0 0 100%; max-width: 100%; margin-bottom: 40px;}
    .commerce-page .process .icon::after{display: none;}
    .commerce-page .process .icon::before{display: none;}


    /* 
        impression-page
    */
    .impression-page .nav-item{display: inline-block; width: 50%;}
    .impression-page .nav-link{ min-width: 100%; text-align: center; padding: 0 20px; font-size: 16px;border-right: none; display: block;}
    .impression-page .nav-item:first-child .nav-link{border-radius: 0;}
    .impression-page .nav-item:last-child .nav-link{border-radius: 0; border: none;}

    .impression-page .one-pic{display: table; margin: 60px auto 0;}
    .impression-page .one-pic img{width: 100%;}

    .impression-page .train-system{margin: 120px 0 0; padding: 0 ;}
    .impression-page .train-system .col-lg-6{padding: 0 0; margin-bottom: 130px;}
    .impression-page .train-system .box{height: auto !important; padding: 106px 15px 0 !important;}
    .impression-page .train-system .job{height: auto; width: 100%;}
    .impression-page .train-system .job li{width: 100%; }
    .impression-page .train-system .job li:last-child{margin-bottom: 0;}
    .impression-page .train-system .bottom{height: auto; }
    .impression-page .train-system .bottom .obligatory li{ flex: 0 0 100%; max-width: 100%; }

    .impression-page .train-pic{margin: 60px  0 0; padding: 0 ;} 
    .impression-page .train-pic .col-lg-6{padding: 0; margin-bottom: 30px;} 
    .impression-page .train-pic .col-lg-6:nth-last-child(1){margin-bottom: 0 ;}
    .impression-page .train-pic .col-lg-6:nth-last-child(2){margin-bottom: 30px; ;}
    .impression-page .train-pic .box{position: relative;width: 100%; height: auto; overflow: hidden;} 
    .impression-page .train-pic .img{position: static; left: 0 ; top: 0; z-index: 0; width: 100%;}
    .impression-page .train-pic .img img{width: 100%; height: auto; object-fit: cover; object-position: center;}
    .impression-page .train-pic .con{background: rgba(0, 0, 0, .6); position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; transition: all .5s;}
    .impression-page .train-pic .con h5{text-align: center; color: #fff; font-size: 20px; line-height: 60px;}
    .impression-page .train-pic .con p{ font-size: 14px;width: 90%;}
    .impression-page .train-pic .box:hover .con{height: 100%; padding:0;}

    .impression-page .template-text.w1000{ width: 100%;}
    .impression-page.work-tramsform .container{width: 100%;}
    .impression-page.work-tramsform .row{margin: 60px 0 0;}
    .impression-page.work-tramsform .col-lg-6{padding: 0 ; margin-bottom: 40px;}
    .impression-page.work-tramsform .col-lg-6:nth-child(n+3){margin-bottom: 40px;}
    .impression-page.work-tramsform .box{background: #fff; border: solid 1px #ddd; padding: 40px; height: auto;}
    .impression-page.work-tramsform .box .img{margin: 0 auto; display: table;}
    .impression-page.work-tramsform .box img{width: 100%;}

    .impression-page.work-story .container{width: 100%;}
    .impression-page.work-story .box-area{margin: 60px 0 0;}
    .impression-page.work-story .box-area .box{height: auto; }
    .impression-page.work-story .box-area .box .img{position: static;}
    .impression-page.work-story .box-area .box img{width: 100%;}
    .impression-page.work-story .box-area .con{position: static;  transform: translate(0,0); width: 100%; padding: 20px;}
    .impression-page.work-story .box-area .conB{width: auto; transform: translate(0,0);}
    .impression-page.work-story .box-area .li:nth-child(odd) .con{left: 0;}
    .impression-page.work-story .box-area .li:nth-child(even) .con{left: 0;}
    .impression-page.work-story .box-area .font-blue{width: 100%; }
    .impression-page.work-story .box-area .bottom-li .img img{width: 100%;}

    .impression-page.YG-gain .template-ti{margin-bottom: 50px;}
    .impression-page.YG-gain .container{width: 100%;}
    .impression-page.YG-gain .gain-area{margin-bottom: 60px;}
    .impression-page.YG-gain .gain-area:last-child{margin-bottom: 0;}
    .impression-page.YG-gain .row{margin: 0 -5px;}
    .impression-page.YG-gain .rowB{width: 100%; margin: 0 auto;}
    .impression-page.YG-gain .col-6{padding: 0 5px; margin-bottom: 10px;}
    .impression-page.YG-gain .box{width: 100%; height:auto; }
    .impression-page.YG-gain .icon{ width: 50px ; height: 50px;  line-height: 50px; }
    .impression-page.YG-gain .icon img{width: 100%; height: 100%;}
    .impression-page.YG-gain .box h5{font-size: 16px;}
    .impression-page.YG-gain .detail{display: none;}

    .impression-page .life-area{ width: 100%; margin: 0 auto 60px;}
    .impression-page .life-area:last-child{margin-bottom: 0;}
    .impression-page .life-area .nav{float: none; width: 100%;} 
    .impression-page .life-area .nav .nav-link{padding: 0; width: 100%; height: 128px; }
    .impression-page .life-area .nav .nav-link .box{padding: 0; width: 100%; height: 128px; }
    .impression-page .life-area .tab-content{float: none; width: 100%;}
    .impression-page .life-area .template-sti{margin-bottom: 40px;}

    .impression-page .life-area .swiper-button-next,.impression-page .life-area .swiper-button-prev{display: none;}
    .impression-page .life-area .swiper-container .box{width: 100%; height: 200px; position: relative;}

    .impression-page .life-area #Swiper6,.impression-page .life-area #Swiper7{width: 100%;}

    .CertificateQuery{}
    .CertificateQuery .container{width: 100%;}
    .CertificateQuery .searchBox{width: 100%; position: relative; margin: 40px auto;}
    .CertificateQuery .overTab{min-width: 100%; width: 100%; overflow-x: auto;}
    .CertificateQuery .overTab .table .thead-dark th{min-width: 120px;}
    .CertificateQuery .overTab .tips{text-align: center; color: #999; display: block;}



    /* 
        join-footer
    */
    .join-footer .row{margin: 40px -7.5px 0;}
    .join-footer .col-lg-2{padding: 0 7.5px; margin-bottom: 20px;}


    /* 
        societyJob
    */
    .societyJob.page-banner{overflow: unset;}
    .societyJob.page-banner .search-area{ left: 50%; bottom: 0; transform: translate(-50%,30px); width: 94%; box-shadow: 0 4px 12px rgba(218, 228, 245, .6);}
    .societyJob.page-banner .search-area .input{width: 100%; }
    .societyJob.page-banner .search-area .button{width: 100px; }

    .societyJob .ti{font-size: 20px;}
    .societyJob .left-menu{width: 100%; float: none;}
    .societyJob .left-menu .checkbox-group{margin-top: 10px; display: none;}

    .societyJob .job-area{width: 100%; float: none; padding: 40px 0 0; position: relative;}
    .societyJob .job-area .search-count{display: none;}
    .societyJob .label-wrapper .label{ display: none;}
    .societyJob .job-list{padding: 30px 20px;}
    .societyJob .job-list h5{font-size: 20px;}
    .societyJob .job-list .job-tips{margin-bottom: 15px;}
    .societyJob .job-list .job-tips span{display: block; border-right:  none; line-height: 2em; width: 100%;}
    .societyJob .job-list .apply{position: static; font-size: 16px; display: table; margin: 30px auto 0; width: 60%; text-align: center;}

    .societyJob .job-detail .content{padding-bottom: 20px; margin-bottom: 50px;}
    .societyJob .job-detail .job-title{font-size: 30px; line-height: 1.5em;}
    .societyJob .job-detail .job-tips{margin-bottom: 0;}
    .societyJob .job-detail .job-tips span{display: block; width: 100% ; line-height: 2em;}
    .societyJob .job-detail .apply{position: static; padding: 15px 50px; font-size: 16px; text-align: center; width: 60%; display: table; margin: 40px auto 20px;}
    .societyJob .job-rec{ margin: 60px 0 40px; }
    .societyJob .jobSearch{width: 100%;}
    .societyJob .jobSearch input{width: 100%;}

    /* 
        schoolJob
    */
    .schoolJob.mainbox{padding: 40px 15px 60px; overflow: auto;}
    .schoolJob .nav-link{min-width: 50%; margin: 2px;}
    .schoolJob .template-sti{margin-bottom: 60px;}
    
    .schoolJob .job-area{width: 100%; margin: 0 ; padding: 0;}
    .schoolJob .job-area .col-3{flex: 0 0 100%; max-width: 100%; padding: 0;}
    .schoolJob .job-area .col-9{flex: 0 0 100%; max-width: 100%; padding: 0;}
    .schoolJob .job-area .nav{ margin-bottom: 20px;} 

    .schoolJob table{width: 1100px; margin-top: 0;}

    .schoolJob .one-pic{width: 100%;}
    .schoolJob .one-pic img{width: 100%;}

    .schoolJob .quesiton-area{ width: 100%; padding: 40px 20px;}
    .schoolJob .quesiton-list{margin-bottom: 40px;}
    .schoolJob .quesiton-list .text{ padding: 20px;}


    /* 
        postdoctor-page
    */
    .postdoctor-page .container{ width: 100%;}
    .postdoctor-page .benefits{ width: 100%; padding-left: 0; margin-top: 40px;}
    .postdoctor-page .benefits .box{ width: 100%; padding: 30px 20px;}
    .postdoctor-page .benefits .box::after{display: none;}
    .postdoctor-page .benefits p{margin-bottom: 30px; color: #666; position: relative;}
    .postdoctor-page .benefits p::after{display: none;}
    .postdoctor-page .benefits p:nth-child(4){margin-bottom: 0;}
    .postdoctor-page .benefits img{position: static; right: 0; top: 0; margin-top: 20px;}
    .postdoctor-page .benefits img{height: 100%; width: 100%;}

    .postdoctor-page .one-pic img{width: 100%;}

    .postdoctor-page .job-info{margin-top: 40px;}
    .postdoctor-page .job-info .list{ padding: 30px 20px; }
    .postdoctor-page .job-info .img{float: none; margin-bottom: 20px;}
    .postdoctor-page .job-info img{width: 100%;}
    .postdoctor-page .job-info .con{float: none; width: 100%;} 
    .postdoctor-page .job-info .con h5{font-size: 20px; text-align: center; margin-bottom: 15px;}
    .postdoctor-page .job-info .con p{font-size: 14px; color: #999; line-height: 2.5em; text-align: justify;}


    /* 
        recommend
    */
    .recommend{width: 100%; border: solid 10px #eceff6; padding: 30px 20px; margin: 40px auto 0;}
    .recommend p{margin-top: 30px;}
    .recommend .code{ margin: 30px auto 0;}

    /* 
        ExpensesClicent
    */
    .ExpensesClicent{}
    .ExpensesClicent.template-banner img{height: 100%;}
    .ExpensesClicent .col-lg-4{margin-bottom: 40px;}
    .ExpensesClicent.templateC.index .col-lg-3:nth-child(n+5){margin-bottom: 60px;}
    .ExpensesClicent.templateC.index .col-lg-3:last-child{margin-bottom: 0;}
    .SmartEnergy-h5{font-size: 20px; }
    .ExpensesClicent .rowE{justify-content: center; margin: 100px  0 -100px;}
    .ExpensesClicent .rowE-2{justify-content: center; margin: 100px  0 0;}
    .ExpensesClicent .rowE.mb0{margin: 100px 0 -100px !important;}
    .ExpensesClicent .col-12{padding: 0;}
    .ExpensesClicent.templateB .rowE .col-lg-4:last-child{margin-bottom: 100px;}
    .ExpensesClicent .col-lg-6 .img img{max-width: 100%;}

    .ExpensesClicentMenu{top: 60px;}
    .ExpensesClicentMenu .li .Dsub-menu>li>a{ white-space: unset;}

    /* 
    远光智能物联平台
    */
    .SDPlatform{padding: 60px 0;}
    .SDPlatform.template-banner{padding: 0;}
    .SDPlatform.template-banner img{height: 100%; object-fit: cover;}
    .SDPlatform .container{width: 100%; max-width: 100%;}
    .SDPlatform .template-ti{font-size: 30px;}
    .SDPlatform .template-text{width: 100%; margin: 40px auto 0; padding: 0 15px;}

    .SDplatformA .boxA .con{position: static; transform: translate(0,0);}
    .SDplatformA .boxA .con h5{font-size: 30px;}
    .SDPlatform.templateA .box{padding: 0 0;}
    .SDPlatform.templateA .row{margin-top: 20px;}
    .SDPlatform.templateA .con h5{margin: 30px 0 15px;}
    .SDPlatform.templateA .col-lg-4{margin-top: 40px;}
    .SDPlatform.templateA .con p{text-align: justify;}

    .SDPlatform .platFunction{margin: 40px 0 0; display: table; width: 100%; text-align: center; padding: 0 15px;}
    .SDPlatform .platFunction .box{width: auto; height: auto; margin-bottom: 0; border: none;}
    .SDPlatform .platFunction .con:nth-child(1){ transform: translate(0,0); height: auto;  width: 100%; margin-bottom: 20px;}
    .SDPlatform .platFunction .con:nth-child(2){ transform: translate(0,0); width: 100%;}
    .SDPlatform .platFunction .con:nth-child(3){ transform: translate(0,0); width: 100%;}
    .SDPlatform .platFunction .con:nth-child(4){ transform: translate(0,0); width: 100%;}
    .SDPlatform .platFunction .con:nth-child(5){ transform: translate(0,0); width: 100%;}
    .SDPlatform .platFunction .con:nth-child(6){ transform: translate(0,0); width: 100%;}
    .SDPlatform .platFunction .con:nth-child(7){ transform: translate(0,0); width: 100%;}
    .SDPlatform .platFunction .con{ width: 100px; height: auto; position: static; transform: translate(0,0); overflow: unset; background: none; border: none; margin-bottom: 50px;}
    .SDPlatform .platFunction .con strong{display: block;}

    .SDPlatform .platFunction .con h5{position: static;transform: translate(0,0); background: linear-gradient(163deg, rgba(90,185,252,1) 0%, rgba(53,57,215,1) 100%);
        border: solid 5px #d9eeff; width: 120px; height: 120px; border-radius: 50%; display: table; margin: 0 auto 10px;}
        .SDPlatform .platFunction .con:nth-child(1) h5{width: auto; height: auto; background: none; border: none; color: #000; font-size: 24px;}
    .SDPlatform .platFunction .con:nth-child(n+2) h5{line-height: 28px; padding-top: 1.5em;}
    .SDPlatform .platFunction .con p{position: static; opacity: 1; transform: translate(0,0);}
    .SDPlatform .platFunction .con:nth-child(1) p{ transform: translate(0,0); width: 100%;}
    .SDPlatform .platFunction .con:nth-child(2) p{ transform: translate(0,0); width: 100%;}
    .SDPlatform .platFunction .con:nth-child(3) p{ transform: translate(0,0); width: 100%;}
    .SDPlatform .platFunction .con:nth-child(4) p{ transform: translate(0,0); width: 100%;}
    .SDPlatform .platFunction .con:nth-child(5) p{ transform: translate(0,0); width: 100%;}
    .SDPlatform .platFunction .con:nth-child(6) p{ transform: translate(0,0); width: 100%;}
    .SDPlatform .platFunction .con:nth-child(7) p{ transform: translate(0,0); width: 100%;}
    .SDPlatform .platFunction .con:hover{box-shadow: none; transform: scale(1) translate(0,0) !important;}

    .SDPlatform .platFunction .con  p::after{display: none;}
    .SDPlatform .platFunction .tips{display: none;}

    .SDPlatformNav{padding-bottom: 0;}
    .SDPlatform .nav{ border-bottom: none; justify-content: center; margin-top: 20px; overflow: hidden; position: sticky; top: 60px; z-index: 99; background: #fff; display: none;}
    .SDPlatform .nav .nav-item{ width: 100%;}
    .SDPlatform .nav .nav-link{ padding: 1rem 1.5rem; color: #888; font-size: 18px; border-bottom: 1px solid #ddd; width: 100%; display: none;}
    .SDPlatform .nav .nav-link.active{ display: block;}
    .SDPlatform .nav .iconfont{position: absolute; right: 0; top: 0; z-index: 99; width: 50px; line-height: 60px; height: 100%; display: block; font-size: 30px; transform: rotate(0) translate(0,-5px); }
    .SDPlatform .nav .iconfont:active{color: #0250f7;}
    .SDPlatform .nav .iconfont.ro{ transform: rotate(180deg) translate(0,-5px);}
    .SDPlatform .tab-pane{padding: 0 15px; display: none;}
    .SDPlatform .tab-pane .topCon {width: 100%; margin: 20px auto; overflow: hidden;}
    .SDPlatform .tab-pane .topCon h5{font-size: 24px; text-align: center; font-weight: bold;}
    .SDPlatform .tab-pane .topCon p{float: none; font-size: 18px; line-height: 2em; color: #888; width: 100%; padding: 1em 0; text-align: justify;}
    .SDPlatform .tab-pane .pic{float: none; margin-bottom: 20px;}
    .SDPlatform .tab-pane .pic img{border-radius: 10px; width: 100%;}
    .SDPlatform .tab-pane .content{}
    .SDPlatform .tab-pane .content .ti{font-size: 18px; text-align: center; margin-bottom: 40px;}
    .SDPlatform .tab-pane .content .row{margin: 0 0 60PX; padding: 0 0;}
    .SDPlatform .tab-pane .content .col-lg-4{padding: 0 10px; margin-top: 0;}

    .SDPlatform .tab-paneCon{display: block;}
    .SDPlatform .tab-paneCon .li{border-bottom: 1px solid #ddd; padding-bottom: 40px; margin-bottom: 40px;}
    .SDPlatform .tab-paneCon .li .pt{text-align: center; font-weight: bold;}
    .SDPlatform .tab-paneCon .li .pt::after{content: '·'; color: #0250f7; margin-left: 5px;}
    .SDPlatform .tab-paneCon .li .pt::before{content: '·'; color: #0250f7; margin-right: 5px;}

    .SDPlatform .co{overflow: hidden; display: table; margin: 60px auto 0;}
    .SDPlatform .li{float: none; margin: 0 20px 20px;}
    .SDPlatform .coPoint{width: 8px; height: 8px; background: #dee7f0; position: relative; border-radius: 50%; display: table;margin: 30px auto 0;}
    .SDPlatform .coPoint::after{content: ''; position: absolute; right: -16px; top: 0; width: 8px; height: 8px; background: #dee7f0; border-radius: 50%;}
    .SDPlatform .coPoint::before{content: ''; position: absolute; left: -16px; top: 0; width: 8px; height: 8px; background: #dee7f0; border-radius: 50%;}

    .SDPlatform.contacts{text-align: center; }
    .SDPlatform.contacts .col-lg-6{ text-align: left;}
    .SDPlatform.contacts .col-lg-6:first-child{margin-bottom: 30px; text-align: left;}
    .SDPlatform.contacts .li{text-align: left; padding: 0 20px;}
    .SDPlatform.contacts .icon{display: unset; float: none; margin-right: 0; margin-bottom: 0; float: left; margin-right: 20px;}
    .SDPlatform.contacts .con{display: unset; float: none; float: left;}

    /* 
        breadCrumb
    */
    .breadCrumb{padding: 0 15px;}

        /* 
        知云
    */
    .zhiyun-page .container{width: 100%; max-width: 100%;}
    .zhiyun-page .mainbox{padding: 60px 0;}
    .zhiyun-page .title{font-size: 26px; margin-bottom: 40px;}
    .zhiyun-page .Stitle{font-size: 16px; text-align: justify; line-height: 1.8em;}
    .zhiyun-page .row{margin: 0 0;}
    .zhiyun-page .col-12{padding: 0 0;}

    .zhiyun-page .banner{margin-top: 0;}
    .zhiyun-page .banner img{width: 100%;}

    .zhiyun-page .intro{padding: 30px 15px;}
    .zhiyun-page .intro p{ width: 100%;}

    .zhiyun-page .characteristic{padding: 60px 15px;}

    .zhiyun-page .productFunction{padding: 60px 15px 20px;}
    .zhiyun-page .productFunction .img{margin: 40px 0 60px;}
    .zhiyun-page .productFunction .img img{max-width: 100%;}
    .zhiyun-page .productFunction .content{padding: 40px 0;}
    .zhiyun-page .productFunction .content .pic{width: 100%;}
    .zhiyun-page .productFunction .content .pic img{transform: translatex(0); max-width: 100%;}
    .zhiyun-page .productFunction .content .con{width: 100%; text-align: justify; margin-top: 40px;}
    .zhiyun-page .productFunction .content.CA .pic{float: none;}
    .zhiyun-page .productFunction .content.CA .con{float: none;}
    .zhiyun-page .productFunction .content.CB .pic{float: none;}
    .zhiyun-page .productFunction .content.CB .con{float: none; padding-left: 0;}
    .zhiyun-page .productFunction .content .li{width: 100%; float: none; margin-right: 0; padding-left: 20px;}
    .zhiyun-page .productFunction .content .li:first-child{margin-bottom: 20px;}
    .zhiyun-page .productFunction .content h4{font-size: 24px;}
    .zhiyun-page .productFunction .content h5{font-size: 18px;}
    .zhiyun-page .productFunction .content h6{font-size: 16px;}
    .zhiyun-page .productFunction .content p{font-size: 12px;}

    .zhiyun-page .advantage{padding: 60px 15px;}
    .zhiyun-page .advantage .col-12{margin-bottom: 30px;}
    .zhiyun-page .advantage .col-12:last-child{margin-bottom: 0;}
    .zhiyun-page .advantage .box{ padding: 50px 40px; height: 100%; text-align: center;}
    .zhiyun-page .advantage .box .icon{height: 160px;}

    .zhiyun-page .customer{background: #f8fbff; text-align: center;}
    .zhiyun-page .customer .col-6{margin-bottom: 30px;}
    .zhiyun-page .customer .box{ height: 160px;}
    .zhiyun-page .customer .box img{ max-width: 100%;}

    /* 
        服务支持
    */
    .servicePic{display: none;}
    .ServicePage .slogan{position: relative; padding: 0px;}
    .ServicePage .slogan .con{position: relative; background: #f3f9ff; padding: 30px; z-index: 1;}
    .ServicePage .slogan .con h6{font-size: 26px; text-indent: 2.5rem;}
    .ServicePage .slogan .con p{font-size: 20px;  text-indent: 2.5rem;}
    .ServicePage .row{margin: 0;}
    .ServicePage .col-lg-6{padding: 0;}
    .serviceRow .left{margin-bottom: 40px;}
    .serviceRow .left .img{float: none;}
    .serviceRow .left .img img{width: 100%;}
    .ServicePage .left .box .con{position: static; transform: translate(0); padding: 30px;}
    .ServicePage .left .box .con ul li{font-size: 20px; margin-bottom: 20px;}
    .ServicePage .right .box .con ul li{max-width: 100%; flex: 0 0 100%;}
    .ServicePage .right .box .con ul li{font-size: 20px; margin-bottom: 20px;}
    .ServicePage .right .box .con{height: auto;}
    .serviceSlider .row .col-12{margin-bottom: 30px;}
    .serviceSlider .con h6{font-size: 20px;}
    .serviceSlider .con p{font-size: 14px;}
    .ServicePage .serviceContent .img{width: 100%; font: none !important; margin-bottom: 30px;}
    .ServicePage .serviceContent .img img{width: 100%;}
    .ServicePage .serviceContent .box{padding-bottom: 0; margin-bottom: 80px; border-bottom: none;}
    .ServicePage .serviceContent .box .con{float: none !important; width: 100%;}


    /* 
        管见&荐读
    */
    .thought-book .container{width: 100%; max-width: 100%;}
    .thought-book .top-title{font-size: 30px;}
    .thought-book .top-title::before{width: 100px; transform: translate(-120px,-50%);}
    .thought-book .top-title::after{width: 100px; transform: translate(120px,-50%);}
    .thought-book .index-row{margin: 40px 0 -40px;}
    .thought-book .col-lg-6{padding: 0; margin-bottom: 40px;}
    .thought-book .index-row .box{height: auto; padding: 30px 15px; border-radius: 30px;}
    .thought-book .index-row .box .img{position: static; display: table; margin: 0 auto 20px;}
    .thought-book .index-row .box .con{width: 100%; margin: 0;}
    .thought-book .index-row .box::after{display: none;}
    .thought-book .index-row .box .con .stages{position: static; margin-top: 10px; display: block;}
    .thought-book .thought .box:hover .ti,.thought-book .thought .box:hover .stages,.thought-book .thought .box:hover .text,.thought-book .thought .box:hover .author{color: #26b4ef;}
    .thought-book .book .box:hover .ti,.thought-book .book .box:hover .stages,.thought-book .book .box:hover .text,.thought-book .book .box:hover .author{color: #f98f30;}
    

    .SmartSWP{padding-top: 0;}
    .SmartSWP .swiper-pagination{position: static; margin-bottom: 20px; display: flex; flex-wrap: wrap; margin: 0 -5px;}
    .SmartSWP .swiper-pagination-bullet{ max-width: 50%; flex: 0 0 50%; margin: 0 0 10px !important; padding: 0 10px;}
    .SmartSWP .swiper-button-next, .SmartSWP .swiper-button-prev{display: none;}


    .SmartOffice .template-text{width: 100%;}
    .SmartOffice .YJtext .con{width: 100% !important; position: static !important;}
    .SmartOffice .YJtext .con h5{text-align: center !important;}
    .SmartOffice .big{width: 100%;}
    .SFA .col-12{flex: 0 0 100%; max-width: 100%; margin-bottom: 60px;}

    .law{ padding: 40px 15px; background: #f1f5f9;}
    .law .bodyerRightBoxs{background: #fff; padding: 30px 20px;}
    .law h5{font-size: 24px; color: #233; margin-bottom: 10px;}
    .law p{font-size: 16px; color: #777; line-height: 2em; margin-bottom: 40px;}
    .law p.sp{margin-bottom: 10px; font-size: 12px;}
    .law img{max-width: 100%;}
}

    

/* 
    荣誉自适应
*/
@media all and (min-width: 1200px) and (max-width: 1600px){

    .honor-page .con{height: 360px; padding: 30px 20px;}
    .honor-page .col-md-6{flex: 0 0 50%; max-width: 50%;}

}

/* 
    1280-1440
*/
@media all and (min-width: 1280px) and (max-width: 1440px){

    /* 组件 */
    .container{width: 1200px; max-width: 1200px;}
    .header .menu{margin-left: 200px !important; left: 0 !important; position: static !important;}
    .header .logo{left: 30px;}
    .header .logo img{width: 128px;}
    .header .search-area{right: 30px;}
    .header .search-area input{width: 140px;}
    .header .menu .li>a{padding: 0 7px;}
    .mainbox{padding: 70px 0;}
    .ExpensesClicent .col-md-12{flex: 0 0 100%; max-width: 100%;}
    .header .menu .sub-menuC .menu-box{width: 50%; }
    .header .menu .sub-menuC .menu-boxB{width: 20%;}
    .header .langAct{font-size: 12px;}
    .header .langAct{padding: 6px 8px;}

    /* index */
    .index-news .container{width: 1280px; min-width: 1280px;}
    #index-news{width: 1160px;}
    #index-news .con{height: 310px;}

    /* 
        page-banner
    */
    .page-banner.heightAuto img{ height: auto !important;}

    /* about-page */
    .about-page .img{width: 50%;padding-right: 40px;}
    .about-page .img img{width: 100%;}
    .about-page .text{width: 50%; padding-left: 40px; font-size: 14px;}
    .about-page .text p{margin-bottom: 10px;}
    .about-page .box h5{font-size: 16px;}

    /* team-page */
    .team-page .intro .pic{width: 28%;}
    .team-page .intro .pic img{width: 100%;;}
    .team-page .intro .con{width: 70%; padding-left: 30px;}

    /* histroy-page */
    .histroy-page .content-list .con{width: 440px;}
    .histroy-page .content-list .img img{width: 158px;}

    /* cultural-platform */
    #cultural-platform .text-area .text{padding: 26px 20px;}
    #cultural-platform .text-area h5{font-size: 20px;}
    #cultural-platform .text-area h6{font-size: 16px;}
    #cultural-platform .text-area p{line-height: 1.8em;}

    /* cultural-activity */
    #cultural-activity{width: 1100px;}
    #cultural-activity .swiper-slide-active img{width: 100%;}

    /* news-page  */
    .news-page .newest{height: 380px;}
    .news-page .newest .img img{height: 380px;}
    .news-page .newest .con{height: 380px;}
    .news-page .newest .con h5{font-size: 24px;}
    .news-page .newest .con h6{font-size: 18px;}
    .news-page .row .img img{height: 240px;}
    .newsDetail .share{right: -100px;}

    .news-page-search{}
    .news-page-search.page-banner .search-area{width: 1200px;}

    /* commerce-page */
    .commerce-page .one-pic img{width: 100%;}
    .commerce-page .h360{height: 440px !important;}
    .commerce-page .process .icon{width: 136px; height: 136px; line-height: 136px;}
    .commerce-page .process .icon::before{transform: translate(60px,-40%);}
    .commerce-page .process .icon::after{width: 80px; transform: translate(90px,50%);}

    .impression-page .train-system{padding: 0 ;}
    .impression-page .train-pic .box{height: 320px;}
    .impression-page .train-pic .img img{height: 320px;}

    .societyJob.page-banner .search-area{width: 1200px;}

    /* cloud-page */
    .cloud-page .container{width: 1200px;  min-width: 1200px;}
    .cloud-page .ECP .con{width: 100%;}
    .cloud-page .ECP .con .img::after{width: 100%;}
    .cloud-page .ECP .img{ width: 100%;}
    .cloud-page .ECP img{ width: 100%;}
    .cloud-page .features .img img{width: 400px;}
    .cloud-page .features{padding-top: 0; height: auto;}
    .cloud-page .features .img{top: 40%; transform: translate(-50%,-50%);}
    .cloud-banner{height: auto;}
    .cloud-Posi .container{width: 1200px;}
    .cloud-page .h500{height: 540px !important;}
    .cloud-page .DIS .con{width: 400px;}
    .cloud-page .tianlu .img:nth-child(2){margin-left: 100px;}
    .cloud-page .tianlu .img:nth-child(3){margin-left: 200px;}
    .cloud-page .one-pic img{width: 100%;}
    .cloud-page .APP{margin: 60px -30px 0;}
    .cloud-page .APP .col-lg-3{padding: 0 30px;}
    .cloud-page .index-row .box.h260{height: 320px !important;}
    .cloud-page .index-row.AIS .box{padding: 40px 25px;}
    .cloud-page .front .DSbox h5{font-size: 18px;}
    .cloud-page .back .DSbox p{font-size: 13px;}

    .cloud-page .template-text.center{width: 1200px;}
    .cloud-page .JTpic{width: 1200px;}
    #cloud-honor{width: 1200px;}
    .cloud-page .ECPC .DSbox {height: 100%;}
    .cloud-page .ECPC .DSbox .img{ padding: 0 15px;}
    .cloud-page .ECPC .DSbox img{max-width: 100%; min-height: 100%;}

    /* template */
    .templateB .rowD .col-lg-6 .con{width: 360px;}
    .more-products .box .menu h6{font-size: 18px;}
    .more-products .box .menu{width: 340px;}
    .more-products .box .menu a{font-size: 12px;}
    .template-footer .more-link .col-lg-2{flex: 0 0 16.66666%; max-width: 16.66666%;}
    .templateB .rowG .con{width: 980px;}
    .bigData-d .col-lg-4 .con.mh280{height: 280px !important;}
    .templateA .con h5{font-size: 18px;}
    .templateA .row{margin: 72px -20px 0;}
    .templateA .col-lg-2{padding: 0 20px;}
    .templateB .boxB a{font-size: 12px;}
    .ExpensesClicent .col-lg-4 .boxB{margin-top: 0; padding: 20px; height: 100%;}


    .mh110{height: 110px !important;}
    .mh130{height: 130px !important;}
    .mh180{height: 180px !important;}
    .mh190{height: 190px !important;}
    .mh200{height: 200px !important;}
    .mh240{height: 240px !important;}
    .mh260{height: 260px !important;}
    .mh280{height: 280px !important;}
    .mh300{height: 300px !important;}
    .mh300{height: 300px !important;}
    .mh320{height: 320px !important;}
    .mh360{height: 360px !important;}
    .mh400{height: 400px !important;}
    .mh420{height: 420px !important;}
    .mh460{height: 460px !important;}
    .mh500{height: 500px !important;}
    .mh540{height: 540px !important;}
    .mh600{height: 600px !important;}
    .mh640{height: 640px !important;}
    .mh700{height: 700px !important;}

    .ServicePage .container{}
    .ServicePage.ServicePageCon .container{width: 880px; transform: scale(1);}
    .servicePic{width: 150px; z-index: 999;}
    .ServicePage .serviceContent .img,.ServicePage .serviceContent .img img{width: 300px;}
    .ServicePage .serviceContent .box .con{width: 540px; padding-top: 0;}
    .ServicePage .serviceContent .img .height{height: 360px; object-fit: cover; object-position: right bottom;}


}

/* 
    1440
*/
@media all and (min-width: 1400px) and (max-width: 1440px){

    /* .header .menu{width: auto; margin-left: 240px;} */

    .container{width: 1280px; max-width: 1280px;}
    #index-news{width: 1280px;}
    .index-news .container{width: 1380px; max-width: 1380px;}
    /* .header .menu{margin-left: 280px !important;} */

    .about-page .img{width: 50%; padding-right: 50px;}
    .about-page .img img{width: 100%;}
    .about-page .text{width: 50%; padding-left: 50px;  font-size: 14px;}

    .team-page .intro .con{width: 60%;}

    .histroy-page .content-list .con{width: 458px;}

    #cultural-platform .text-area h5{font-size: 20px;}

    .culture-page .container{width: 1340px; max-width: 1340px;}
}

@media all and (min-width: 1024px) and (max-width: 1280px){

    .header .logo{left: 10px;}
    .header .logo img{width: 100px;}
    .header .menu{position: relative; left: -30px;}
    .header .menu .li>a{font-size: 12px; padding: 0 5px;}
    .header .search-area{right: 10px;}
    .header .search-area input{width: 150px;}
}


/* index-animations */
@media all and (min-width: 1024px) and (max-width: 2560px){

    .index-banner-animations{opacity: 0; transition: all .6s;}

    .index-about .template-ti{opacity: 0; transform: translate(0,30px); transition: all .5s;}
    .index-about .template-sti{opacity: 0; transform: translate(0,50px); transition: all .8s;}
    .index-about .tem-more{opacity: 0; transform: translate(0,70px); transition: all .8s; }

    .index-special{opacity: 0; transition: all .3s;}
    .index-special .top{opacity: 0; transform: translate(0,30px); transition: all .5s; transition-delay: .3s;}
    .index-special .bottom{opacity: 0; transform: translate(0,50px); transition: all .8s;}
    .index-special .tem-more{opacity: 0; transform: translate(0,70px); transition: all .8s; }
    .index-special.animation,.index-special .top.animation,.index-special .bottom.animation,.index-special .tem-more.animation{opacity: 1; transform: translate(0,0);}

    .index-Recommend .template-ti{opacity: 0; transform: translate(0,30px); transition: all .5s;}
    .index-Recommend .template-ti.animation{opacity: 1; transform: translate(0,0);}
    .index-Recommend .img,.index-Recommend .con,  .index-Recommend .tem-more{opacity: 0; transform: translate(0,30px); transition: all .8s;}
    .index-Recommend .img.animation, .index-Recommend .con.animation,  .index-Recommend .tem-more.animation{opacity: 1; transform: translate(0,0);}

    .index-products .template-ti{opacity: 0; transform: translate(0,30px); transition: all .5s;}
    .index-products .template-ti.animation{opacity: 1; transform: translate(0,0);}
    .index-products .nav{opacity: 0; transform: translate(0,70px); transition: all .8s;}
    .index-products .nav.animation{opacity: 1; transform: translate(0,0);}
    .index-products .imgBg{opacity: 0; transition: all 1s;}
    .index-products .imgBg.animation{opacity: 1; }
    .index-products .con{opacity: 0; transform: translate(0,50px); transition: all .8s; transition-delay: .5S;}
    .index-products .con.animation{opacity: 1; transform: translate(0,0);}

    .index-news .template-ti{opacity: 0; transform: translate(0,30px); transition: all .5s;}
    .index-news .template-ti.animation{opacity: 1; transform: translate(0,0);}
    #index-news{opacity: 0; transform: translate(0,80px); transition: all .8s;}
    #index-news.animation{opacity: 1; transform: translate(0,0);}

    .index-Cus .template-ti{opacity: 0; transform: translate(0,30px); transition: all .5s;}
    .index-Cus .template-ti.animation{opacity: 1; transform: translate(0,0);}
    .index-Cus .tem-more{opacity: 0; transform: translate(0,30px); transition: all .8s;}
    .index-Cus .tem-more.animation{opacity: 1; transform: translate(0,0);}
    .index-Cus .logoList li{opacity: 0; transform: translate(0,30px); transition: all .8s;}
    .index-Cus .logoList li.animation{opacity: 1; transform: translate(0,0);}
    .index-Cus .logoList li:nth-child(2){transition-delay: .2s;}
    .index-Cus .logoList li:nth-child(3){transition-delay: .4s;}
    .index-Cus .logoList li:nth-child(4){transition-delay: .6s;}
    .index-Cus .logoList li:nth-child(5){transition-delay: .8s;}
    .index-Cus .logoList li:nth-child(6){transition-delay: 1s;}
    .index-Cus .logoList li:nth-child(7){transition-delay: 1.2s;}
    .index-Cus .logoList li:nth-child(8){transition-delay: 1.4s;}
    .index-Cus .logoList li:nth-child(9){transition-delay: 1.6s;}
    .index-Cus .logoList li:nth-child(10){transition-delay: 1.8s;}
}

/* Message Board */
   .slides{position:fixed;right:0;top:45%}
.slides .slideul > li{position:relative;display:block;width:56px;height:56px;margin-bottom:10px;overflow:visible}
.slides .slideul > li.kefu{width:66px;padding-left:10px;margin-left:-10px}
.slides .slideul > li ul.kefulist{position:absolute;left:-150px;top:-1px;padding-right:10px;display:none}
.slides .slideul > li ul.kefulist li{margin-bottom:10px}
.slides .slideul > li ul.kefulist li a{display:block;width:156px;height:56px;line-height:30px;background:#01b0f1;color:#fff;text-align:center;text-decoration:none}
.slides .slideul > li ul.kefulist li a:hover{text-decoration:none}
.t1{font-size:15px;font-weight:bold}
#newBridge #nb_icon_wrap{display:none}

/*language change*/
.header .search-area .lang{float:none;margin-right:10px;position:absolute;  right: 0; top: 4px;}
.header .search-area .lang::after{content:'';width:28px;height:28px;background:#2b2243;position:absolute;left:0;top:0;z-index:0;border-radius:5px;transform:translateX(0);transition:all .3s}
.header .search-area .lang.s::after{content:'';width:28px;height:28px;background:#2b2243;position:absolute;left:0;top:0;z-index:0;border-radius:5px;transform:translateX(0)}
.header .search-area .lang.t::after{content:'';width:28px;height:28px;background:#2b2243;position:absolute;left:0;top:0;z-index:0;border-radius:5px;transform:translateX(41px)}
.header .search-area .lang span{width:28px;line-height:28px;text-align:center;display:inline-block;font-size:13px;cursor:pointer;color:#888;border-radius:5px;position:relative;z-index:1;margin:0}
.header .search-area .lang .simplified.active{color:#fff}
.header .search-area .lang .traditional.active{color:#fff}


/*lliuyanForm*/
 .slides .slideul > li.liuyan{width:66px;padding-left:10px;margin-left:-10px}
.slides .slideul > li ul.liuyanlist{position:absolute;left:-150px;top:-1px;padding-right:10px;display:none}
.slides .slideul > li ul.liuyanlist li{margin-bottom:10px}
.slides .slideul > li ul.liuyanlist li a{display:block;width:156px;height:56px;line-height:30px;background:#01b0f1;color:#fff;text-align:center;text-decoration:none}
.slides .slideul > li ul.liuyanlist li a:hover{text-decoration:none}
.slides .slideul > li.wenjuan{width:66px;padding-left:10px;margin-left:-10px}
.slides .slideul > li ul.wenjuanlist{position:absolute;left:-150px;top:-1px;padding-right:10px;display:none}
.slides .slideul > li ul.wenjuanlist li{margin-bottom:10px}
.slides .slideul > li ul.wenjuanlist li a{display:block;width:156px;height:56px;line-height:30px;background:#01b0f1;color:#fff;text-align:center;text-decoration:none}
.slides .slideul > li ul.wenjuanlist li a:hover{text-decoration:none}


/*dabiwuForm*/
.slides .slideul > li.dabiwu{width:66px;padding-left:10px;margin-left:-10px}
.slides .slideul > li ul.dabiwulist{position:absolute;left:-150px;top:-1px;padding-right:10px;display:none}
.slides .slideul > li ul.dabiwulist li{margin-bottom:10px}
.slides .slideul > li ul.dabiwulist li a{display:block;width:156px;height:56px;line-height:30px;background:#01b0f1;color:#fff;text-align:center;text-decoration:none}
.slides .slideul > li ul.dabiwulist li a:hover{text-decoration:none}
.slides .slideul > li.dabiwu{width:66px;padding-left:10px;margin-left:-10px}
.slides .slideul > li ul.dabiwulist{position:absolute;left:-150px;top:-1px;padding-right:10px;display:none}
.slides .slideul > li ul.dabiwulist li{margin-bottom:10px}
.slides .slideul > li ul.dabiwulist li a{display:block;width:156px;height:56px;line-height:30px;background:#01b0f1;color:#fff;text-align:center;text-decoration:none}
.slides .slideul > li ul.dabiwulist li a:hover{text-decoration:none}

/* @media all and (min-width: 1025px) and (max-width: 1280px){
    .header .logo{left: 20px;}
    .header .search-area{right: 20px;}
    .header .menu .li>a{padding: 0 5px; font-size: 14px;}
.header .menu{left: 18% !important;}
} */

/* @media all and (min-width: 1440px) and (max-width: 1600px){
    .header .menu{left:  0; margin-left: 200px;}
} */