@charset "utf-8";


.case_bt{

	width: 100%;

	padding-top: 75px;

}







/*服务页*/

.g_hardbox{

    background: #F1F6F9;

    position: relative;

}





.g_harlitml h1{

    font-size: 60px;

    color: #1B64AB;

    line-height: 116px;

  
}

.g_harlitml p{

    font-size: 20px;

    color: #1B64AB;

    line-height: 50px;

}
.g_harlitmlp{

    height: 230px;

    overflow: hidden;

}
.g_harlitmlnav span{

    font-size: 18px; line-height:32px;

    color: #1B64AB;

    padding-left: 10px;

    padding-right: 10px;

    display: block;

}
.g_harlitmlnav{

    margin-left: -10px;

    margin-right: -10px;

}
.g_harlitml{

    width: calc(100% - 600px);

}
.g_harlitml2{ width: calc(100% - 700px);}






.g_harintr{

    padding-bottom: 120px;

}
.g_padding1{

    padding-left: 346px;

    padding-right: 346px;

}



/*   高端网站建设end */


.g_methlast span{

    width: 50%;

    display: block;

    font-size:20px;

    color: #1b64ab;

    padding-left: 50px;

    padding-right: 50px;

    box-sizing: border-box;

    margin-bottom: 50px;
	
	

}
.g_methlast{

    margin-left: -50px;

    margin-right: -50px;

}
.g_methodl{

    width: calc(100% - 500px);
	
	
	

}
.g_methodr{

    width: 650px;

    margin-top: 48px;

    position: relative;

    margin-right: 163px;
	
	


}
.g_methodrimg2{

    position: absolute;

    left: 50px;

    top: 52px;

    z-index: 1;

/*    width: calc(100% - 108px);

    height: calc(100% - 108px); */

   animation:kejia 30s infinite linear ;

    -webkit-animation:kejia 30s infinite linear ;
	 
	
	border: 5px solid #1B64AB;

}
.g_methodrimg2g{

    position: absolute;

    height: 500px;

    left: 0px;

    top: 0px;

    width: 500px;

/*    animation:kejib 30s infinite linear ;

    -webkit-animation:kejib 30s infinite linear ; */

}
.g_methodrimg2g img{

    width: 100%;

    display: block;

}
@-webkit-keyframes kejia 

{
from {

    transform: rotate(0);

}
to {

    transform: rotate(360deg);

}
}

@keyframes kejia 

{

from {

    transform: rotate(0);
}
to {

    transform: rotate(360deg);

}

}


.g_methodrimg2b3 {

    width: 47px;

    position: absolute;

    left: 0px;

    top: 0px;

    display: block;

    animation: kejib 30s infinite linear;

    -webkit-animation: kejib 30s infinite linear;

}



.g_methodrimg2b1 {

    width: 40px;

    position: absolute;

    left: 102px;

    top: -3px;

    display: block;

    animation: kejib 30s infinite linear;

    -webkit-animation: kejib 30s infinite linear;

}
.g_methodrimg2b2 {

    width: 40px;

    position: absolute;

    right: 305px;

    bottom: 28px;

    display: block;

    animation: kejib 30s infinite linear;

    -webkit-animation: kejib 30s infinite linear;

}
.g_methodrimg2a{

    width: 500px;

    display: block;

}



.g_methodrimg1{

    width: 100%;

    display: block;

}
@-webkit-keyframes kejib 

{

from {

    transform: rotate(0);

}
to {

    transform: rotate(-360deg);

}
}

@keyframes kejib 

