@import url("master.css");
@import url("../font/icon/iconfont.css");
:root{
	--color01:#0d164b;
	--color02:#19e7ff;
	--color03:#1049eb;
	--bcr1:cubic-bezier(.4,.4,0,1);
	--bcr2:cubic-bezier(0.075, 0.82, 0.165, 1);
}
.mobile_img{display:none;}
#main{max-width: 750px;margin: 0 auto;background-color: var(--color01);min-height: 100vh;}

/*》》》》》》》》》》相册、视频（打开动画）《《《《《《《《《《*/
#spotlight{background-color:rgba(0,0,0,.6);clip-path: circle(0px at center);-webkit-clip-path:circle(0px at center);}
#spotlight.show{clip-path: circle(100% at center);-webkit-clip-path: circle(100% at center);
transition: clip-path ease 1s;-webkit-transition: clip-path ease 1s;}

/*》》》》》》》》》》字体间距《《《《《《《《《《*/
.zh{letter-spacing:0.075em;}

/*》》》》》》》》》》分页器《《《《《《《《《《*/
.pagination{text-align:center;}
.pagination li{display:inline-block;padding:0 .1rem;}
.pagination li a,.pagination li span{display:block;width:.6rem;height:.6rem;line-height:.6rem;border:1px solid var(--color01);border-radius:50%;
background-color:#fff;color:var(--color01);transition:all 0.35s ease;}
.pagination li.active span{background-color:var(--color01);color:#fff;pointer-events:none;}
.pagination li.disabled span{cursor: not-allowed;}

/*富文本强制定义*/
.richText{text-align: justify;}
.richText img{display: inline-block !important;max-width: 100% !important;}
.richText p,
.richText span,
.richText em{font-size: 16px !important;}
.richText video{max-width: 100%;display: inline-block;}
.richText a{color: var(--color01) !important;text-decoration:underline !important;}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>首页<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.header{position: relative;}
.header .logo{position: absolute;top: 0;left: 0;background-position: center top;
background-repeat: no-repeat;background-size: 100% 100%;text-align: center;
background-image: url(../image/mac/logoBg.png);width: 100%;padding: 1.6vw 0;}
.header .logo>a{display: inline-block;height: 7.466666666666667vw;}
.header .logo>a img{height: 100%;}
.header ._bg{width: 100%;}
.header ._bg>img{width: 100%;}
.header .brand{width: 16.4vw;position: absolute;right: 5%;top: 59%;z-index: 5;
transform: translateY(-50%);}
.header .brand img{width: 100%;animation: ring 30s linear infinite reverse;}
@keyframes ring{
	from {transform:rotateZ(0deg);}
	to {transform: rotateZ(360deg);}
}
.header .brand ._info{position: absolute;top: 50%;left: 0;width: 100%;
transform: translateY(-50%);font-size: 2.4vw;text-align: center;}
.header .brand ._info p{font-weight: bold;text-align: center;line-height: 1.325;}
.header .datas{position: absolute;text-align: center;color: var(--color02);font-weight: bold;
top: 70.25%;left: 68%;font-size: 6.666666666666667vw;line-height: 1;}
/*masterTop*/
.masterTop{text-align: center;}
.masterTop ._title{font-size: 4.8vw;line-height: 1;font-weight: bold;}
.masterTop ._title.style1{color: #fff;}
.masterTop ._title.style1 span{color: var(--color02);}
.masterTop ._title.style2{color: #333;}
.masterTop ._line{font-size: 3.2vw;color: #fff;opacity: .5;margin-top: 1.6vw;}
.jobList{margin-top: 5.333333333333333vw;}
.jobList ._item{margin-bottom: 15px;padding: 5px;background-color: #fff;border-radius: 3px;}
.jobList ._item ._img{width: 34.666666666666664vw;}
.jobList ._item ._img>div{width: 100%;height: 0;padding-bottom: 88.46153846153846%;position: relative;}
.jobList ._item ._img>div img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;}
.jobList ._item ._info ._title{font-size: 3.466666666666667vw;font-weight: bold;}
.jobList ._item ._info{padding: 2.6666666666666665vw 3.3333333333333335vw;
padding-right: 5.333333333333333vw;position: relative;}
.jobList ._item ._info>div{position: relative;height: 100%;width: 100%;}
.jobList ._item:last-child{margin-bottom: 0;}
.jobList ._item ._info ._labor{position: absolute;bottom: 0;left: 0;margin: 0 -5px;width: 100%;}
.jobList ._item ._info ._labor ._btn{width: 50%;height: 7.466666666666667vw;padding: 0 5px;}
.jobList ._item ._info ._labor ._btn>a{width: 100%;height: 100%;font-size: 2.933333333333333vw;
border-radius: 7.466666666666667vw;align-items: center;justify-content: center;line-height: 1;}
.jobList ._item ._info ._labor ._btn>a i{margin-right: 5px;}
.jobList ._item ._info ._labor ._btn .consultBtn{background-color: var(--color03);color: #fff;}
.jobList ._item ._info ._labor ._btn .moreBtn{background-color: #fff;border: 1px solid var(--color03);color: var(--color03);}
.job{margin-top: -18.666666666666668vw;position: relative;z-index: 20;}
.goAbroad{height: 10.666666666666666vw;width: 100%;position: relative;justify-content: center;font-weight: bold;
margin-top: 5.333333333333333vw;line-height: 1;align-items: center;font-size: 4vw;color: #0c22a4;}
.goAbroad span{font-size: 5.333333333333333vw;}
.goAbroad:before,
.goAbroad:after{content: '';width: calc(100% - 1.3333333333333333vw);height: 100%;position: absolute;}
.goAbroad:before{z-index: -1;background: linear-gradient(to right,#ccfaff,#fff,#ccfaff);top: 0;left: 0;}
.goAbroad:after{z-index: -2;background-color: var(--color03);bottom: -1.3333333333333333vw;right: 0;}
.obtain{padding-top: 5.333333333333333vw;padding-bottom: 12vw;padding-left: 2.5vw;padding-right: 2.5vw;
background: linear-gradient(to bottom,#dffcff,#fff 25%);margin-top: 6.666666666666667vw;border-radius: 2vw;}
.obtainForm{margin-top: 5.333333333333333vw;}
.obtainForm ._item{margin-bottom: 5.333333333333333vw;}
.obtainForm ._item:last-of-type{margin-bottom: 0;}
.obtainForm ._item ._name{font-size: 3.466666666666667vw;font-weight: bold;margin-bottom: 2vw;}
.obtainForm ._item ._input{height: 10.666666666666666vw;}
.obtainForm ._item ._input input{font-size: 2.933333333333333vw;height: 100%;color: #666;
background: none;border: 1px solid #dbdbdb;width: 100%;padding: 0 2.5vw;border-radius: 6px;}
.obtainForm ._item ._input input::-webkit-input-placeholder{color:#b2b2b2;}
.obtainForm ._item ._input input:-moz-placeholder{color:#b2b2b2;}
.obtainForm ._item ._input input::-moz-placeholder{color:#b2b2b2;}
.obtainForm ._item ._input input:-ms-input-placeholder{color:#b2b2b2;}
.obtainForm ._item ._btn{height: 10.666666666666666vw;}
.obtainForm ._item ._btn button{width: 100%;height: 100%;background-color: var(--color03);font-size: 3.2vw;
color: #fff;text-align: center;font-weight: bold;border: none;border-radius: 10.666666666666666vw;}
.honor{padding-top: 10.666666666666666vw;padding-bottom: 21.333333333333332vw;
background-position: center bottom;background-repeat: no-repeat;background-size: cover;
background-image: url(../image/mac/honorbg.jpg);}
.honorswr{margin-top: 6.666666666666667vw;}
.honorswr ._item{width:100%;position: relative;}
.honorswr ._item>img{width:100%;}
.honorswr ._item ._img{position: absolute;top:6%;right:4.5%;bottom:6%;left:4.5%;}
.honorswr ._item ._img img{width: 100%;height: 100%;object-fit: contain;}
.brief ._info{padding-top: 4.666666666666667vw;padding-bottom: 6.666666666666667vw;padding-left: 2.5vw;
padding-right: 2.5vw;background-color: #fff;margin-top: 4vw;border-radius: 6px;}
.brief ._info ._txt{line-height: 1.9166666666666667;font-size: 3.2vw;}
.brief ._info ._contact{margin-top: 6.666666666666667vw;}
.brief ._info ._contact ._item {margin-bottom: 5.333333333333333vw;}
.brief ._info ._contact ._item:last-of-type{margin-bottom: 0;}
.brief ._info ._contact ._item ._name{font-size: 3.2vw;padding: 0 2.5vw;display: inline-block;
background: linear-gradient(to right,#eacf8e,#ffe8c4);border-radius: 6.666666666666667vw;border-bottom-left-radius: 0;
height: 6.666666666666667vw;line-height: 6.666666666666667vw;margin-bottom: 2.6666666666666665vw;}
.brief ._info ._contact ._item ._tel{font-size: 6.666666666666667vw;font-weight: bold;line-height: 1;}
.brief ._info ._contact ._item ._line{font-size: 3.2vw;font-weight: bold;text-align: justify;}
.case{padding-top: 10.666666666666666vw;padding-bottom: 12vw;
background-position: center bottom;background-repeat: no-repeat;background-size: cover;
background-image: url(../image/mac/casebg.jpg);}
.caseList>div{margin: -5px 0;}
.caseList ._listL,.caseList ._listR{width: 50%;margin: -5px 0;}
.caseList ._item{padding: 5px;}
.caseList ._item ._img{width: 100%;height: 0;position: relative;}
.caseList ._item ._img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.caseList ._item a{position: relative;color: #fff;height: 100%;}
.caseList ._item ._name{font-size: 3.2vw;position: absolute;bottom:0;
left: 0;width: 100%;text-align: center;padding:2.5vw 0;line-height: 1;z-index: 2;}
.caseList ._item ._img:before{content: '';position: absolute;top: 0;left: 0;height: 100%;width: 100%;
background-image: -webkit-linear-gradient(90deg,var(--color01) 0,rgba(0,0,0,0) 100%);z-index: 2;opacity: .6;}
.caseList{margin-top: 5.333333333333333vw;}
.caseList ._item ._img{width: 100%;overflow: hidden;}
.caseList ._listL ._item ._img{padding-bottom: 82.1917808219178%;height: 0;}
.caseList ._listR ._item{height: 33.333333%;}
.caseList ._listR ._item ._img{height: 100%;}
.footer{padding-top: 9.333333333333334vw;background-color: #fff;padding-bottom: 4vw;}
.footer ._info{font-size: 2.933333333333333vw;text-align: center;color: #999;
line-height: 2.090909090909091;}
.footer ._info a{color: var(--color03);}
.footer ._info i{margin-right: 5px;}
.footer ._info ._type{justify-content: center;}
.footer ._info ._type ._item{margin-right:3vw;}
.footer ._inquiry{border-radius: 13.333333333333334vw;overflow: hidden;margin-top: 6.666666666666667vw;}
.footer ._inquiry ._item{width: 50%;}
.footer ._inquiry ._item a{width: 100%;height: 13.333333333333334vw;color: #fff;
font-size: 4vw;justify-content: center;align-items: center;line-height: 1;}
.footer ._inquiry ._item a i{font-size: 4.4vw;margin-right: 10px;}
.footer ._inquiry ._item:first-of-type a{background-color: var(--color03);}
.footer ._inquiry ._item:last-of-type a{background-color: var(--color01);}
.details{background-color: #fff;padding-top: 9.333333333333334vw;}
.details ._title{font-size: 4.8vw;text-align: center;font-weight: bold;padding-bottom: 5.333333333333333vw;
border-bottom: 1px solid #ddd;}
.details ._info{min-height: 60vh;margin-top:5.333333333333333vw;}
/*富文本强制定义*/
.richText{text-align: justify;color: #666;}
.richText img{display: inline-block !important;max-width: 100% !important;}
.richText p,
.richText span,
.richText em{font-size: 3.2vw !important;}
.richText video{max-width: 100%;display: inline-block;}
.richText a{color: var(--color01) !important;text-decoration:underline !important;}


@media screen and (min-width:750px){
    .header .datas{font-size: 50px;}
    .header .brand{width: 123px;}
    .header .brand ._info{font-size:18px;}
    .jobList ._item ._info{padding: 20px 25px;padding-right: 40px;}
    .jobList ._item ._img{width: 260px;}
    .masterTop ._title{font-size: 36px;}
    .jobList ._item ._info ._title{font-size: 26px;}
    .header .logo>a{height: 56px;}
    .header .logo{padding: 15px 0;}
    .jobList{margin-top: 40px;}
    .jobList ._item ._info ._labor ._btn{height: 56px;}
    .jobList ._item ._info ._labor ._btn>a{font-size: 22px;}
    .job{margin-top: -140px;}
   .goAbroad{margin-top: 40px;font-size: 30px;height: 80px;}
   .goAbroad span{font-size: 40px;}
   .goAbroad:before,
   .goAbroad:after{width: calc(100% - 10px);}
   .obtain{padding-top: 40px;padding-bottom: 90px;padding-left: 20px;
   padding-right: 20px;margin-top: 50px;border-radius: 15px;}
   .obtainForm{margin-top: 40px;}
   .obtainForm ._item ._name{font-size: 26px;margin-bottom: 15px;}
   .obtainForm ._item ._input input{font-size: 22px;padding: 0 20px;}
    .obtainForm ._item{margin-bottom: 40px;}
    .obtainForm ._item ._input{height: 80px;}
     .obtainForm ._item ._btn{height: 80px;}
    .obtainForm ._item ._btn button{border-radius: 80px;font-size: 24px;}
    .honor{padding-top: 80px;padding-bottom: 120px;}
    .masterTop ._line{font-size: 24px;margin-top: 12px;}
    .brief ._info ._contact{margin-top: 50px;}
    .brief ._info ._contact ._item ._name{font-size: 24px;padding: 0 20px;
    height: 50px;line-height: 50px;border-radius: 50px;margin-bottom: 20px;}
    .brief ._info ._contact ._item ._line{font-size: 24px;}
    .brief ._info ._contact ._item ._tel{font-size: 50px;}
    .brief ._info ._txt{font-size: 24px;}
    .masterTop ._line{font-size: 24px;}
    .brief ._info ._contact{margin-top: 50px;}
    .brief ._info ._contact ._item{margin-bottom: 40px;}
    .brief ._info{padding-top: 35px;padding-bottom: 50px;
    padding-left: 20px;padding-right: 20px;margin-top: 30px;}
    .honor{padding-top: 80px;margin-bottom: 160px;}
    .case{padding-top: 80px;padding-bottom: 90px;}
    .caseList ._item ._name{font-size: 24px;padding: 20px 0;}
    .footer ._info{font-size: 22px;}
    .footer{padding-bottom: 30px;padding-top: 70px;}
    .footer ._inquiry ._item a{height: 100px;font-size: 30px;}
    .footer ._inquiry{margin-top: 50px;}
    .footer ._inquiry ._item a i{font-size: 33px;}
    .details ._title{font-size: 32px;padding-bottom: 40px;}
    .richText p,
	.richText span,
	.richText em{font-size: 24px !important;}
	.details{padding-top: 70px;}
	.details ._info{margin-top: 40px;}
}
@media screen and (max-width:480px){
   .header .brand{width: 75px;}
   .masterTop ._title{font-size: 22px;}
   .jobList ._item ._info ._title{font-size: 18px;}
   .header .logo>a{height: 30px;}
   .jobList ._item ._info ._labor ._btn>a i{margin-right: 3px;}
   .jobList ._item{margin-bottom: 10px;}
  .obtainForm ._item ._input input{border-radius: 3px;}
     .obtainForm ._item ._btn button{font-size: 15px;}
     .brief ._info ._contact ._item ._line{font-size: 14px;}
    .brief ._info ._contact ._item ._tel{font-size: 24px;}
     .brief ._info ._txt{font-size: 14px;}
     .masterTop ._line{font-size: 14px;}
     .brief ._info ._contact ._item ._name{font-size: 14px;height: 30px;line-height: 30px;padding: 0 12px;}
     .caseList ._item ._name{font-size: 14px;}
     .caseList>div{margin: -3px 0;}
	.caseList ._listL,.caseList ._listR{width: 50%;margin: -3px 0;}
	.caseList ._item{padding: 3px;}
     .footer ._info{font-size: 13px;}
    .footer ._inquiry ._item a i{margin-right: 5px;}
    .footer ._info i{margin-right: 3px;}
    .obtainForm ._item ._name{font-size: 15px;}
    .obtainForm ._item ._input input{font-size: 14px;}
    .details ._title{font-size: 22px;}
    .richText p,
	.richText span,
	.richText em{font-size: 14px !important;}
}