{

from {

    transform: rotate(0);

}

to {

    transform: rotate(-360deg);

}

}
.g_methodbox{

    position: relative;

    margin-top: 97px;

    margin-bottom: 130px;
	
	border: 5px solid #1b64ab;
	
	

}
.g_methodltit h5{

    font-size: 50px;

    color: #1b64ab;

    margin-top: 26px;
	
	

}
.g_methodltit span{

    font-size: 28px;

    color: #1b64ab;
	
	 
	

    font-family: 'Conv_QUARTO-BOLD';text-transform:uppercase;

}
.g_methlast{

    margin-top: 83px;

}
.g_advaitm{

    width: 20%;

    text-align: center;
	

	


}
.g_advaitm span{

    display: block;

    margin: auto;

}
.g_advaitm h5{

    font-size: 18px;

    color: #464646;

    text-align: center;

    margin-top: 80px;
}
.g_advailast{

    margin-top: 95px;

}
.g_advatit span{

    font-size: 38px;

    color: #464646;

    text-align: center;

    display: block;

    margin-top: 114px;

    font-family: 'Conv_QUARTO-BOLD';

}
.g_advatit h5{

    font-size: 50px;

    color: #1B64AB;

    text-align: center;

    margin-top: 55px;

}
.g_advap{

    width: 1200px;

    margin: 50px auto 0;

    text-align: center;

}
.g_advap p{

    font-size: 18px;

    color: #848484;

    line-height: 26px;

}
.g_adva{

    padding-bottom: 100px;

}
.g_detailsbox{

    padding-top: 5%;

    padding-bottom: 9%;

    position: relative;

    z-index: 2;

}
.g_detailsbox span{

    font-size: 48px;

    color: #ffffff;

    text-align: center;

    display: block;

}
.g_detailsbox h5{

    font-size: 50px;

    color: #1471B6;

    text-align: center;

    font-family: "Microsoft JhengHei";

    margin-top: 20px;

}
.g_detailsbox p{

    font-size: 20px;

    line-height: 36px;

    color: #1471B6;

    text-align: center;

}
.g_detailsp{
    margin-top: 45px; margin-bottom:6%;
}
.g_detailsbox .list { clear:both; width:60%; margin:0 auto;}
.g_detailsbox .list .box { width:50%; float:left; text-align:center; color:#fff;}
.g_detailsbox .list .L {}
.g_detailsbox .list .box p.p1 img { display:block; margin:0 auto; margin-bottom:30px;border: 2px solid #1471B6;

-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px;
}
.g_detailsbox .list .box p.p2 { font-size:30px; margin-bottom:45px;}
.g_detailsbox .list .box p.p3 { width:70%; margin:0 auto; font-size:18px;}
.caseanli .cm_box {

    width: 25%;

    margin: 0px 0;

    margin-left: 0%;

    padding-left: 4px;

    padding-right: 4px;

}
.g_caanli{

    padding-top: 96px;

    background: #eeeeee;

}
.g_caanlitit{

    text-align: center;

    margin-bottom: 96px;

}
.g_caanlitit h5{

    font-size: 60px;

    color: #464646;

    display: inline-block;

}
.cm_boxn{

    position: relative;

    width: 100%;

}
.g_padding2{

    padding-left: 115px;

    padding-right: 120px;

}
.g_harlast .slick-prev{

    width: 40px;

    height: 40px;

    background: url(../images/g_prev.png) no-repeat;

    background-position: center;

    background-size: cover;

    z-index: 1;

    left: -100px;

}
.g_harlast .slick-next{

    width: 40px;

    height: 40px;

    background: url(../images/g_next.png) no-repeat;

    background-position: center;

    background-size: cover;

    z-index: 1;

    right: -80px;

}
.g_advaitm .g_advaitma{

    width: 224px;

    display: block;

    position: relative;

}
.g_advaitm .g_advaitma img{

    width: 100%;

    display: block;

    left: 0;

    top: 0;

}
.g_advaitma1{

    position: relative;

    opacity: 0;

}
.g_advaitma{

    background: url(../images/g_shouh1.png) no-repeat;

    background-position: center;

    background-size: cover;

    animation:shouhui 2.6s  infinite;

    -webkit-animation:shouhui 2.6s  infinite;

}
@-webkit-keyframes shouhui 

{
0% {

    background: url(../images/g_shouh1.png) no-repeat;

    background-position: center;

    background-size: cover;

}
25%{

    background: url(../images/g_shouh2.png) no-repeat;

    background-position: center;

    background-size: cover;

}
50%{

    background: url(../images/g_shouh3.png) no-repeat;

    background-position: center;

    background-size: cover;

}
75%{

    background: url(../images/g_shouh4.png) no-repeat;

    background-position: center;

    background-size: cover;

}
100% {

    background: url(../images/g_shouh1.png) no-repeat;

    background-position: center;

    background-size: cover;

}
}
@keyframes shouhui 

{
0% {

    background: url(../images/g_shouh1.png) no-repeat;

    background-position: center;

    background-size: cover;

}
25%{

    background: url(../images/g_shouh2.png) no-repeat;

    background-position: center;

    background-size: cover;

}
50%{

    background: url(../images/g_shouh3.png) no-repeat;

    background-position: center;

    background-size: cover;

}
75%{

    background: url(../images/g_shouh4.png) no-repeat;

    background-position: center;

    background-size: cover;

}
100% {

    background: url(../images/g_shouh1.png) no-repeat;

    background-position: center;

    background-size: cover;

}
}
.g_advaitmb{

    width: 156px;

    display: block;

    margin: auto;

    position: relative;

}
.g_advaitmb img{

    display: block;

}
.g_advaitmb1{

    width: 100%;

    position: relative;

    z-index: 1;

}
.g_advaitmb2{

    width: 56px;

    position: absolute;

    left: 0;

    top: 0px;

    animation:hangpai 2.6s  infinite;

    -webkit-animation:hangpai 2.6s  infinite;

}
.g_advaitmb3{

    width: 56px;

    position: absolute;

    right: 0px;

    top: 0px;

    animation:hangpai 2.6s  infinite;

    -webkit-animation:hangpai 2.6s  infinite;

}
.g_advaitmb4{

    width: 56px;

    position: absolute;

    left: 0px;

    bottom: 0px;

    animation:hangpai 2.6s  infinite;

    -webkit-animation:hangpai 2.6s  infinite;

}
.g_advaitmb5{

    width: 56px;

    position: absolute;

    right: 0px;

    bottom: 0px;

    animation:hangpai 2.6s  infinite;

    -webkit-animation:hangpai 2.6s  infinite;
}
@-webkit-keyframes hangpai 

{

0% {

    transform: rotate(0deg);

}

100% {

    transform: rotate(360deg);
}
}
@keyframes hangpai 

{
0% {

    transform: rotate(0deg);

}
100% {

    transform: rotate(360deg);
}

}
.g_advaitmc{

    width: 190px;

    display: block;

}
.g_advaitmc img{

    width: 100%;
    display: block;
}
.g_padding3{

    padding-left: 245px;

    padding-right: 245px;

}
.g_padding3 .list { clear:both; background:#dfecf4; margin-bottom:50px;}
.g_padding3 .list1 .listL { float:left;}
.g_padding3 .list1 .listR { float:right}
.g_padding3 .list2 .listL { float:right; text-align:right}
.g_padding3 .list2 .listR { float:left}
.g_padding3 .list .listL { width:36%; padding:8% 4% 2% 4%;}
.g_padding3 .list .listR { width:64%;}
.g_padding3 .list .listL p.p1 { font-size:40px; color:#7f7f7f; margin-bottom:20px;}
.g_padding3 .list .listL p.p1 span { font-size:58px; font-family:'Conv_QUARTO-BOLD';}
.g_padding3 .list .listL p.p2 { font-size:20px; color:#7f7f7f; line-height:30px;}
.g_padding3 .list img { display:block; width:100%; height:auto;}
.g_padding3 .list .swiper-button-prev {background: url(../images/pic76.png) no-repeat center center; width:20px; height:34px; left:30px;}
.g_padding3 .list .swiper-button-next {background: url(../images/pic77.png) no-repeat center center; width:20px; height:34px; right:30px;}
.g_padding3 .list .swiper-pagination-bullet { background:#fff; opacity:1; margin:0 5px;}
.g_padding3 .list .swiper-container-horizontal>.swiper-pagination-bullets { bottom:20px;}
.g_padding3 .list .swiper-pagination-bullet-active { background:#d82424; opacity:1}
.g_padding3 .more { clear:both; width:129px; height:38px; text-align:center; color:#fff; background:#c91d1d; margin:0 auto; font-size:16px; font-weight: bold; margin-bottom: 7%; margin-top: 3%;border-radius: 8px; overflow: hidden;}
.g_padding3 .more a { display:block; color:#fff; width: 100%; height: 100%;line-height:38px; }
.caseanli .caphtitle h4{

    font-size: 60px;

    color: #464646;

    text-align: center;

}
.caseanli .caphtitle{

    padding-top: 90px;

    padding-bottom: 90px;

}
.caseanli .txtdiv h3{

    font-size: 30px;

    color: #464646;
}
.caseanli .txtdiv p{

    font-size: 24px;

    color: #848484;

    line-height: 42px;

    overflow: hidden;

}
.serdetails11 .txtdiv p{font-size: 30px; color:#464646;}
.gx_case .txtdiv h3{ font-size: 16px;color: #848484;}
.gx_case .txtdiv p{ font-size: 26px;color: #464646;}
.g_advaitme img{

    width: 100%;

    opacity: 1;

}
.g_advaitme{

    position: relative;

    width: 77px;

}
.g_advaitme span{

    width: 33px;

    position: absolute;

    display: block;

    left: 50%;

    transform: translateX(-50%);

    bottom: 34px;

    background: url(../images/g_h51.png) no-repeat;

    background-position: center;

    background-size: cover;

     animation:nyh5 2.6s  infinite;

    -webkit-animation:nyh5 2.6s  infinite;

}
.g_advaitme span img{

    width: 100%;

    opacity: 0;

}
.caseanli .messdiv .zandiv{

    width: 100%;

    background: transparent;

    height: inherit;

}
.caseanli .messdiv .zandiv img{

    position: relative;

    left: inherit;

    top: inherit;

    transform: translate(0,0);

}
.caseanli .messdiv .zandiv img{

    display: block;

}
.caseanli .txtdiv{

    padding: 45px 42px 54px 42px;

}
.caseanli .txtdiv .L { width:74%; float:left}
.caseanli .txtdiv .R { width:26%; float:right}
.caseanli .txtdiv .R img { display:block; width:100%; height:auto;}
.caseanli .messdiv {

    padding: 0 0px;

    height: auto;

    margin-top: 20px;

}
.focon {border-radius: 12px; overflow: hidden;}
.caseanli .cm_con {

    margin-bottom: 30px; border-radius: 12px;

    box-shadow: 0px 3px 6px #d2cece;

}
.g_anbtnbox{

    display: inline-block;

}
.g_anbtn{

    text-align: center;

}
.g_anbtnbox .zandiv{

    width: 29px;

    cursor: pointer;

    margin-top: 3px;

    margin-left: 20px;

}
.g_anbtnbox .zandiv img{

    width: 100%;

    display: block;

}
.g_anbtnbox span{

    font-size: 30px;

    color: #848484;

}
.g_anbtnbox{

    margin-top: 45px;

    margin-bottom: 70px;

}
.g_advaitmd{

    width: 221px;

    position: relative;

}
.g_advaitmda{

    width: 100%;

    display: block;

}
.g_advaitmdasp{

    width: 55px;

    position: absolute;

    left: 50%;

    transform: translate(-75%,-50%);

    top: 50%;

    background: url(../images/g_abioc1.png) no-repeat;

    background-position: center;

    background-size: cover;

    animation:nyps 3.6s  infinite;

    -webkit-animation:nyps 3.6s  infinite;

}
@-webkit-keyframes nyps

{
0% {

    background: url(../images/g_abioc1.png) no-repeat;

    background-position: center;

    background-size: cover;

}
33.333333%{

    background: url(../images/g_abioc2.png) no-repeat;

    background-position: center;

    background-size: cover;

}
66.666666%{

    background: url(../images/g_abioc3.png) no-repeat;

    background-position: center;

    background-size: cover;

}
100% {

    background: url(../images/g_abioc1.png) no-repeat;

    background-position: center;

    background-size: cover;

}
}

@keyframes nyps

{
0% {

    background: url(../images/g_abioc1.png) no-repeat;

    background-position: center;

    background-size: cover;

}
33.333333%{

    background: url(../images/g_abioc2.png) no-repeat;

    background-position: center;

    background-size: cover;

}
66.666666%{

    background: url(../images/g_abioc3.png) no-repeat;

    background-position: center;

    background-size: cover;

}
100% {

    background: url(../images/g_abioc1.png) no-repeat;

    background-position: center;

    background-size: cover;

}

}
.g_advaitmdaspioc span{

    animation:nypss 1.6s  infinite;

    -webkit-animation:nypss 1.6s  infinite;

}
.g_advaitmdaspioc1{

    animation-delay:0.3s;

}
.g_advaitmdaspioc2{

    animation-delay:0.5s;

}
.g_advaitmdaspioc3{

    animation-delay: 0.7s;

    display: none;

}
@-webkit-keyframes nypss

{

0% {

    transform: translateX(20px);

}

100% {

    transform: translateX(0px);

}

}

@keyframes nypss

{

0% {

    transform: translateX(20px);

}

100% {

    transform: translateX(0px);

}

}
.g_advaitmdasp1{

    width: 100%;

    display: block;

    position: relative;

    opacity: 0;

}
.g_advaitmdasp2{

    width: 100%;

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0;

}
.g_advaitmdasp3{

    width: 100%;

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0;

}
.g_advaitmdaspioc span{

    width: 14px;

    height: 4px;

    display: block;

    background: #ff1f59;

    margin-bottom: 4px;

}
.g_advaitmdaspioc{

    position: absolute;

    right: 54px;

    top: 50%;

    transform: translate(0,-40%);

}
@-webkit-keyframes nyh5

{

0% {

    background: url(../images/g_h51.png) no-repeat;

    background-position: center;

    background-size: cover;

}

25%{

    background: url(../images/g_h52.png) no-repeat;

    background-position: center;

    background-size: cover;

}

50%{

    background: url(../images/g_h53.png) no-repeat;

    background-position: center;

    background-size: cover;

}

75%{

    background: url(../images/g_h54.png) no-repeat;

    background-position: center;

    background-size: cover;

}

100% {

    background: url(../images/g_h51.png) no-repeat;

    background-position: center;

    background-size: cover;

}

}

@keyframes nyh5

{

0% {

    background: url(../images/g_h51.png) no-repeat;

    background-position: center;

    background-size: cover;

}

25%{

    background: url(../images/g_h52.png) no-repeat;

    background-position: center;

    background-size: cover;

}

50%{

    background: url(../images/g_h53.png) no-repeat;

    background-position: center;

    background-size: cover;

}

75%{

    background: url(../images/g_h54.png) no-repeat;

    background-position: center;

    background-size: cover;

}

100% {

    background: url(../images/g_h51.png) no-repeat;

    background-position: center;

    background-size: cover;

}

}
.g_footys .g_advaitmiocbox{

    width: 100%;

    height: 180px;

    position: relative;

}
.g_footys .g_advaitm img{

    width: auto;

    max-width: calc(100% - 36px);

    max-height: calc(100% - 36px);

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

}
.g_advaitmiocbox >span{

    position: relative;

    top: 50%;

    transform: translateY(-50%);

}
.g_harintr{

    position: relative;

}
.g_pbtn{

    width: 40px;

    position: absolute;

    left: 60px;

    top: 50%;

    transform: translateY(-50%);

    z-index: 1;

}
.g_pbtn img{

    width: 100%;

    display: block;

}
.g_xbtn{

    width: 40px;

    position: absolute;

    right: 60px;

    top: 50%;

    transform: translateY(-50%);

    z-index: 1;

}
.g_xbtn img{

    width: 100%;

    display: block;

}
.g_details{

    position: relative;

    overflow: hidden;

}
@keyframes move_wave {

    0% {

        transform: translateX(0) translateZ(0) scaleY(1)

    }

    50% {

        transform: translateX(-25%) translateZ(0) scaleY(0.55)

    }

    100% {

        transform: translateX(-50%) translateZ(0) scaleY(1)

    }

}

@-webkit-keyframes move_wave {

    0% {

        transform: translateX(0) translateZ(0) scaleY(1)

    }

    50% {

        transform: translateX(-25%) translateZ(0) scaleY(0.55)

    }

    100% {

        transform: translateX(-50%) translateZ(0) scaleY(1)

    }

}
.g_advaitmg{

    display: none;

}
.serdetails .caphtitle{

    padding-top: 90px;

    padding-bottom: 90px;

}

/*服务2*/
.g_desigitm h5{

    font-size: 36px;

    color: #ffffff;

    font-family: "Microsoft JhengHei";

    text-align: center;

}
.g_desigitm span{

    font-size: 24px;

    color: #ffffff;

    font-family: "w35";

    text-align: center;

    display: block;

    margin-top: 28px;

}
.g_desigitm{

    position: relative;

    width: 33.333333%;

}
.g_desigitm2{

    width: 25%;

}
.g_desigitmp{

    position: absolute;

    left: 0;

    bottom: 50px;

    width: 100%;

}
.g_desigitming{

    position: relative;

}
.g_desigitmbj{

    width: 100%;

    display: block;

    position: relative;

    z-index: 2;

}
.g_desigitmn{

    position: absolute;

    left: 0;

    top: 0;

    display: block;

    width: 100%;

    height: 100%;

}
.g_ncascenr h5{

    font-size: 36px;

    color: #464646;

    line-height: 50px;
}
.g_ncascenrp{

    margin-top: 45px;

}
.g_ncascenr p{

    font-size: 20px;

    color: #848484;

    line-height: 36px;

}
.g_ncascenl{

    width: 687px;

}
.g_ncascenl img{

    width: 100%;

}
.g_ncascenr{

    width: calc(100% - 687px - 80px);

}
.g_padding4{

    padding-left: 172px;

    padding-right: 172px;

}
.g_ncasetit span{

    font-size: 48px;

    color: #464646;

    font-family: 'Conv_QUARTO-BOLD';

}
.g_ncasetit h5{

    font-size: 48px;

    color: #464646;

    margin-top: 40px;

}
.g_ncascen{

    margin-top: 65px;

}
.g_ncbtnitmimg{

    position: relative;

}
.g_ncbtnitmimgbji{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,0.7);

    padding-left: 13px;

    padding-right: 13px;

    padding-top: 9px;

    padding-bottom: 9px;

    opacity: 0;

    cursor: pointer;

}
.g_ncbtnitmatv .g_ncbtnitmimgbji{

    opacity: 1;

}
.g_ncbtnitmimgbji span{

    width: 100%;

    height: 100%;

    display: block;

    border: 1px dashed #aeaeae;

}
.g_ncbtnitmimgbji::after{

    content: '';

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    width: 42px;

    height: 42px;

    background: url(../images/g_jhaoo.png) no-repeat;

    background-position: center;

    background-size: cover;

    z-index: 1;

}
.g_ncbtnitmimgbj{

    display: block;

    width: 100%;

}
.g_ncbtnitmimgn{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}
.g_ncbtnlast{

    padding-left: 75px;

    padding-right: 75px;

}
.g_ncbtnlast .slick-prev{

    width: 75px;

    height: 100%;

    background: rgb(0,0,0);

    left: 0;

}
.g_ncbtnlast .slick-prev::after{

    content: '';

    display: block;

    width: 40px;

    height: 40px;

    background: url(../images/g_prev.png) no-repeat;

    background-position: center;

    background-size: cover;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

}
.g_ncbtnlast .slick-next{

    width: 75px;

    height: 100%;

    background: rgb(0,0,0);

    right: 0;

}
.g_ncbtnlast .slick-next::after{

    content: '';

    display: block;

    width: 40px;

    height: 40px;

    background: url(../images/g_next.png) no-repeat;

    background-position: center;

    background-size: cover;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

}
.g_ncascenbtn{

    margin-top: 75px;

}
.g_methodb{

    margin-top: 68px;

}
.g_methodb p{

    font-size: 20px;

    color: #b2b2b2;

    line-height: 50px;

}
.g_methodlp{

    margin-top: 95px;

}
.g_baioct{

    width: 103px;

    display: block;

    position: absolute;

}
.g_baioct img{

    width: 100%;

    display: block;

}
.g_baiocs{

    width: 21px;

    display: block;

    position: absolute;

}
.g_baiocs img{

    width: 100%;

    display: block;

}

.g_methodb .g_methodrimg{

    position: relative;

}
.g_baioct1 {

    right: 7%;

    transform: translate(0%,25%);

    top: 74%;

}
.g_baiocs1 {

    right: 29%;

    transform: translate(0%,28%) rotate(-28deg);

    top: 91%;

}
.g_baioct2 {

    left: 50%;

    transform: translate(-50%,50%);

    bottom: 0px;

}

.g_baiocs2 {

    left: 29%;

    transform: translate(0%,30%) rotate(24deg);

    top: 91%;

}
.g_baioct5 {

    left: 7%;

    transform: translate(0%,-25%);

    bottom: 74%;

}
.g_baiocs3 {

    left: 3%;

    transform: translate(0%,23%) rotate(60deg);

    top: 66%;

}
.g_baioct4 {

    left: 0%;

    transform: translate(-50%,-50%);

    top: 50%;

}
.g_baiocs4 {

    left: 2%;

    transform: translate(0%,10%) rotate(122deg);

    bottom: 66%;

}
.g_baioct3 {

    left: 7%;

    transform: translate(0%,25%);

    top: 74%;

}
.g_baiocs5 {

    left: 29%;

    transform: translate(0%,34%) rotate(164deg);

    bottom: 95%;

}
.g_baioct6 {

    left: 50%;

    transform: translate(-50%,-50%);

    top: 0px;

}
.g_hardboxb{

    background: #000000;

}

.g_hardboxb .g_harlitmr{

    width: 683px;

    margin-right: 60px;

}

.g_hardboxb .g_advatit h5 {

    font-size: 72px;

    margin-top: 122px;

}
.g_hardboxb .g_advap p {

    font-size: 36px;

    line-height: 60px;

}
.g_design{

    margin-top: 105px;

}
.g_design2 { margin-top:0}
.caseanli2 .g_adva{

    padding-bottom: 0;

}
.caseanli2 .wrap{

    padding-left: 0;

    padding-right: 0;

}
.g_desigitming::after{

    content: '';

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background:-moz-linear-gradient(top, rgba(0, 0, 0,0),rgba(0, 0, 0, 0.7));

    background:-o-linear-gradient(top, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.7));

    background:-ms-linear-gradient(top, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.7));

    background:-webkit-linear-gradient(top,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.7));

    background:linear-gradient(top,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.7));

}
.g_ncasebox{

    margin-top: 98px;

}
.g_methodb .g_methodr{

    width: 65%;

    margin-right: 1px;
	

}
.g_methodb .g_methodr .list p { width:19%; margin-right: 6%; color:#d9d9d9; float:left; font-size:14px; line-height:22px;border-bottom: 1px solid #8e8e8f; padding:25px 0 20px 0;}
.g_methodb .g_methodr .list p:nth-child(1) {border-top: 1px solid #8e8e8f; }
.g_methodb .g_methodr .list p:nth-child(2) {border-top: 1px solid #8e8e8f; }
.g_methodb .g_methodr .list p:nth-child(3) {border-top: 1px solid #8e8e8f; }
.g_methodb .g_methodr .list p:nth-child(4) {border-top: 1px solid #8e8e8f; }
.g_methodb .g_methodr .list p img { display:block; width:100%; height:auto; margin:0 auto;}
.g_methodb .g_methodl{

    width: 30%;

}
.g_methodb .g_methodlp{

    width: calc(100% - 50px);

}
.g_methodb .g_methodltit{

    margin-top: 43px;
}
.g_methodb .g_methodltit h5 {

    margin-top: 100px;

}
.g_designlast .g_desigitm{

    visibility: visible;

    animation-name: fadeInUp;

}
.g_designlast .g_desigitm:nth-child(1){

    animation-delay: 1.3s;

}

.g_designlast .g_desigitm:nth-child(2){

    animation-delay: 1.5s;

}
.g_designlast .g_desigitm:nth-child(3){

    animation-delay: 1.7s;

}
.g_designlast .g_desigitm:nth-child(4){

    animation-delay: 1.3s;

}
.g_design2 .g_designlast .g_desigitm:nth-child(4){

    animation-delay: 1.9s;

}
.g_designlast .g_desigitm:nth-child(5){

    animation-delay: 1.5s;

}
.g_designlast .g_desigitm:nth-child(6){

    animation-delay: 1.7s;

}
.g_ncbtnlast .g_ncbtnitm{

    visibility: visible;

    animation-name: fadeInUp;

}

.g_ncbtnlast .g_ncbtnitm:nth-child(1){

    animation-delay: 1.3s;

}

.g_ncbtnlast .g_ncbtnitm:nth-child(2){

    animation-delay: 1.5s;

}
.g_ncbtnlast .g_ncbtnitm:nth-child(3){

    animation-delay: 1.7s;

}

.g_ncbtnlast .g_ncbtnitm:nth-child(4){

    animation-delay: 1.9s;

}
.g_ncbtnlast .g_ncbtnitm:nth-child(5){

    animation-delay: 2.1s;

}
.g_methodrimg2b{

    position: absolute;

    width: 500px;

    height: 500px;

    left: 0;

    top: 0;

}
.g_desigitmn{

    transition: all 0.6s;

}
.g_desigitm{

    overflow: hidden;

}
.g_desigitm:hover .g_desigitmn{

    transform: scale(1.2);

}
.serdetails .wrap {

    padding-left: 0;

    padding-right: 0px;

}
.serdetails .g_hardbox{

    background:#0d77cb url(../images/pic34.jpg) no-repeat top right;

    position: relative;

    padding-top: 0px;

}








.adv_con2 .adv_box p{line-height: 1.5;}
.g_methlastbgn .list { margin-top:100px;}
.g_methlastbgn .list .li { width:33.3333%;float:left; margin-bottom:40px; }
.g_methlastbgn .list p { width:97px; text-align:center; color:#fff; font-size:20px;}
.g_methlastbgn .list p img { display:block; margin:0 auto; margin-bottom:10px;}
.serdetails .cartoonimg{

    position: absolute;

    top: 50%;

    left: 50%;

    max-width: 70%;

    transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

    animation: shine 3s linear infinite;

    -webkit-animation: shine 3s linear infinite;

}

@-webkit-keyframes shine{

    0%{

        opacity: 0.2;

    }

    50%{

        opacity: 1;

    }

    100%{

        opacity: 0.2;

    }

}

@keyframes shine{

    0%{

        opacity: 0.2;

    }

    50%{

        opacity: 1;

    }

    100%{

        opacity: 0.2;

    }

}

.cartoonbg .guang{

    width: 100%;

    animation: show 15s linear infinite;

    -webkit-animation: show 15s linear infinite;

    -moz-animation: show 15s linear infinite;

    -ms-animation: show 15s linear infinite;

}

@-webkit-keyframes show

{

    0% {

        opacity: 1;

        transform: rotate(0deg);

    }

    50% {

        opacity: 0.1;

        transform: rotate(360deg);

    }

    100%{

        opacity: 1;

        transform: rotate(0deg);

    }

}

@keyframes show

{

    0% {

        opacity: 1;

        transform: rotate(0deg);

    }

    50% {

        opacity: 0.1;

        transform: rotate(360deg);

    }

    100%{

        opacity: 1;

        transform: rotate(0deg);

    }

}
.cartoonbg .quan{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

    max-width: 100%;

}
.serdetails .move1{

    position: absolute;

    left: 50%;

    top: 0;

    width: 85px;

    height: 85px;

    transform: translate(-50%,-50%);

    animation: move1 15s linear infinite;

    -webkit-animation: move1 15s linear infinite;

}
.serdetails .move1 img{

    width: 100%;

}
@-webkit-keyframes move1

{

    0% {

       left:10%; top:50%;

    }

    25%{

        left:50%; top:10%;

    }

    50%{

        left:90%; top:50%;

    }

    75%{

        left:50%; top:90%;

    }

    100% {

        left:10%; top:50%;

    }

}

@keyframes move1

{

    0% {

       left:10%; top:50%;

    }

    25%{

        left:50%; top:10%;

    }

    50%{

        left:90%; top:50%;

    }

    75%{

        left:50%; top:90%;

    }

    100% {

        left:10%; top:50%;

    }

}
.serdetails .move1:before,

.serdetails .move1:after{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: all .4s ease-out 0s;

    -moz-transition: all .4s ease-out 0s;

    -ms-transition: all .4s ease-out 0s;

    -o-transition: all .4s ease-out 0s;

    transition: all .4s ease-out 0s;

    border:1px solid #fff;

    border-radius: 50%;

    opacity: 0;

}
.serdetails .move1:after

{

    animation: op 2s linear infinite;

    -webkit-animation: op 2s linear infinite;

}
.serdetails .move1:before

{

    animation: op 2s linear infinite;

    -webkit-animation: op 2s linear infinite;

    animation-delay: 1s;

}
.serdetails .move2{

    position: absolute;

    left: 0;

    top: 50%;

    width: 180px;

    height: 180px;

    transform: translate(-50%,-50%);

    animation: move2 8s linear infinite;

    -webkit-animation: move2 8s linear infinite;

}
.serdetails .move2 img{

    width: 100%;
}

@-webkit-keyframes move2

{

    0% {

       left:20%; top:50%;

    }

    25%{

        left:50%; top:80%;

    }

    50%{

        left:80%; top:50%;

    }

    75%{

        left:50%; top:20%;

    }

    100% {

        left:20%; top:50%;

    }

}

@keyframes move2

{

    0% {

       left:20%; top:50%;

    }

    25%{

        left:50%; top:80%;

    }

    50%{

        left:80%; top:50%;

    }

    75%{

        left:50%; top:20%;

    }

    100% {

        left:20%; top:50%;

    }

}
.serdetails .move2:before,

.serdetails .move2:after{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: all .4s ease-out 0s;

    -moz-transition: all .4s ease-out 0s;

    -ms-transition: all .4s ease-out 0s;

    -o-transition: all .4s ease-out 0s;

    transition: all .4s ease-out 0s;

    border:1px solid #fff;

    border-radius: 50%;

    opacity: 0;

}
.serdetails .move2:after

{
    animation: op 2s linear infinite;

    -webkit-animation: op 2s linear infinite;

}
.serdetails .move2:before

{
    animation: op 2s linear infinite;

    -webkit-animation: op 2s linear infinite;

    animation-delay: 1s;

}





@-webkit-keyframes op{

    0%{

        opacity: 0;

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

    }

    50%{

        opacity: 0.4;

        -webkit-transform: scale(1.25);

        -moz-transform: scale(1.25);

        -ms-transform: scale(1.25);

        -o-transform: scale(1.25);

        transform: scale(1.25);

    }

    100%{

        opacity: 0;

        -webkit-transform: scale(1.25);

        -moz-transform: scale(1.25);

        -ms-transform: scale(1.25);

        -o-transform: scale(1.25);

        transform: scale(1.25);

    }

}

@-webkit-keyframes op2{

    0%{

        opacity: 0;

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

    }

    75%{

        opacity: .4;

        -webkit-transform: scale(1.5);

        -moz-transform: scale(1.5);

        -ms-transform: scale(1.5);

        -o-transform: scale(1.5);

        transform: scale(1.5);

    }

    100%{

         opacity: 0;

        -webkit-transform: scale(1.5);

        -moz-transform: scale(1.5);

        -ms-transform: scale(1.5);

        -o-transform: scale(1.5);

        transform: scale(1.5);

    }

}

@keyframes op{

    0%{

        opacity: 0;

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

    }

    50%{

        opacity: 0.4;

        -webkit-transform: scale(1.25);

        -moz-transform: scale(1.25);

        -ms-transform: scale(1.25);

        -o-transform: scale(1.25);

        transform: scale(1.25);

    }

    100%{

        opacity: 0;

        -webkit-transform: scale(1.25);

        -moz-transform: scale(1.25);

        -ms-transform: scale(1.25);

        -o-transform: scale(1.25);

        transform: scale(1.25);

    }

}
@keyframes op2{

    0%{

        opacity: 0;

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

    }

    75%{

        opacity: .4;

        -webkit-transform: scale(1.5);

        -moz-transform: scale(1.5);

        -ms-transform: scale(1.5);

        -o-transform: scale(1.5);

        transform: scale(1.5);

    }

    100%{

         opacity: 0;

        -webkit-transform: scale(1.5);

        -moz-transform: scale(1.5);

        -ms-transform: scale(1.5);

        -o-transform: scale(1.5);

        transform: scale(1.5);

    }

}






.g_advaitmiocbox {

    height: 180px;

    position: relative;


}