@font-face {
  font-family: 'AVENIRLTSTD';
  src: url('../fonts/AVENIRLTSTD-LIGHT.eot');
  src: url('../fonts/AVENIRLTSTD-LIGHT.eot?#iefix') format('embedded-opentype'),
       url('../fonts/AVENIRLTSTD-LIGHT.woff') format('woff'),
       url('../fonts/AVENIRLTSTD-LIGHT.ttf') format('truetype'),
       url('../fonts/AVENIRLTSTD-LIGHT.svg#rubikbold') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'INDIANTYPEFOUNDRY-BOLD';
  src: url('../fonts/INDIANTYPEFOUNDRY-BOLD.eot');
  src: url('../fonts/INDIANTYPEFOUNDRY-BOLD.eot?#iefix') format('embedded-opentype'),
       url('../fonts/INDIANTYPEFOUNDRY-BOLD.woff') format('woff'),
       url('../fonts/INDIANTYPEFOUNDRY-BOLD.ttf') format('truetype'),
       url('../fonts/INDIANTYPEFOUNDRY-BOLD.svg#rubikbold') format('svg');
  font-weight: normal;
  font-style: normal;
}


/*--共用--*/
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

.commonweb { padding: 0px 15px; margin: 0px auto; position: relative; z-index: 2; }

.commonBanner { padding-top: 46.35%; position: relative; }

.commonBanner img { display: block; height: 100%; left: 50%; top: 0px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: absolute; max-width: inherit; }

.commonBanner dl { position: absolute; left: 0px; top: 60%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; }

.commonBanner dl h3 { font-size: 16px; color: #323232; line-height: 1.5; font-weight: 700; }

.commonBanner dl .subTitle{ padding-top: 10px; font-size: 14px;color: #323232;line-height: 1.5;font-weight: 700;}

.commonBanner dl .consulting{padding-top: 15px; display: none;}

.commonBanner dl .consulting a { display: inline-block; width: 100px; line-height: 35px; font-size: 12px; color: #fff; background: #eb9f4b; -webkit-border-radius: 5px; border-radius: 5px; }

.commonBanner dl .bannerMore{padding-top: 15px;}
.commonBanner dl .bannerMore a{padding:0px 20px; line-height: 40px;font-size: 16px; display: inline-block; position: relative; color: #eb9f4b; border: 1px solid #eb9f4b; border-radius: 4px; transition: all .4s ease; -webkit-transition: all .4s ease;}
.commonBanner dl .bannerMore a:hover{ background: #eb9f4b; color: #fff;}
/* .commonBanner dl .bannerMore a em{ width:40px; height: 40px; left: -40px; top: 0px; border: 1px solid #eb9f4b; border-radius: 5px; display:block; position: absolute;-webkit-transition: all .4s ease;transition: all .4s ease;}
.commonBanner dl .bannerMore a em::after{width: 30px;left: 50%;height: 1px; background-color: #eb9f4b;content: ''; position: absolute; top: 50%; -webkit-transition: all .4s ease;transition: all .4s ease; content: ''; display: block;opacity: 1;}
.commonBanner dl .bannerMore a:hover{padding:0px 20px;}
.commonBanner dl .bannerMore a:hover em{ width: 100%; left: 0px;}
.commonBanner dl .bannerMore a:hover em:after{opacity: 0;} */

.commonBanner dl .contactBanner { padding-top: 10px; }

.commonBanner dl .contactBanner span { width: 40px; height: 40px; position: absolute; border: 1px solid #eb9f4b; display: block; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 10px; border-radius: 10px; }

.commonBanner dl .contactBanner span::after { width: 100%; left: 50%; height: 1px; background-color: #eb9f4b; content: ''; position: absolute; top: 50%; -webkit-transition: all .8s ease; transition: all .8s ease; content: ''; display: block; }

.commonBanner dl .contactBanner a { font-size: 16px; display: inline-block; position: relative; padding-left: 70px; color: #eb9f4b; font-weight: 700; }

.commonBanner dl .contactBanner:hover span::after { left: -50%; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

.commonMore{padding-top: 15px; padding-left: 0px;}
.commonMore a{ display: inline-block; position: relative; padding:0px 0px 0px 60px; line-height: 40px;font-size: 16px;color: #eb9f4b !important; transition: all .8s ease; -webkit-transition: all .8s ease;}
.commonMore a em{ width:40px; height: 40px; left: 0px; top: 0px; border: 1px solid #eb9f4b; border-radius: 5px; display:block; position: absolute;-webkit-transition: all .8s ease;transition: all .8s ease;}
.commonMore a em::after{width: 30px;left: 50%;height: 1px; background-color: #eb9f4b;content: ''; position: absolute; top: 50%; -webkit-transition: all .4s ease;transition: all .4s ease; content: ''; display: block;opacity: 1;}
.commonMore a:hover{padding:0px 20px;}
.commonMore a:hover em{ width: 100%; left: 0px;}
.commonMore a:hover em:after{opacity: 0;}


/*--产品服务--*/
.productvaluebox { padding: 35px 0px 30px; }

.productvalueTitle { font-size: 18px; padding-bottom: 10px; text-align: center; color: #323232; font-weight: 700; }

.productvalue { margin: 0px auto; position: relative; }

.productvalueImg { max-width: 220px; margin: 0px auto; position: relative; }

.productvalueImg img { width: 100%; display: block; }

.productvalueImg p{ position: absolute; left:0px; top: 55%; width: 100%; transform: translateY(-50%); padding-bottom: 20px;}
.productvalueImg p img{ display: block; width: 43px; margin:  auto;}

.productvalue ul { padding-top: 20px; }

.productvalue ul li { background-repeat: no-repeat; padding-bottom: 10px; }

.productvalue ul li .productValueContent { font-size: 14px; position: relative; color: #323232; padding-left:0px; line-height: 35px; }

.productvalue ul li .productValueContent span { top: 0px; left: 0px; display: none; position: absolute; width: 35px; line-height: 35px; font-size: 18px; color: #3370cd; background: #fff; -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); -webkit-border-radius: 100%; border-radius: 100%; text-align: center; }

.productvalue ul li .productValueContent h3{ font-size: 16px;}

.productvalue ul li .productValueContent .desc{ font-size: 14px; line-height: 20px;}

.productSolution ul { margin: 0px -10px; padding-top: 40px; }

.productSolution ul li { width: 100%; padding: 0px 10px 15px; }

.productSolution ul li .productSolutionContent { background: #fff; -webkit-border-radius: 10px; border-radius: 10px; padding: 20px; -webkit-box-shadow: 0px 10px 52px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 52px rgba(0, 0, 0, 0.1); }

.productSolution ul li .productSolutionContent { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.productSolution ul li .productSolutionContent dt { width: 75px; }

.productSolution ul li .productSolutionContent dt img { width: 50px; display: block; }

.productSolution ul li .productSolutionContent dd { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.productSolution ul li .productSolutionContent dd h3 { font-size: 14px; font-weight: 700; padding-bottom: 5px; }

.productSolution ul li .productSolutionContent dd p { font-size: 12px; color: #65676c; line-height: 20px; }

.SystemAdvantages { padding-top: 30px; }

.SystemAdvantages dl img { display: block; width: 100%; }

.SystemAdvantages ul { padding-left: 0px; }

.SystemAdvantages ul::-webkit-scrollbar {  width:1px;  height: 16px;  background-color: #eee;}
.SystemAdvantages ul::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);  border-radius: 3px;background-color: #eee;}
.SystemAdvantages ul::-webkit-scrollbar-thumb { border-radius: 3px;  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);  background-color: #eb9f4b; width: 3px;}

.SystemAdvantages ul li { padding: 20px 15px; background: #f6f6f6; margin-top: 20px; -webkit-border-radius: 10px; border-radius: 10px; }

.SystemAdvantages ul li h3 { font-size: 14px; font-weight: 700; color: #323232; }

.SystemAdvantages ul li .desc { font-size: 12px; padding-top: 10px; line-height: 24px; color: #65676c; display: none; }

.SystemAdvantages ul li.cur { background: #fff; -webkit-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1); }

.SystemAdvantages ul li.cur .desc { display: block; }

.ServiceAdvantagebox { padding: 30px 0px; }

.ServiceAdvantage { margin-top: 20px; padding: 0px 20px 20px; position: relative; overflow: hidden; }

.ServiceAdvantageContent { border-bottom: 6px solid #eb9f4b; min-height: 275px; background: #fff; margin-top: 25px; -webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1); }

.ServiceAdvantageContent .icon { position: relative; top: -25px; margin-bottom: -25px; }

.ServiceAdvantageContent .icon img { width: 60px; height: 60px; display: block; margin: 0px auto; -webkit-border-radius: 100%; border-radius: 100%; background: #f6f6f6; }

.ServiceAdvantageContent h3 { font-size: 14px; color: #323232; padding-top: 20px; font-weight: 700; text-align: center; }

.ServiceAdvantageContent .desc { max-width: 280px; text-align: left; font-size: 12px; line-height: 28px; color: #65676c; margin: 0px auto; padding: 20px 15px 0px; }

.ServiceAdvantageListbox { position: relative;}

.ServiceAdvantageListbox em { position: absolute; top: 50%; z-index: 20; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; background-color: #e0e0e0; background-repeat: no-repeat; background-position: center; -webkit-border-radius: 100%; border-radius: 100%; display: none; }

.ServiceAdvantageListbox em.ServiceAdvantagePrev { left: -10px; background-image: url(../images/img_39.png); }

.ServiceAdvantageListbox em.ServiceAdvantageNext { right: -10px; background-image: url(../images/img_40.png); }

.ServiceAdvantageListbox em:hover { background-color: #eb9f4b; }

.ServiceAdvantageDot{ text-align: center; padding-top: 30px;}
.ServiceAdvantageDot span { background: #e8e8e8; width: 7px; height: 7px; -webkit-border-radius: 100%; border-radius: 100%; opacity: 1; margin: 0px 3px; }
.ServiceAdvantageDot span.swiper-pagination-bullet-active { background: #eb9f4b; }


/*--行业现状--*/
.IndustryStatus { padding: 30px 0px 40px; position: relative; }

.IndustryStatusList { position: relative; overflow: hidden; }

.IndustryStatus ul { margin-top: 30px; }

.IndustryStatus ul li:nth-child(2n) { padding-right: 0px; }

.IndustryStatus ul li:last-child { padding-right: 0px; }

.IndustryStatusContent { padding: 20px 0px 0px; height: 260px; border-bottom: 6px solid #eb9f4b; -webkit-box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.1); box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.1); }

.IndustryStatusContent .icon { position: relative; }

.IndustryStatusContent .icon img { display: block; margin: 0px auto; height: 40px; }

.IndustryStatusContent h3 { font-size: 14px; color: #323232; padding-top: 10px; font-weight: 700; text-align: center; }

.IndustryStatusContent .desc { max-width: 200px; text-align: center; font-size: 12px; line-height: 22px; color: #65676c; margin: 0px auto; padding: 10px 0px 0px; text-align: left; }

.IndustryStatus span { position: absolute; top: 50%; z-index: 20; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; background-color: #e0e0e0; background-repeat: no-repeat; background-position: center; -webkit-border-radius: 100%; border-radius: 100%; }

.IndustryStatus span.IndustryStatusPrev { left: -10px; background-image: url(../images/img_39.png); }

.IndustryStatus span.IndustryStatusNext { right: -10px; background-image: url(../images/img_40.png); }

.IndustryStatus span:hover { background-color: #eb9f4b; }

.Solutionbox { padding: 0px 0px 20px; }

.SolutionDesc { max-width: 525px; margin: 0px auto; font-size: 14px; color: #65676c; line-height: 24px; padding-top: 15px; text-align: center; }

.Solution { position: relative; padding: 0px 15px 30px; margin-top: 20px; }

.Solution .line { top: 35px; width: 100%; height: 1px; background: #f0f0f0; position: absolute; left: 0px; background: #f0f0f0; }

.Solution .line::after { -webkit-border-radius: 100%; border-radius: 100%; width: 8px; height: 8px; position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #eb9f4b; content: ''; }

.Solution .line::before { -webkit-border-radius: 100%; border-radius: 100%; width: 8px; height: 8px; position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #eb9f4b; content: ''; }

.SolutionList { overflow: hidden; position: relative; }

.Solution ul { position: relative; z-index: 2; }

.Solution ul li { padding: 0px 10px; text-align: center; cursor: pointer; }

.Solution ul li .num { position: relative; width: 70px; height: 70px; margin: 0px auto; border: 2px solid #f0f0f0; -webkit-border-radius: 100%; border-radius: 100%; }

.Solution ul li .num span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 40px; height: 40px; -webkit-border-radius: 100%; border-radius: 100%; background: #f0f0f0; line-height: 40px; text-align: center; font-size: 18px; color: #4d77ff; -webkit-box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.1); }

.Solution ul li h3 { font-size: 14px; text-align: center; font-weight: 700; padding-top: 15px; }

.Solution ul li .desc { font-size: 12px; color: #65676c; line-height: 20px; padding-top: 10px; }

.Solution ul li:hover .num { border-color: #eb9f4b; }

.Solution ul li:hover .num span { background: #eb9f4b; color: #fff; }

.Solution ul li.cur .num { border-color: #eb9f4b; }

.Solution ul li.cur .num span { background: #eb9f4b; color: #fff; }

.SchemeProcessbox { background: #f7f7f7; padding: 20px 10px; margin: 20px -15px 0px; display: none;}

.SchemeProcess { padding: 20px 10px; background: #fff; -webkit-border-radius: 10px; border-radius: 10px; }

.SchemeProcess ul { padding: 15px 10px 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 2px dotted #eb9f4b; -webkit-border-radius: 10px; border-radius: 10px; }

.SchemeProcess ul li { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 20px; position: relative; margin-top: 10px; }

.SchemeProcess ul li::after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 5px; border: 8px solid transparent; border-right: none; border-left-color: #eb9f4b; }

.SchemeProcess ul li p { font-size: 14px; border: 2px solid #4d77ff; line-height: 40px; padding: 0px; -webkit-border-radius: 40px; border-radius: 40px; text-align: center; color: #323232; font-weight: 700; }

.SchemeProcess ul li:last-child::after { display: none; }

.SchemeProcess dl { padding: 15px 5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 2px dotted #eb9f4b; -webkit-border-radius: 10px; border-radius: 10px; margin-top: 20px; }

.SchemeProcess dl dd { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0px 5px 20px; position: relative; }

.SchemeProcess dl dd h3 { font-size: 14px; font-weight: 700; line-height: 38px; -webkit-border-radius: 38px; border-radius: 38px; background: #4d77ff; text-align: center; color: #fff; }

.SchemeProcess dl dd .desc { font-size: 12px; color: #65676c; line-height: 20px; padding-top: 15px; text-align: left; }

.CooperationCasesbox { position: relative; overflow: hidden; padding-top: 20px; min-height: 540px; padding-bottom: 40px; }

.CooperationCases { width: 70%; margin: 25px auto 0px; padding-bottom: 60px; visibility: hidden; opacity: 0; }

.CooperationCases ul { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.CooperationCases ul li { height: 300px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.CooperationCases ul li .CooperationCasesContent { padding: 0px; width: 100%; margin: 0px; height: 200px; background: #fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1); text-align: center; -webkit-border-radius: 10px; border-radius: 10px; }

.CooperationCases ul li .CooperationCasesContent .CasesLogo { padding: 15px 0px; }

.CooperationCases ul li .CooperationCasesContent .CasesLogo img { display: block; height: 100px; margin: 0px auto; }

.CooperationCases ul li .CooperationCasesContent h3 { font-size: 14px; color: #323232; font-weight: 700; padding: 15px 0px 10px; border-top: 1px solid #f0f0f0; }

.CooperationCases ul li .CooperationCasesContent .desc { font-size: 12px; color: #65676c; line-height: 24px; visibility: hidden; opacity: 0; height: 0px; overflow: hidden; }

.CooperationCases ul li.swiper-slide-active a { display: block; margin: 0px auto; }

.CooperationCases ul li.swiper-slide-active .CooperationCasesContent { padding: 10px 15px 0px; width: 100%; height: 100%; margin: 0px auto; }

.CooperationCases ul li.swiper-slide-active .CooperationCasesContent .CasesLogo { padding: 15px 0px; }

.CooperationCases ul li.swiper-slide-active .CooperationCasesContent .CasesLogo img { height: 70px; }

.CooperationCases ul li.swiper-slide-active .CooperationCasesContent h3 { padding: 15px 0px 10px; }

.CooperationCases ul li.swiper-slide-active .CooperationCasesContent .desc { padding-bottom: 20px; display: block; visibility: visible; opacity: 1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; height: auto; text-align: left;}

.CooperationCases ul li.swiper-slide-prev { padding-left: 57%; }

.CooperationCases ul li.swiper-slide-next { padding-right: 57%; }

.CooperationCasesShow { visibility: visible; opacity: 1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.Casesbtnbox { text-align: center; }

.Casesbtn { display: inline-block; position: relative; padding: 0px 45px; }

.Casesbtn em { width: 30px; height: 30px; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #e8e8e8; -webkit-border-radius: 100%; border-radius: 100%; cursor: pointer; }

.Casesbtn em::after { content: ''; display: block; width: 8px; height: 8px; border: 2px solid #323232; border-left: none; border-top: none; left: -webkit-calc(50% + 3px); left: calc(50% + 3px); top: 50%; -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); position: absolute; }

.Casesbtn em.CasesNextbutton { right: 0px; }

.Casesbtn em.CasesNextbutton::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); left: -webkit-calc(50% - 2px); left: calc(50% - 2px); }

.Casesbtn em.CasesPrevbutton { left: 0px; }

.Casesbtn em:hover { background: #eb9f4b; }

.Casesbtn em:hover:after { border-color: #fff; }

.CasesDot { line-height: 50px; }

.CasesDot span { background: #e8e8e8; width: 7px; height: 7px; -webkit-border-radius: 100%; border-radius: 100%; opacity: 1; margin: 0px 3px; }

.CasesDot span.swiper-pagination-bullet-active { background: #eb9f4b; }

/*--解决方案-详情--*/
.SolutionDetailbox { background: #f6f6f6; padding: 20px 0px; }

.SolutionDetail { background: #fff; padding: 20px 15px; }

.SolutionDetailTitlebox { border-bottom: 2px solid #eb9f4b; padding-bottom: 20px; }

.SolutionDetailTitlebox dt { width: 100%; }

.SolutionDetailTitlebox dt img { display: block; height: 80px; }

.SolutionDetailTitlebox dd { padding: 20px 0px 0px 0px; }

.SolutionDetailTitlebox dd h3 { font-size: 16px; color: #323232; font-weight: 700; }

.SolutionDetailTitlebox dd .desc { font-size: 12px; color: #868484; padding-top: 10px; }

.SolutionDetailContent { border-bottom: 1px solid #e7e7e7; padding: 20px 0px 20px 0px; }

.SolutionDetailContentTitle { font-size: 14px; color: #323232; font-weight: 700; padding-bottom: 10px; }

.SolutionDetailContent .desc { font-size: 12px; color: #868484; line-height: 22px; }

.SolutionDetailReturn { padding: 30px 0px; text-align: center; }

.SolutionDetailReturn a { display: inline-block; width: 100px; line-height: 35px; font-size: 12px; color: #fff; text-align: center; background: #eb9f4b; -webkit-border-radius: 4px; border-radius: 4px; }

/*--新闻中心--*/
.newslist { padding: 30px 0px; }

.newslist ul { margin: 0px; padding-bottom: 30px; }

.newslist ul li { width: 100%; margin-top: 20px; float: left; padding: 0px; }

.newslist ul li .newslistImg img { display: block; width: 100%; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; }

.newslist ul li .newslistContent { padding: 15px 10px; background: #f6f6f6; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; }

.newslist ul li .newslistContent h3 { font-size: 14px; display: -webkit-box; height: 44px; line-height: 22px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-weight: 700; }

.newslist ul li .newslistContent .desc { font-size: 12px; display: -webkit-box; height: 60px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 10px; color: #65676c; }

.newslist ul li .newslistContent .time { font-size: 12px; margin-top: 10px; text-align: right; color: #ac9c8a; position: relative; }
.newslist ul li .newslistContent .time span{ left: 0px; top: 0px; position: absolute;}



.pages { text-align: center; }

.pages span{width: 30px; height: 30px; line-height: 30px;padding:0 !important;vertical-align: middle; margin: 0px !important;}
.pages span em{ background: #eb9f4b !important;}

.pages a { display: inline-block; width: 30px; height: 30px; line-height: 30px;padding:0 !important; vertical-align: middle; font-size: 12px; border: 1px solid #f1f1f1; text-align: center; margin: 0px 5px; -webkit-border-radius: 4px; border-radius: 4px; position: relative; }

.pages a:hover { border: 1px solid #eb9f4b; color: #eb9f4b; }

.pages a.layui-laypage-prev { background: #f1f1f1; border: 1px solid #f1f1f1; color: #eb9f4b; }

.pages a.layui-laypage-prev:hover { background: #eb9f4b; border: 1px solid #eb9f4b; color: #fff; }

.pages a.layui-laypage-prev::after { content: ''; width: 100%; height: 100%; background: url(../images/page02.png) no-repeat center; position: absolute; left: 0px; top: 0px; }

.pages a.layui-laypage-prev:hover::after { background: url(../images/page2.png) no-repeat center; }

.pages a.layui-laypage-next { background: #f1f1f1; border: 1px solid #f1f1f1; color: #eb9f4b; }

.pages a.layui-laypage-next:hover { background: #eb9f4b; border: 1px solid #eb9f4b; color: #fff; }

.pages a.layui-laypage-next::after { content: ''; width: 100%; height: 100%; background: url(../images/page01.png) no-repeat center; position: absolute; left: 0px; top: 0px; }

.pages a.layui-laypage-next:hover:after { background: url(../images/page1.png) no-repeat center; }




/*--新闻中心-详情--*/
.newsDetailTitle { padding: 30px 0px 20px; border-bottom: 1px solid #eb9f4b; }

.newsDetailTitle h1 { font-size: 18px; color: #323232; line-height: 1.3; }

.newsDetailTitle p { font-size: 16px; color: #c5c5c5; padding-top: 15px; }

.newsDetailTitle p span { float: right; color: #4b4f5b; font-size: 12px; }

.newsDetail { font-size: 14px; line-height: 24px; padding: 20px 0px; color: #65676c; }

.newsDetail img { max-width: 100%; }

.DetailNextpage { margin-top: 20px; border-top: 1px solid #3d3f48; border-bottom: 1px solid #3d3f48; }

.DetailNextpage p { border-bottom: 1px solid #dddddd; position: relative; padding: 0px 90px 0px 90px; font-size: 14px; line-height: 50px; white-space: nowrap; height: 50px; }

.DetailNextpage p span { position: absolute; left: 0px; padding-left: 10px; top: 0px; display: block; width: 75px; }

.DetailNextpage p span:after { content: ''; border-left: 5px solid transparent; border-bottom: 5px solid #000000; border-right: 5px solid transparent; position: absolute; right: 0%; width: 0px; height: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.DetailNextpage p em { position: absolute; right: 0px; font-style: normal; top: 0px; padding-right: 0px; width: 80px; display: block; }

.DetailNextpage p a { display: block; text-overflow: ellipsis; overflow: hidden; }

.DetailNextpage p:nth-child(2) { border: none; }

.DetailNextpage p:nth-child(2) span:after { border-bottom: none; border-top: 5px solid #000000; }

.DetailReturn { text-align: center; padding: 20px 0px 40px; }

.DetailReturn a { width: 100px; line-height: 40px; font-size: 12px; border: 2px solid #dddddd; text-align: center; color: #eb9f4b; display: inline-block; }

.DetailReturn a:hover { background: #eb9f4b; border-color: #eb9f4b; color: #fff; }

/*--关于我们--*/
.about dl { padding: 35px 0px 35px; }

.about dl dt { font-size: 14px; color: #65676c; line-height: 24px; padding-bottom: 25px; }

.about dl dd { width: 70%; margin: 0px auto; }

.about dl dd img { display: block; width: 100%; }

.about ul{padding:20px 0px}

.about ul li { padding: 10px 10px 25px 75px; position: relative; }

.about ul li img { width: 60px; height: 60px; position: absolute; left: 0px; top: 0px; -webkit-border-radius: 100%; border-radius: 100%; background: #f1f2f7; }

.about ul li h3 { font-size: 16px; color: #323232; font-weight: 700; }

.about ul li p { font-size: 12px; color: #65676c; padding-top: 5px; }

.socialResponsibility { padding: 30px 0px 0px; }

.socialResponsibilityDesc { font-size: 14px; color: #65676c; text-align: center; line-height: 24px; padding-top: 20px; }

.socialResponsibilityImgbox { position: relative; margin-top: 50px; }

.socialResponsibilityImgbox span { position: absolute; top: 50%; z-index: 20; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 30px; background-color: #e0e0e0; background-repeat: no-repeat; background-position: center; -webkit-border-radius: 100%; border-radius: 100%; }

.socialResponsibilityImgbox span.socialResponsibilityImgPrev { left: -10px; background-image: url(../images/img_39.png); }

.socialResponsibilityImgbox span.socialResponsibilityImgNext { right: -10px; background-image: url(../images/img_40.png); }

.socialResponsibilityImgbox span:hover { background-color: #eb9f4b; }

.socialResponsibilityImg { position: relative; overflow: hidden; }

.socialResponsibilityImg img { display: block; width: 100%; }

.socialResponsibilityImg p { text-align: center; font-size: 16px; color: #323232; padding-top: 10px; }

.honor { padding: 30px 0px 20px; }

.honor ul { margin: 0px -5px; }

.honor ul li { margin-top: 15px; float: left; width: 50%; padding: 0px 5px; }

.honor ul li p { font-size: 12px; position: absolute; left: 0px; bottom: 15px; width: 100%; text-align: center; color: #ffffff; font-weight: 700; }

.honor ul li:nth-child(2n+1) { clear: left; }

.honorClass { text-align: center; padding-top: 5px; }

.honorClass a { color: #323232; font-size: 14px; font-weight: 700; margin: 0px 20px; }

.honorClass a.cur { color: #eb9f4b; }

.honorContent { position: relative; overflow: hidden; }

.honorContent img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .8s ease; transition: all .8s ease; }

.honorContent:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.honorload { text-align: center; padding: 50px 0px 50px; }

.honorload a { display: inline-block; padding:0px 20px; line-height: 35px; height: 35px; border: 1px solid #ccc; color: #666; background: #fff; position: relative; transition: all .4s ease; -webkit-transition: all .4s ease; -webkit-border-radius:5px; border-radius: 5px; }
.honorload a:hover{ background: #eb9f4b; color: #fff; border-color: #eb9f4b;}

/* .honorload a::after { width: 18px; height: 2px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #eb9f4b; content: ''; display: block; }

.honorload a::before { width: 2px; height: 18px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #eb9f4b; content: ''; display: block; } */

.recruitMain { background: #f6f6f6; padding: 20px 0px 40px; }

.recruitSearch { padding: 20px 15px; background: #fff; }

.recruitSearchTitle { position: relative; z-index: 2; padding-bottom: 10px; }

.recruitSearchTitle h3 { float: left; font-size: 16px; font-weight: 700; }

.share { float: right; position: relative; }

.share i { font-size: 12px; color: #bebebe; display: block; padding-bottom: 15px; padding-right: 20px; }

.share i::after { content: ''; display: block; width: 8px; height: 8px; right: 0px; top: 3px; position: absolute; border: 1px solid #c0c0c0; border-left: none; border-top: none; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .4s ease; transition: all .4s ease; }

.share > span { position: absolute; left: 0px; right: 0px; top: 25px; background: #fff; padding: 0px 18px 10px; display: none; }

.share > span a { background-repeat: no-repeat; height: 25px; line-height: 25px; padding-left: 35px; color: #848484; font-size: 14px; display: block; margin-top: 12px; text-align: left; }

.share > span a.icon-qzone { background-image: url(../images/icon_qqkj.png); }

.share > span a.icon-weibo { background-image: url(../images/icon_weibo.png); }

.share > span a.icon-qq { background-image: url(../images/icon_qq.png); }

.share > span a.icon-wechat { background-image: url(../images/icon_weixin.png); }

.share:hover i:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); top: 8px; }

.share:hover > span { display: block; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); }

.Inputbox { position: relative; }

.Inputbox label { display: block; padding: 8px 160px 8px 15px; background: #f6f6f6; -webkit-border-radius: 5px; border-radius: 5px; }

.Inputbox label input { font-size: 14px; color: #bebebe; }

.Inputbox label input::-webkit-input-placeholder { color: #bebebe; }

.Inputbox label input:-moz-placeholder { color: #bebebe; }

.Inputbox label input::-moz-placeholder { color: #bebebe; }

.Inputbox label input:-ms-input-placeholder { color: #bebebe; }

.Inputbox .inputBtn { background: #eb9f4b; width: 140px; height: 100%; position: absolute; right: 0px; cursor: pointer; outline: none; text-align: center; font-size: 14px; color: #ffffff; font-weight: 700; top: 0px; -webkit-border-radius: 5px; border-radius: 5px; }

.screen { padding-top: 20px; }

.screen ul li { float: left; width: 33.3333%; padding: 0px 7px; }

.screen ul li select { width: 100%; }

.positionList { background: #fff; padding: 10px 15px 40px; margin-top: 15px; }

.positionList ul li { border-bottom: 1px solid #e7e7e7; position: relative; }

.positionList ul li a { display: block; padding: 15px 0px; position: relative; z-index: 2; }

.positionList ul li a h3 { font-size: 14px; color: #323232; font-weight: 700; }

.positionList ul li a h3 span { width: 26px; height: 26px; display: inline-block; vertical-align: middle; margin-right: 15px; background: #eb9f4b; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; font-size: 14px; line-height: 26px; text-align: center; }

.positionList ul li a .label { padding-top: 10px; }

.positionList ul li a .label span { padding: 0px 10px; color: #868484; font-size: 12px; position: relative; }

.positionList ul li a .label span::after { content: ''; right: 0px; top: 0px; height: 100%; width: 1px; background: #e1e1e1; position: absolute; }

.positionList ul li a .label span:first-child { padding-left: 0px; }

.positionList ul li a .label span:last-child::after { display: none; }

.positionList ul li a .city { font-size: 12px; color: #323232; padding-top: 10px; }

.positionList ul li a .city span { float: right; color: #868484; font-size: 12px; }

.positionList ul li:hover::before { content: ''; display: block; position: absolute; left: -40px; right: -40px; top: 0px; bottom: 0px; background: #fafafa; }

.newPosition { background: #fff; padding: 20px 15px 20px; margin-top: 20px; }

.newPosition h3 { font-size: 16px; font-weight: 700; padding-bottom: 15px; }

.newPosition h3 a { float: right; color: #bebebe; font-size: 14px; }

.newPosition h3 a:hover { color: #eb9f4b; }

.newPosition ul li { padding: 15px 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #e7e7e7; }

.newPosition ul li a { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px; color: #323232; }

.newPosition ul li span { width: 26px; height: 26px; display: block; margin-right: 15px; background: #eb9f4b; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; font-size: 14px; line-height: 26px; text-align: center; }

.newPosition ul li:last-child { border-bottom: none; }

.positionList .pages { padding-top: 50px; }

.wechat-qrcode { display: none; border: 1px solid #eee; position: fixed; z-index: 999; top: 50%; left: 50%; width: 200px; height: 192px; margin-top: -96px; margin-left: -100px; color: #666; font-size: 12px; text-align: center; background-color: #fff; -webkit-box-shadow: 0 2px 10px #aaa; box-shadow: 0 2px 10px #aaa; -webkit-transition: all 200ms; transition: all 200ms; -webkit-tansition: all 350ms; -moz-transition: all 350ms; }

.wechat-qrcode.bottom { top: 40px; left: -84px; }

.wechat-qrcode.bottom:after { display: none; }

.wechat-qrcode h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777; }

.wechat-qrcode .qrcode { width: 105px; margin: 10px auto; }

.wechat-qrcode .qrcode table { margin: 0 !important; }

.wechat-qrcode .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; width: 100%; }

.wechat-qrcode .closeWechat { position: absolute; right: 5px; top: 5px; width: 16px; height: 16px; z-index: 9; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); cursor: pointer; }

.wechat-qrcode .closeWechat:after { width: 2px; height: 100%; position: absolute; left: 50%; margin-left: -1px; content: ''; display: block; background: #666; }

.wechat-qrcode .closeWechat::before { width: 100%; height: 2px; position: absolute; top: 50%; margin-top: -1px; content: ''; display: block; background: #666; }

/*--招聘详情--*/
.recruitDetailbox { padding: 20px 15px; background-color: #fff; }

.recruitTime { font-size: 12px; color: #868484; padding-bottom: 15px; position: relative; z-index: 2; }

.recruitDetailTitle { font-size: 16px; color: #323232; }

.recruitDetailTitle span { width: 26px; height: 26px; display: inline-block; vertical-align: middle; margin-right: 15px; background: #eb9f4b; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; font-size: 14px; line-height: 26px; text-align: center; }

.UrbanSector { padding-top: 15px; position: relative; }

.UrbanSector .label { padding-top: 10px; }

.UrbanSector .label span { padding: 0px 8px; color: #868484; font-size: 12px; position: relative; }

.UrbanSector .label span::after { content: ''; right: 0px; top: 0px; height: 100%; width: 1px; background: #e1e1e1; position: absolute; }

.UrbanSector .label span:first-child { padding-left: 0px; }

.UrbanSector .label span:last-child::after { display: none; }

.UrbanSector .city { font-size: 12px; color: #323232; padding-top: 15px; }

.UrbanSector .return { width: 90px; line-height: 35px; font-size: 12px; display: block; color: #ffffff; text-align: center; background: #eb9f4b; position: absolute; right: 0px; bottom: 0px; -webkit-border-radius: 5px; border-radius: 5px; }

.UrbanSector .return:hover { color: #ffffff; }

.recruitDetail { font-size: 12px; line-height: 24px; border: 1px solid #e7e7e7; border-left: none; border-right: none; padding: 20px 0px; margin-top: 20px; color: #868484; }

.recruitDetailDescTitle { font-size: 14px; font-weight: 700; color: #323232; }

.applyBtn { padding: 20px 0px 30px; }

.applyBtn a { width: 100px; line-height: 35px; font-size: 12px; display: block; color: #ffffff; text-align: center; background: #eb9f4b; color: #ffffff; font-weight: 700; -webkit-border-radius: 5px; border-radius: 5px; margin: 0px auto; }

.applyBtn a:hover { color: #ffffff; }

/*--联系我们--*/
.contactUs { padding-top: 30px; }

.contactUs ul { padding-top: 20px; }

.contactUs ul { margin: 0px; }

.contactUs ul li { padding: 0px 0px 20px; }

.contactUs ul li img { height: 60px; -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); display: block; margin: 0px auto; -webkit-border-radius: 100%; border-radius: 100%; background-color: #fff; }

.contactUs ul li p { font-size: 14px; padding-top: 20px; text-align: center; color: #323232; }

.OfficeAddress { padding: 30px 0px; }

.OfficeAddress ul { padding-top: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.OfficeAddress ul li {  float: left; width: 50%; text-align: center; padding: 0px 15px 20px; min-height: 100px; border-right: 1px solid #dfdfdf; }

.OfficeAddress ul li h3 { font-size: 20px; color: #323232; padding-bottom: 15px; }

.OfficeAddress ul li p { font-size: 14px; color: #494949; line-height: 24px; }

.OfficeAddress ul li:nth-child(2n) { border: none; }

.OfficeAddress ul li:last-child { border-right: none; }

.OfficeAddress ul li:nth-child(2n+1) { clear: left; }

.Networkbox { background-color: #f6f6f6; padding: 30px 0px 40px; }

.NetworkMap { margin: 0px auto; max-width: 300px; position: relative; }

.NetworkMap img { display: block; width: 100%; }

.NetworkMap ul { position: absolute; left: 0px; top: 0px; width: 100%; }

.NetworkMap ul li { position: absolute; left: 0px; top: 0px; width: 100%; display: none; }

.NetworkMap dl { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.NetworkMap dl dd {font-size: 14px; position: absolute;  color: #65625c; cursor: pointer; }

.NetworkMap dl dd::after { content: ''; width: 10px; height: 10px; background: #996e17; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.NetworkMap dl dd.huanan { padding-right: 15px; font-weight: 700; left: 59%; top: 59%; }

.NetworkMap dl dd.huanan::after { right: 0px; }

.NetworkMap dl dd.zhongxi { padding-right: 15px; font-weight: 700; left: 51%; top: 43%; }

.NetworkMap dl dd.zhongxi::after { right: 0px; }

.NetworkMap dl dd.huadong { padding-right: 15px; font-weight: 700; left: 69%; top: 41%; white-space: nowrap; }

.NetworkMap dl dd.huadong::after { right: 0px; }

.NetworkMap dl dd.huabei { padding-right: 15px; font-weight: 700; left: 58%; top: 25%; }

.NetworkMap dl dd.huabei::after { right: 0px; background: url(../images/img_59.png) no-repeat; width: 11px; height: 10px; }

.NetworkListbox { padding-left: 0px; padding-top: 20px; }

.NetworkListbox h3 { font-size: 16px; color: #323232; font-weight: 600; }

.NetworkListbox h3 span { color: #eb9f4b; padding-right: 10px; font-family: 'INDIANTYPEFOUNDRY-BOLD';}

.NetworkClass { border-bottom: 2px solid #d8d8d8; padding-top: 15px; }

.NetworkClass a { font-size: 14px; padding-bottom: 10px; margin-right: 15px; display: inline-block; color: #323232; font-weight: 700; margin-bottom: -2px; border-bottom: 2px solid transparent; }

.NetworkClass a.cur { border-bottom: 2px solid #eb9f4b; color: #eb9f4b; }

.NetworkCity { padding-top: 10px; display: none; }

.NetworkCity a { display: block; float: left; color: #7f7f7f; font-size: 12px; margin-right: 20px; margin-top: 10px; }


/*--投诉建议--*/
.complaintbox { background: #f6f6f6; padding: 30px 0px; }

.complaintDesc { font-size: 14px; color: #868484; text-align: center; padding-bottom: 20px; }

.complaint { background: #fff; padding: 20px 15px; }

.complaint dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.complaint dl dd { padding-bottom: 30px; width: 100%;}

.complaint dl dd p { font-size: 14px; color: #323232; padding-bottom: 10px; font-weight: 700; }

.complaint dl dd p span { color: #ea2a00; padding-left: 10px; }

.complaint dl dd label { display: block; background: #f6f6f6; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px 10px; }

.complaint dl dd label input { font-size: 12px; color: #aaaaaa; }

.complaint dl dd label textarea { width: 100%; outline: none; height: 105px; resize: none; }

.complaint dl.submitComplaint { text-align: center; }

.complaint dl.submitComplaint input { width: 100px; height: 35px; color: #fff; background: #eb9f4b; margin: 0px auto; -webkit-border-radius: 5px; border-radius: 5px; }

.complaint dl:nth-child(1) dd { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }

.select2-container { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; }

.select2-container .select2-selection--single { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.select2-container .select2-selection--single .select2-selection__clear { position: relative; }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; }

.select2-container .select2-selection--multiple { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; }

.select2-container .select2-search--inline { float: left; }

.select2-container .select2-search--inline .select2-search__field { -webkit-box-sizing: border-box; box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.select2-dropdown { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; }

.select2-results { display: block; }

.select2-results__options { list-style: none; margin: 0; padding: 0; }

.select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

.select2-results__option[aria-selected] { cursor: pointer; }

.select2-container--open .select2-dropdown { left: 0; }

.select2-container--open .select2-dropdown--above { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }

.select2-search--dropdown { display: block; padding: 4px; }

.select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide { display: none; }

.select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); }

.select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }

.select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; }

.select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }

.select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; }

.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; }

.select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: text; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered { -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; }

.select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; }

.select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] { padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] { color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; }

.select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; }

.select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; outline: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee)); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }

.select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; }

.select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; }

.select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc)); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

.select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; -webkit-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee)); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff)); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: text; outline: 0; }

.select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field { outline: 0; -webkit-box-shadow: none; box-shadow: none; }

.select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above { border-bottom: none; }

.select2-container--classic .select2-dropdown--below { border-top: none; }

.select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] { padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff; }

.select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; }

.screen ul { margin: 0px -7px; }

.screen ul li select { height: 42px; }

.screen ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.screen ul li > span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.screen ul li .select2-container--default .select2-selection--single { -webkit-border-radius: 0px; border-radius: 0px; height: 35px; border: none; }

.screen ul li .select2-container .select2-selection--single .select2-selection__rendered { padding: 0px 10px; }

.screen ul li .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 35px; -webkit-border-radius: 5px; border-radius: 5px; background: #f6f6f6; }

.screen ul li .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; top: 0px; }

.select2-results__option { padding: 6px 10px; }

.scanning { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(../images/img_61.png) no-repeat left top; background-size: 100%; }
.scanning2 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(../images/img_061.png) no-repeat center; background-size: 85%; }


.cycle_logo { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50%; height: 50%; z-index: 3; }

.cooperativePartnerbox { position: relative; padding: 20px 0px; }

.cooperativePartnerbox::after { width: 15%; content: ''; display: block; z-index: 20; background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, #fff), color-stop(40%, rgba(255, 255, 255, 0))); background-image: linear-gradient(to right, #fff 40%, rgba(255, 255, 255, 0)); position: absolute; left: 0px; top: 0px; bottom: 0px; }

.cooperativePartnerbox::before { width: 15%; content: ''; display: block; z-index: 20; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(60%, #fff)); background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 60%); position: absolute; right: 0px; top: 0px; bottom: 0px; }

.cooperativePartner { overflow: hidden; position: relative; margin-top: 10px; }

.cooperativePartner ul { -webkit-transition-timing-function: linear; transition-timing-function: linear; }

.cooperativePartner ul li { width: 33.3333%; border: 1px solid #e1e6f0; margin-left: -1px; }

.cooperativePartner ul li img { display: block; width: 100%; }

.SinglePageContent { font-size: 14px; padding: 30px 0px; color: #7f7f7f; line-height: 1.8; }

.WebMap { padding: 30px 0px; }

.WebMap dl { border: 1px solid #e6e6e6; margin-top: 30px; }

.WebMap dl h3 { padding-left: 20px; padding-bottom: 5px; }

.WebMap dl h3 span { font-size: 20px; color: #00a1e9; position: relative; top: -12px; background-color: #fff; padding: 0px 13px; }

.WebMap dl h3 span a { color: #eb9f4b; }

.WebMap dl dd { padding-left: 33px; padding-bottom: 15px; }

.WebMap dl dd a { font-size: 14px; padding-right: 20px; display: inline-block; padding-bottom: 8px; }

.WebMap dl dd a em { display: inline-block; margin-right: 8px; width: 3px; height: 3px; background-color: #eb9f4b; vertical-align: middle; }

.WebMap dl dd a:hover { color: #eb9f4b; }

.zoomify { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; }

.zoomify.zoomed { cursor: -webkit-zoom-out; cursor: zoom-out; padding: 0; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; position: relative; z-index: 1501; }

.zoomify-shadow { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: block; z-index: 1500; background: rgba(0, 0, 0, 0.3); opacity: 0; }

.zoomify-shadow.zoomed { opacity: 1; cursor: pointer; cursor: -webkit-zoom-out; cursor: zoom-out; }

.honorTab { display: none; }

/*--加入我们--*/
.JoinUs_environmentbox { padding: 30px 0px; }

.JoinUs_environmentClass { text-align: center; padding-bottom: 10px; }

.JoinUs_environmentClass a { margin: 0px 10px; font-size: 16px; color: #323232; }

.JoinUs_environmentClass a.cur { color: #eb9f4b; }

.JoinUs_environment { display: none; }

.JoinUs_environment ul { margin: 0px -5px; }

.JoinUs_environment ul li { float: left; width: 50%; padding: 10px 5px 0px; }

.JoinUs_environment ul li img { display: block; width: 100%; border-radius: 5px; }

.JoinUs_environment .more { text-align: center; padding-top: 20px; }

.JoinUs_environment .more a { display: inline-block; width: 120px; height: 42px; font-size: 14px; line-height: 42px; background: #eb9f4b; -webkit-border-radius: 6px; border-radius: 6px; text-align: center; color: #fff; }

.RecruitmentPosition { padding-bottom: 30px; }

.RecruitmentPosition ul { margin: 0px -5px; }

.RecruitmentPosition ul li { float: left; width: 50%; padding: 15px 5px 0px; }

.RecruitmentPositionContent { padding: 30px 0px; background: #fff; -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); -webkit-border-radius: 10px; border-radius: 10px; text-align: center; }

.RecruitmentPositionContent h3 { font-size: 16px; }

.RecruitmentPositionContent .icon { padding-top: 15px; display: none; }

.RecruitmentPositionContent .icon img { height: 100px; display: block; margin: 0px auto; }

.RecruitmentPositionContent .joinBtn { padding-top: 10px; }

.RecruitmentPositionContent .joinBtn span { display: block; margin: 0px auto; width: 100px; line-height: 35px; -webkit-border-radius: 35px; border-radius: 35px; font-size: 12px; color: #eb9f4b; background: #f6f6f6; }

.RecruitmentPositionContent:hover .joinBtn span { background: #eb9f4b; color: #fff; }

/*--申请职位--*/
.ApplyTitle { font-size: 18px; padding-bottom: 20px; color: #868484; }

.ReleaseTime { font-size: 14px; color: #868484; padding-top: 15px; }

.ApplyFormbox { padding: 0px 0px 60px; border-top: 1px solid #e7e7e7; margin-top: 30px; }

.ApplyForm { min-height: 200px; }

.ApplyForm h3 { font-size: 20px; color: #323232; border-bottom: 1px solid #e7e7e7; padding-bottom: 15px; font-weight: 600; margin-top: 50px; position: relative; }

.ApplyForm h3 span { display: block; position: absolute; right: 0px; font-size: 16px; color: #eb9f4b; padding-left: 35px; cursor: pointer; top: 4px; height: 26px; line-height: 26px; }

.ApplyForm h3 span::after { content: ''; background: url(../images/img_89.png) no-repeat center; -webkit-border-radius: 100%; border-radius: 100%; width: 22px; height: 22px; border: 2px solid #eb9f4b; position: absolute; left: 0px; }

.ApplyForm dl dd p { font-size: 14px; font-weight: 500; padding-bottom: 10px; padding-top: 15px; }

.ApplyForm dl dd p i { color: #ea2a00; font-size: 20px; font-style: normal; padding-left: 10px; }

.ApplyForm dl dd label { background-color: #f6f6f6; padding: 10px 10px; display: block; -webkit-border-radius: 4px; border-radius: 4px; height: 41px; }

.ApplyForm dl dd label input { vertical-align: middle; width: 100%; }

.ApplyForm dl dd .ApplicationSelect { width: 100%; height: 41px; }

.ApplyForm dl dd .select2-container { width: 100% !important; }

.ApplyForm dl dd .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 41px; }

.ApplyForm dl dd .select2-container .select2-selection--single { height: 41px; background: #f6f6f6; border: none; }

.ApplyForm dl dd .select2-container--default .select2-selection--single .select2-selection__arrow { height: 41px; }

.ApplyLocationbox { float: left; width: 240px; min-height: 200px; position: relative; display: none; }

.ApplyLocation { position: absolute; left: 0px; top: 50px; width: 240px; border-left: 2px solid #eeeeee; }

.ApplyLocation a { display: block; font-size: 16px; margin-top: 20px; padding-left: 50px; font-weight: 600; color: #323232; line-height: 30px; }

.ApplyLocation a.cur { color: #eb9f4b; }

.ApplyLocation a:first-child { margin-top: 0px; }

.ApplyLocation span { position: absolute; left: -2px; width: 2px; height: 30px; background-color: #eb9f4b; display: block; top: 0px; }

.ApplyForm dl dd .phoneNumber { position: relative; padding-left: 110px; }

.ApplyForm dl dd .phoneNumber .ApplicationSelect { position: absolute; left: 0px; top: 0px; width: 100px !important; }

.ApplyForm dl dd .phoneNumber .select2-container { position: absolute; left: 0px; width: 100px !important; top: 0px; }

.StudyTimebox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.StudyTimeItemBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.StudyTimeItem { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.StudyTimeItem .select2-container { width: 100% !important; }

.SplitLine { padding: 0px 5px; color: #aaaaaa; font-weight: 600; }

.ApplyForm dl dd.StudyTimeMain { padding-right: 0px; }

.educationList { position: relative; }

.educationList::after { background: #e5e5e5; position: absolute; left: -10px; right: -10px; top: 10px; bottom: -20px; z-index: 0; -webkit-border-radius: 10px; border-radius: 10px; }

.educationList dl { position: relative; z-index: 2; }

.educationList:hover::after { content: ''; }

.educationList .deleteEducationList { top: 18px; position: absolute; right: 0px; z-index: 20; cursor: pointer; width: 20px; height: 20px; background: url(../images/img_90.png) no-repeat center; background-size: cover; }

.experienceList { position: relative; }

.experienceList::after { background: #e5e5e5; position: absolute; left: -10px; right: -10px; top: 10px; bottom: -20px; z-index: 0; -webkit-border-radius: 10px; border-radius: 10px; }

.experienceList:hover::after { content: ''; }

.experienceList dl { position: relative; z-index: 2; }

.experienceList .deleteExperienceList { top: 18px; position: absolute; right: 0px; z-index: 20; cursor: pointer; width: 20px; height: 20px; background: url(../images/img_90.png) no-repeat center; background-size: cover; }

.statement { font-size: 14px; color: #8d8b8b; line-height: 24px; padding-top: 20px; }

.iSagree { position: relative; padding-left: 30px; margin-top: 25px; }

.iSagree label { cursor: pointer; }

.iSagree input { position: absolute; left: 0px; visibility: hidden; opacity: 0; }

.iSagree span { width: 20px; height: 20px; border: 2px solid #89827e; position: absolute; left: 0px; top: 0px; -webkit-border-radius: 4px; border-radius: 4px; }

.iSagree span::after { width: 100%; height: 100%; background: url(../images/img_91.png) no-repeat center; position: absolute; left: 0px; top: 0px; display: block; }

.iSagree label.cur span { background: #eb9f4b; border-color: #eb9f4b; }

.iSagree label.cur span::after { content: ''; }

.ApplySubmit { text-align: center; padding-top: 80px; }

.ApplySubmit input { width: 140px; height: 42px; color: #ffffff; font-weight: 700; font-size: 14px; background: #eb9f4b; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; }

.layui-layer-btn .layui-layer-btn0{    border-color: #eb9f4b !important;background-color: #eb9f4b !important;}

@media (min-width: 768px) { .commonweb { max-width: 750px; }
  .commonBanner dl h3 { font-size: 22px; }
  .commonBanner dl .subTitle{ font-size: 16px;}
  .commonBanner dl .consulting{padding-top: 15px;}
  .commonBanner dl .consulting a { width: 120px; line-height: 40px; font-size: 14px; }
  .commonBanner { padding-top: 31.53%; }
  .productvaluebox { padding: 60px 0px 50px; }
  .productvalueTitle { font-size: 20px; padding-bottom: 10px; }
  .productSolution ul { margin: 0px -15px; padding-top: 40px; }
  .productSolution ul li { float: left; width: 50%; padding: 0px 15px 20px; }
  .productSolution ul li .productSolutionContent { height: 170px; }
  .productvalue ul li { float: left; width: 50%; }
  .productvalue ul li:nth-child(2n+1){clear: left;}
  .SystemAdvantages { padding-top: 50px; }
  .ServiceAdvantageContent { margin-top: 40px; }
  .ServiceAdvantageContent .icon { top: -40px; margin-bottom: -40px; }
  .ServiceAdvantageContent .icon img { height: 70px; width: 70px; }
  .ServiceAdvantagebox { padding: 60px 0px; }
  .ServiceAdvantage { margin-top: 30px; padding-bottom: 30px;}
  .about dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 60px 0px 50px; }
  .about dl dt { padding-right: 3%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 16px; }
  .about dl dd { max-width: 307px; }
  .about ul li { float: left; width: 33.3333%; padding: 10px 10px 10px 70px; }
  .about ul li img { width: 60px; height: 60px; }
  .socialResponsibility { padding: 50px 0px 0px; }
  .socialResponsibilityImgbox span { width: 35px; height: 35px; }
  .socialResponsibilityImgbox span.socialResponsibilityImgPrev { left: -20px; }
  .socialResponsibilityImgbox span.socialResponsibilityImgNext { right: -20px; }
  .honor { padding: 50px 0px 0px; }
  .honorClass { padding-top: 20px; }
  .honor ul { margin: 0px -10px; }
  .honor ul li { margin-top: 20px; padding: 0px 10px; }
  .honor ul li p { font-size: 14px; bottom: 20px; }
  .recruitMain { padding: 25px 0px 50px; }
  .applyBtn { padding: 30px 0px 40px; }
  .applyBtn a { width: 120px; line-height: 38px; font-size: 14px; }
  .recruitDetail { font-size: 14px; line-height: 30px; padding: 25px 0px; margin-top: 25px; }
  .recruitDetailDescTitle { font-size: 14px; }
  .recruitSearch { padding: 30px; }
  .positionList { padding: 10px 20px 40px; }
  .contactUs { padding-top: 50px; }
  .contactUs ul { padding-top: 40px; }
  .contactUs ul { margin: 0px -15px; }
  .contactUs ul li { float: left; width: 33.3333%; padding: 0px 15px; }
  .contactUs ul li img { height: 60px; -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); }
  .OfficeAddress { padding: 60px 0px; }
  .OfficeAddress ul { padding-top: 25px; }
  .OfficeAddress ul li { float: left; width: 25%; padding: 0px 15px; }
  .OfficeAddress ul li:nth-child(2n) { border-right: 1px solid #dfdfdf; }
  .OfficeAddress ul li:last-child { border-right: none; }
  .OfficeAddress ul li:nth-child(2n+1) { clear: none; }
  .NetworkMap { float: left; width: 380px; max-width: inherit; margin: 0px; }
  .NetworkListbox { float: left; width: -webkit-calc(100% - 380px); width: calc(100% - 380px); padding-left: 50px; padding-top: 80px; }
  .NetworkMap dl dd.huanan { left: 64%; top: 59%; }
  .NetworkMap dl dd.zhongxi { left: 56%; top: 44%; }
  .NetworkMap dl dd.huadong { left: 72.5%; top: 41%; }
  .NetworkMap dl dd.huabei { left: 61.5%; top: 25.5%; }
  .NetworkCity a { font-size: 14px; margin-right: 20px; margin-top: 10px; }
  .Networkbox { padding: 40px 0px 30px; }
  .NetworkListbox h3 { font-size: 18px; }
  .NetworkClass { padding-top: 25px; }
  .NetworkClass a { font-size: 14px; padding-bottom: 15px; }
  .newsDetailTitle { padding: 50px 0px 30px; }
  .newsDetailTitle h1 { font-size: 20px; }
  .newsDetailTitle p { font-size: 18px; padding-top: 15px; }
  .newsDetailTitle p span { font-size: 14px; }
  .DetailReturn { text-align: center; padding: 30px 0px; }
  .DetailReturn a { width: 120px; line-height: 45px; font-size: 14px; }
  .newslist { padding: 50px 0px; }
  .newslist ul { margin: 0px -10px; padding-bottom: 40px; }
  .newslist ul li { width: 50%; margin-top: 25px; float: left; padding: 0px 10px; }
  .newslist ul li .newslistContent { padding: 20px; }
  .newslist ul li .newslistContent h3 { font-size: 18px; display: -webkit-box; height: 52px; line-height: 26px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .newslist ul li .newslistContent .desc { font-size: 14px; display: -webkit-box; height: 78px; line-height: 26px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 15px; }
  .newslist ul li .newslistContent .time { font-size: 14px; margin-top: 20px; }
  
  .newslist ul li:nth-child(2n+1){clear: left;}

  .SolutionDetailbox { padding: 40px 0px; }
  .SolutionDetailTitlebox { padding-bottom: 30px; }
  .SolutionDetailTitlebox dt { float: left; width: 200px; }
  .SolutionDetailTitlebox dt img { display: block; height: 100px; margin: 0px auto; }
  .SolutionDetailTitlebox dd { float: right; width: -webkit-calc(100% - 200px); width: calc(100% - 200px); padding: 15px 30px 0px 30px; }
  .SolutionDetailTitlebox dd h3 { font-size: 18px; }
  .SolutionDetailTitlebox dd .desc { font-size: 14px; padding-top: 15px; }
  .IndustryStatus { padding: 50px 0px 50px; }
  .Solution { padding: 0px 40px 30px; margin-top: 40px; }
  .Solution .line { top: 40px; }
  .Solution ul li { padding: 0px 10px; }
  .Solution ul li .num { width: 80px; height: 80px; border: 2px solid #f0f0f0; }
  .Solution ul li .num span { width: 46px; height: 46px; line-height: 46px; font-size: 20px; }
  .SchemeProcess { padding: 20px; }
  .SchemeProcess ul li { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; }
  .SchemeProcess dl dd { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0px 20px 0px 0px; }
  .SchemeProcess dl dd:last-child { padding-right: 0px; }
  .CooperationCasesbox { padding-top: 40px; min-height: 540px; padding-bottom: 60px; }
  .CooperationCases ul li { height: 400px; }
  .CooperationCases ul li .CooperationCasesContent { height: 260px; }
  .CooperationCases ul li .CooperationCasesContent .CasesLogo { padding: 20px 0px; }
  .CooperationCases ul li .CooperationCasesContent .CasesLogo img { display: block; height: 130px; margin: 0px auto; }
  .CooperationCases ul li.swiper-slide-active .CooperationCasesContent { padding: 20px; }
  .CooperationCases ul li.swiper-slide-active .CooperationCasesContent .CasesLogo { padding: 30px 0px; }
  .CooperationCases ul li.swiper-slide-active .CooperationCasesContent .CasesLogo img { height: 130px; }
  .complaintbox { padding: 50px 0px; }
  .complaint { padding: 40px 20px; }
  .complaint dl dd { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width:auto; }
  .complaint dl dd p { font-size: 16px; }
  .complaint dl:nth-child(2) dd:nth-child(1){ margin-right: 40px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .complaint dl.submitComplaint input { width: 120px; height: 42px; }
  .cooperativePartner ul li { width: 25%; }
  .SinglePageContent { padding: 50px 0px; }
  .WebMap { padding: 50px 0px; }
  .JoinUs_environment .more { padding-top: 30px; }
  .JoinUs_environmentbox { padding: 50px 0px; }
  .RecruitmentPosition { padding-bottom: 50px; }
  .RecruitmentPositionContent { -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); }
  .RecruitmentPositionContent h3 { font-size: 20px;}
  .RecruitmentPositionContent .icon { padding-top: 15px; }
  .RecruitmentPositionContent .icon img { height: 140px; }
  .RecruitmentPositionContent .joinBtn { padding-top: 10px; }
  .RecruitmentPositionContent .joinBtn span { width: 120px; line-height: 40px; -webkit-border-radius: 40px; border-radius: 40px; font-size: 14px; }
  .ServiceAdvantage { padding: 0px; }
  .ApplyForm dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .ApplyForm dl dd { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 35px; padding-right: 15px; }
  .ApplyForm dl dd:nth-child(2) { padding-left: 15px; padding-right: 0px; }
  .ApplyForm dl dd p { font-size: 16px; padding-top: 0px; }
  .educationList::after { top: 20px; }
  .experienceList::after { top: 20px; }
  .experienceList .deleteExperienceList { top: 28px; }
  .educationList .deleteEducationList { top: 28px; }
  .educationList .deleteEducationList { display: none; }
  .experienceList .deleteExperienceList { display: none; }
  .educationList:hover .deleteEducationList { display: block; }
  .experienceList:hover .deleteExperienceList { display: block; }
  .about ul{padding:40px 0px}
  .ServiceAdvantageDot{ display: none;}
}

@media (min-width: 992px) { .commonweb { max-width: 970px; }
  .DetailNextpage p span { position: absolute; left: 0px; padding-left: 40px; top: 0px; display: block; width: 15%; }
  .DetailNextpage p span:after { content: ''; border-left: 5px solid transparent; border-bottom: 5px solid #000000; border-right: 5px solid transparent; position: absolute; right: 0%; width: 0px; height: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .DetailNextpage p em { position: absolute; right: 0px; font-style: normal; top: 0px; padding-right: 30px; width: 120px; display: block; }
  .DetailNextpage p { border-bottom: 1px solid #dddddd; position: relative; padding: 0px 130px 0px 20%; font-size: 18px; line-height: 70px; white-space: nowrap; height: 70px; }
  .commonBanner { padding-top: 31.53%; }
  .commonBanner dl h3 { font-size: 26px; }
  .productvalue { max-width: 281px; margin: 0px auto; position: relative; }
  .productvalueImg { max-width: 281px; margin: 0px auto; }
  .productvalueImg img { width: 100%; display: block; }
  .productvalue ul li { width: 395px; position: absolute; height: 24px; background-repeat: no-repeat; }
  .productvalue ul li:nth-child(2n+1){clear: none;}
  .productvalue ul li .productValueContent { position: absolute; font-size: 14px; color: #323232; width: 100%; padding-right: 100px; top: -30px;}
  .productvalue ul li .productValueContent span { width: 40px; line-height: 40px; font-size: 20px;position: absolute; color: #3370cd; background: #fff; -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1); -webkit-border-radius: 100%; border-radius: 100%; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .productvalue ul li .productValueContent h3{ font-size: 18px;}
  .productvalue ul li .productValueContent .desc{ font-size: 14px; padding-top: 20px; line-height: 20px; opacity: 0.8;}

  .productvalue ul li.value1 { right: 76%; top: 20px; background-image: url(../images/img_03.png); background-position: right bottom; height: 34px; }
  /* .productvalue ul li.value1 .productValueContent { left: -144px; padding-right: 0px; padding-left: 0px; top: -6px; }
  .productvalue ul li.value1 .productValueContent span { right: 0px; left: auto; } */
  .productvalue ul li.value2 { left: 76%; top: 20px; background-image: url(../images/img_05.png); background-position: left bottom; height: 34px; }
  /* .productvalue ul li.value2 .productValueContent { right: -112px; left: auto; padding-left: 0px; top: -6px; }
  .productvalue ul li.value2 .productValueContent span { left: 10px; } */
  .productvalue ul li.value2 .productValueContent{ padding-right: 0px; padding-left: 100px;text-align: right;}
  .productvalue ul li.value3 { right: 76%; bottom: 28px; background-image: url(../images/img_04.png); background-position: right bottom; height: 34px; }
  .productvalue ul li.value3 .productValueContent{top: -8px;}
  /* .productvalue ul li.value3 .productValueContent { left: -82px; padding-right: 0px; padding-left: 0px; bottom: -15px; }
  .productvalue ul li.value3 .productValueContent span { right: 0px; left: auto; } */
  .productvalue ul li.value4 { left: 76%; bottom: 28px; background-image: url(../images/img_06.png); background-position: left bottom; height: 34px; }
  /* .productvalue ul li.value4 .productValueContent { right: -120px; bottom: -15px; left: auto; padding-left: 0px; }
  .productvalue ul li.value4 .productValueContent span { left: 10px; } */
  .productvalue ul li.value4 .productValueContent{ padding-right: 0px; padding-left: 100px;text-align: right; top: -8px;}
  .productSolution ul li .productSolutionContent { padding: 0px 20px; height: 170px; }
  .productSolution ul li .productSolutionContent dt { width: 95px; }
  .productSolution ul li .productSolutionContent dt img { width: 70px; }
  .SystemAdvantages dl { float: left; width: 400px; }
  .SystemAdvantagesList{float: left; width: -webkit-calc(100% - 400px); width: calc(100% - 400px);}
  .SystemAdvantagesList>h3{ text-align: left; padding-left: 30px;}
  .SystemAdvantages ul {  padding-left: 30px; }
  .SystemAdvantages ul li { padding: 25px 20px; }
  .SystemAdvantages ul li h3 { font-size: 14px; }
  .SystemAdvantages ul li .desc { font-size: 12px; padding-top: 10px; line-height: 24px; }
  .ServiceAdvantageContent { margin-top: 45px; }
  .ServiceAdvantageContent .icon { top: -45px; margin-bottom: -45px; }
  .ServiceAdvantageContent .icon img { height: 90px; width: 90px; }
  .ServiceAdvantage { padding-bottom: 40px; margin-top: 40px;}
  .ServiceAdvantageContent h3 { font-size: 16px; padding-top: 30px; }
  .ServiceAdvantageContent .desc { font-size: 14px; line-height: 28px; }
  .about dl dt { padding-right: 6%; }
  .about dl dd { max-width: 357px; }
  .about ul li { padding: 15px 10px 10px 85px; }
  .about ul li img { width: 70px; height: 70px; }
  .socialResponsibility { padding: 70px 0px 0px; }
  .socialResponsibilityImgbox span { width: 40px; height: 40px; }
  .socialResponsibilityImgbox span.socialResponsibilityImgPrev { left: -50px; }
  .socialResponsibilityImgbox span.socialResponsibilityImgNext { right: -50px; }
  /* .honor { padding: 100px 0px 60px; } */
  .honor ul { margin: 0px -15px; }
  .honor ul li { margin-top: 30px; width: 33.333%; padding: 0px 15px; }
  .honor ul li:nth-child(2n+1) { clear: none; }
  .honor ul li:nth-child(3n+1) { clear: left; }
  .newPosition ul li a { font-size: 16px; }
  .UrbanSector .return { width: 120px; font-size: 14px; line-height: 40px; }
  .recruitBox { float: left; width: -webkit-calc(100% - 430px); width: calc(100% - 430px); }
  .newPosition { float: right; width: 400px; padding: 40px 40px 20px; margin-top: 0px; }
  .newPosition h3 { font-size: 20px; }
  .newPosition ul li { padding: 23px 0px; }
  .recruitDetailbox { padding: 40px; }
  .recruitTime { font-size: 14px; }
  .share i { font-size: 14px; }
  .UrbanSector .label span { padding: 0px 18px; font-size: 14px; }
  .UrbanSector .city { font-size: 14px; }
  .screen ul li .select2-container .select2-selection--single .select2-selection__rendered { padding: 0px 20px; }
  .select2-results__option { padding: 6px 20px; }
  .positionList { padding: 10px 30px 40px; }
  .pages a { width: 40px; height: 40px; line-height: 40px; font-size: 14px; padding: 0 !important;}
  .pages span{width: 40px; height: 40px; line-height: 40px; padding: 0 !important;}
  .positionList ul li a { padding: 30px 0px; }
  .positionList ul li a h3 { font-size: 16px; }
  .positionList ul li a .label span { padding: 0px 18px; font-size: 14px; }
  .positionList ul li a .city { font-size: 14px; padding-top: 15px; }
  .positionList ul li a .city span { font-size: 14px; }
  .commonBanner dl .contactBanner { padding-top: 20px; }
  .commonBanner dl .contactBanner span { width: 50px; height: 50px; }
  .commonBanner dl .contactBanner a { font-size: 16px; padding-left: 90px; }
  .contactUs { padding-top: 70px; }
  .contactUs ul { padding-top: 50px; }
  .contactUs ul li img { height: 70px; -webkit-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1); box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1); }
  .contactUs ul li p { font-size: 16px; padding-top: 20px; }
  .OfficeAddress { padding: 80px 0px; }
  .OfficeAddress ul { padding-top: 35px; }
  .NetworkMap { float: left; width: 500px; max-width: inherit; margin: 0px; }
  .NetworkListbox { float: left; width: -webkit-calc(100% - 500px); width: calc(100% - 500px); padding-left: 50px; padding-top: 80px; }
  .NetworkListbox h3 { font-size: 22px; }
  .NetworkMap dl dd.huanan { left: 68%; top: 61%; }
  .NetworkMap dl dd.zhongxi { left: 61%; top: 45%; }
  .NetworkMap dl dd.huadong { left: 77%; top: 42%; }
  .NetworkMap dl dd.huabei { left: 64.5%; top: 26.5%; }
  .NetworkCity a { font-size: 14px; margin-right: 35px; margin-top: 20px; }
  .Networkbox { padding: 50px 0px 30px; }
  .NetworkClass { padding-top: 35px; }
  .NetworkClass a { font-size: 14px; padding-bottom: 15px;}
  /* .newsDetailTitle { padding: 70px 0px 30px; } */
  .newsDetailTitle h1 { font-size: 24px; }
  .newsDetailTitle p { font-size: 20px; padding-top: 10px; }
  .newsDetailTitle p span { font-size: 14px; }
  .newsDetail { line-height: 28px; padding: 40px 0px; }
  .DetailReturn { text-align: center; padding: 40px 0px; }
  .DetailReturn a { width: 160px; line-height: 50px; font-size: 14px; }
  /* .newslist { padding: 80px 0px; } */
  .newslist ul { margin: 0px -10px; padding-bottom: 50px; }
  .newslist ul li { width: 33.333%; margin-top: 30px; float: left; padding: 0px 10px; }
  .newslist ul li .newslistContent { padding: 25px; }
  .newslist ul li:nth-child(2n+1){clear: none;}
  .newslist ul li:nth-child(3n+1){clear: left;}
  .SolutionDetail { padding: 30px; }
  .SolutionDetailTitlebox { padding-bottom: 40px; }
  .SolutionDetailTitlebox dt { width: 260px; }
  .SolutionDetailTitlebox dt img { height: 140px; }
  .SolutionDetailTitlebox dd { width: -webkit-calc(100% - 260px); width: calc(100% - 260px); padding: 25px 40px 0px 40px; }
  .SolutionDetailContent { padding: 40px 50px 40px 0px; }
  .SolutionDetailContentTitle { font-size: 16px; padding-bottom: 15px; }
  .SolutionDetailContent .desc { font-size: 14px; line-height: 34px; }
  /* .IndustryStatus { padding: 60px 0px 80px; } */
  .IndustryStatusContent { padding: 30px 0px 0px; height: 280px; border-bottom: 6px solid #eb9f4b; }
  .IndustryStatusContent .icon img { height: 50px; }
  .IndustryStatusContent h3 { font-size: 14px; padding-top: 10px; }
  .IndustryStatusContent .desc { max-width: 200px; font-size: 12px; line-height: 22px; padding: 10px 0px 0px; }
  .Solutionbox { padding: 0px 0px 50px; }
  .Solution { padding: 0px 60px 30px; margin-top: 60px; }
  .Solution ul li { padding: 0px 15px; }
  .Solution .line { top: 45px; }
  .Solution ul li .num { width: 90px; height: 90px; border: 2px solid #f0f0f0; }
  .Solution ul li .num span { width: 56px; height: 56px; line-height: 56px; font-size: 24px; }
  .SchemeProcess { padding: 30px; }
  .SchemeProcess ul li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .SchemeProcess ul li:last-child { padding-right: 0px; }
  .SchemeProcessbox { padding: 20px; margin: 20px -15px 0px; }
  .SchemeProcess dl { padding: 20px 30px; }
  .CooperationCasesbox { padding-top: 50px; min-height: 540px; padding-bottom: 50px; }
  .CooperationCases ul li { height: 420px; }
  .CooperationCases ul li.swiper-slide-active .CooperationCasesContent { padding: 30px; }
  .CooperationCases ul li.swiper-slide-active .CooperationCasesContent .CasesLogo { padding: 30px 0px; }
  .CooperationCases ul li.swiper-slide-active .CooperationCasesContent .CasesLogo img { height: 150px; }
  .CooperationCases ul li.swiper-slide-active .CooperationCasesContent h3 { padding: 25px 0px 15px; }
  .Casesbtn { padding: 0px 55px; }
  .Casesbtn em { width: 40px; height: 40px; }
  .CasesDot span { margin: 0px 5px; }
  .complaintbox { padding: 80px 0px; }
  .complaint { padding: 50px 30px; }
  .complaint dl dd p { font-size: 18px; }
  .complaint dl dd label input { font-size: 14px; }
  .cooperativePartner ul li { width: 16.666666666666668%; }
  .SinglePageContent { padding: 70px 0px; }
  .WebMap { padding: 70px 0px; }
  .CooperationCases { max-width: 440px; }
  .Inputbox label { padding: 15px 160px 15px 15px; }
  .screen ul li .select2-container--default .select2-selection--single { height: 42px; }
  .screen ul li .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 42px; }
  .JoinUs_environmentClass a { margin: 0px 20px; font-size: 22px; }
  .JoinUs_environment ul { margin: 0px -10px; }
  .JoinUs_environment ul li { float: left; width: 33.333%; padding: 20px 10px 0px; }
  .JoinUs_environment .more a { width: 160px; height: 48px; font-size: 16px; line-height: 48px; }
  /* .JoinUs_environmentbox { padding: 70px 0px; } */
  .RecruitmentPosition ul { margin: 0px -15px; }
  .RecruitmentPosition ul li { float: left; width:25%; padding: 35px 15px 0px; }
  .RecruitmentPosition { padding-bottom: 70px; }
  .RecruitmentPositionContent { -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1); }
  .RecruitmentPositionContent h3 { font-size: 24px; }
  .RecruitmentPositionContent .icon { padding-top: 15px; }
  .RecruitmentPositionContent .icon img { height: 160px; }
  .RecruitmentPositionContent .joinBtn { padding-top: 10px; }
  .RecruitmentPositionContent .joinBtn span { width: 140px; line-height: 45px; -webkit-border-radius: 45px; border-radius: 45px; font-size: 16px; }
  .IndustryStatus span { display: none; } 
  .ApplyForm { float: left; width: -webkit-calc(100% - 140px); width: calc(100% - 140px); padding-right: 80px; }
  .ApplyLocationbox { float: left; width: 140px; min-height: 200px; position: relative; display: block; }
  .ApplyLocation { position: absolute; left: 0px; top: 50px; width: 140px; border-left: 2px solid #eeeeee; }
  .educationList::after { left: -20px; right: -20px; }
  .experienceList::after { left: -20px; right: -20px; }
}

@media (min-width: 1230px) { .commonweb { max-width: 1200px; }
  .commonBanner dl h3 { font-size: 32px;  }
  .commonBanner dl .subTitle{ font-size: 18px;}
  .commonBanner dl .consulting{padding-top: 15px;}
  .commonBanner dl .consulting a { width: 150px; line-height: 50px; font-size: 15px; }
  /* .productvaluebox { padding: 90px 0px 70px; } */
  .productvalueTitle { font-size: 22px; padding-bottom: 10px; }
  .productvalue ul li { width: 505px; }
  .productvalue ul li .productValueContent { font-size: 16px; }
  .productvalue ul li .productValueContent span { width: 48px; line-height: 48px; font-size: 26px; }
  /* .productvalue ul li.value1 .productValueContent { left: -156px; }
  .productvalue ul li.value2 .productValueContent { right: -130px; }
  .productvalue ul li.value3 .productValueContent { left: -87px; }
  .productvalue ul li.value4 .productValueContent { right: -135px; } */
  .productSolution ul li { width: 33.333%; }
  .productSolution ul li .productSolutionContent { padding: 0px 30px 0px 20px; }
  .productSolution ul li .productSolutionContent dd h3 { font-size: 16px; padding-bottom: 10px; }
  .productSolution ul li .productSolutionContent dd p { font-size: 14px; line-height: 24px; }
  /* .SystemAdvantages { padding-top: 90px; } */
  .SystemAdvantages dl { width: 486px; }
  .SystemAdvantagesList{width: -webkit-calc(100% - 486px); width: calc(100% - 486px);}
  .SystemAdvantages ul {margin-top: 40px; padding: 0px 15px 20px 30px; overflow: auto; max-height: 346px; }
  .SystemAdvantages ul li { padding: 30px 30px; margin:0px 0px 20px }
  .SystemAdvantages ul li:last-child{ margin:0px;}
  .SystemAdvantages ul li h3 { font-size: 16px; }
  .SystemAdvantages ul li .desc { font-size: 14px; padding-top: 20px; line-height: 24px; }
  .ServiceAdvantageContent { margin-top: 55px; }
  .ServiceAdvantageContent .icon { top: -55px; margin-bottom: -55px; }
  .ServiceAdvantageContent .icon img { height: 110px; width: 110px; }
  .ServiceAdvantage { margin-top: 40px; padding-bottom: 40px; }
  .about dl { padding: 50px 0px; }
  .about dl dt { padding-right: 16%; font-size:18px; line-height: 30px; }
  .about dl dd { max-width: 407px; }
  .about ul li { padding: 20px 10px 10px 125px; }
  .about ul li img { width: 90px; height: 90px; }
  .about ul li h3 { font-size: 20px; }
  .about ul li p { font-size: 14px; padding-top: 10px; }
  .socialResponsibility { padding:50px 0px 0px; }
  .socialResponsibilityImgbox span { width: 48px; height: 48px; }
  .socialResponsibilityImgbox span.socialResponsibilityImgPrev { left: -60px; }
  .socialResponsibilityImgbox span.socialResponsibilityImgNext { right: -60px; }
  /* .honor { padding: 130px 0px 70px; } */
  .honorClass { padding-top: 30px; }
  .honorClass a { font-size: 16px; }
  .honor ul { margin: 0px -10px; }
  .honor ul li { margin-top: 20px; padding: 0px 10px; }
  .honor ul li p { font-size: 14px; }
  .recruitDetailTitle { font-size: 20px; }
  .UrbanSector { padding-top: 25px; }
  .UrbanSector .return { width: 140px; line-height: 40px; }
  .recruitMain { padding: 30px 0px 50px; }
  .applyBtn { padding: 40px 0px 60px; }
  .applyBtn a { width: 140px; line-height: 41px; font-size: 14px; }
  .recruitDetail { font-size: 14px; line-height: 34px; padding: 35px 0px; margin-top: 35px; }
  .recruitDetailDescTitle { font-size: 16px; }
  .recruitSearch { padding: 40px; }
  .recruitSearchTitle h3 { font-size: 20px; }
  .positionList { padding: 10px 40px 40px; }
  .commonBanner dl .contactBanner { padding-top: 30px; }
  .commonBanner dl .contactBanner span { width: 60px; height: 60px; }
  .commonBanner dl .contactBanner a { padding-left: 110px; }
  .contactUs { padding-top: 100px; }
  .contactUs ul { padding-top: 60px; }
  .contactUs ul li img { height: 88px; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.1); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.1); }
  .OfficeAddress { padding: 100px 0px; }
  .OfficeAddress ul { padding-top: 55px; }
  .NetworkListbox h3 { font-size: 24px; }
  .NetworkMap { width: 720px; margin: 0px; }
  .NetworkListbox { width: -webkit-calc(100% - 730px); width: calc(100% - 730px); padding-left: 50px; padding-top: 155px; }
  .NetworkMap dl dd.huanan { left: 68%; top: 61%; }
  .NetworkMap dl dd.zhongxi { left: 61%; top: 45%; }
  .NetworkMap dl dd.huadong { left: 80%; top: 42%; }
  .NetworkMap dl dd.huabei { left: 67.5%; top: 26.5%; }
  .Networkbox { padding: 60px 0px 40px; }
  .NetworkClass { padding-top: 45px; }
  .NetworkClass a { font-size: 16px; padding-bottom: 20px;}
  /* .newsDetailTitle { padding: 100px 0px 40px; } */
  .newsDetailTitle h1 { font-size: 28px; }
  .newsDetailTitle p { font-size: 24px; padding-top: 15px; }
  .newsDetailTitle p span { font-size: 14px; }
  /* .DetailReturn { text-align: center; padding: 60px 0px; } */
  .DetailReturn a { width: 180px; line-height: 60px; font-size: 16px; }
  /* .newslist { padding: 100px 0px; } */
  .newslist ul { margin: 0px -15px; padding-bottom: 60px; }
  .newslist ul li { width: 33.333%; margin-top: 40px; float: left; padding: 0px 15px; }
  .newslist ul li .newslistContent { padding: 30px; }
  .newslist ul li .newslistContent h3 { font-size: 20px; display: -webkit-box; height: 56px; line-height: 28px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .newslist ul li .newslistContent .desc { font-size: 14px; display: -webkit-box; height: 84px; line-height: 28px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 25px; }
  .newslist ul li .newslistContent .time { font-size: 16px; margin-top: 30px; }
  .SolutionDetail { padding: 40px; }
  .SolutionDetailTitlebox dt { width: 360px; }
  .SolutionDetailTitlebox dt img { height: 170px; }
  .SolutionDetailTitlebox dd { width: -webkit-calc(100% - 360px); width: calc(100% - 360px); padding: 25px 40px 0px 70px; }
  .SolutionDetailTitlebox dd h3 { font-size: 20px; }
  .SolutionDetailTitlebox dd .desc { font-size: 14px; padding-top: 20px; }
  .SolutionDetailReturn { padding: 50px 0px; }
  .SolutionDetailReturn a { width: 140px; line-height: 42px; font-size: 14px; }
  /* .IndustryStatus { padding: 80px 0px 100px; } */
  .IndustryStatusContent { padding: 50px 0px 0px; height: 350px; border-bottom: 6px solid #eb9f4b; }
  .IndustryStatusContent .icon img { height: 60px; }
  .IndustryStatusContent h3 { font-size: 16px; padding-top: 15px; }
  .IndustryStatusContent .desc { max-width: 200px; font-size: 14px; line-height: 28px; padding: 40px 0px 0px; }
  .Solution { padding: 0px 80px 30px; margin-top: 80px; }
  .Solution ul li { padding: 0px 20px; }
  .Solution .line { top: 50px; }
  .Solution ul li .num { width: 100px; height: 100px; border: 2px solid #f0f0f0; }
  .Solution ul li .num span { width: 66px; height: 66px; line-height: 66px; font-size: 28px; }
  .Solution ul li h3 { font-size: 16px; padding-top: 25px; }
  .Solution ul li .desc { font-size: 14px; line-height: 24px; padding-top: 20px; }
  .SchemeProcess { padding: 40px; }
  .SchemeProcess ul { padding: 30px 40px 40px; }
  .SchemeProcess ul li p { font-size: 16px; }
  .SchemeProcess dl { padding: 30px 40px; }
  .SchemeProcess dl dd h3 { font-size: 16px; line-height: 48px; -webkit-border-radius: 48px; border-radius: 48px; }
  .SchemeProcess dl dd .desc { font-size: 14px; line-height: 24px; padding-top: 30px; }
  .CooperationCasesbox { min-height: 540px;}
  .CooperationCases ul li { height: 480px; }
  .CooperationCases ul li.swiper-slide-active .CooperationCasesContent { padding: 40px; }
  .CooperationCases ul li.swiper-slide-active .CooperationCasesContent .CasesLogo { padding: 40px 0px; }
  .CooperationCases ul li.swiper-slide-active .CooperationCasesContent .CasesLogo img { height: 170px; }
  .CooperationCases ul li.swiper-slide-active .CooperationCasesContent h3 { padding: 35px 0px 20px; }
  .CooperationCases ul li .CooperationCasesContent h3 { font-size: 16px; font-weight: 700; padding: 25px 0px 20px; }
  .CooperationCases ul li .CooperationCasesContent .desc { font-size: 14px; line-height: 24px; }
  .Casesbtn { padding: 0px 75px; }
  .Casesbtn em { width: 50px; height: 50px; }
  .complaintbox { padding: 100px 0px; }
  .complaint { padding: 60px 40px; }
  .complaint dl dd p { font-size: 20px; }
  .cooperativePartner { margin-top: 20px; }
  .cooperativePartner ul li { width: 12.5%; }
  .cooperativePartnerbox::after { width: 30%; }
  .cooperativePartnerbox::before { width: 30%; }
  .SinglePageContent { font-size: 16px; padding: 100px 0px; }
  .WebMap { padding: 100px 0px; }
  .CooperationCases { max-width: 580px; }
  .JoinUs_environmentClass a { margin: 0px 25px; font-size: 26px; }
  .JoinUs_environment ul { margin: 0px -15px; }
  .JoinUs_environment ul li { padding: 35px 15px 0px; }
  .JoinUs_environment .more { padding-top: 50px; }
  .JoinUs_environment .more a { width: 200px; height: 53px; font-size: 16px; line-height: 53px; }
  /* .JoinUs_environmentbox { padding: 100px 0px; } */
  .RecruitmentPosition { padding-bottom: 100px; }
  .RecruitmentPositionContent { padding: 60px 0px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.1); }
  .RecruitmentPositionContent h3 { font-size: 28px; }
  .RecruitmentPositionContent .icon { padding-top: 30px; }
  .RecruitmentPositionContent .icon img { height: 210px; }
  .RecruitmentPositionContent .joinBtn { padding-top: 20px; }
  .RecruitmentPositionContent .joinBtn span { width: 160px; line-height: 53px; -webkit-border-radius: 53px; border-radius: 53px; font-size: 16px; }

  .NetworkMap { width: 720px; margin: 0px; }
  .NetworkListbox { width: -webkit-calc(100% - 730px); width: calc(100% - 730px); padding-left: 50px; padding-top: 155px; }
  .NetworkMap dl dd.huanan { left: 68%; top: 61%; }
  .NetworkMap dl dd.zhongxi { left: 61%; top: 45%; }
  .NetworkMap dl dd.huadong { left: 80%; top: 42%; }
  .NetworkMap dl dd.huabei { left: 67.5%; top: 26.5%; }

  .ApplyForm { float: left; width: -webkit-calc(100% - 240px); width: calc(100% - 240px); }
  .ApplyLocationbox { width: 240px; }
  .ApplyLocation { width: 240px; }

  .ServiceAdvantageDot{padding-top: 0px;}
  .about ul{padding:80px 0px}
  .NetworkMap dl dd {font-size: 14px;}
}

@media (min-width: 1400px) { .commonBanner dl h3 { font-size: 38px; }
  .commonBanner dl .consulting{padding-top: 20px; }
  .commonBanner dl .consulting a { width: 180px; line-height: 60px; font-size: 16px; }
  /* .productvaluebox { padding: 120px 0px 100px; } */
  .productvalueTitle { font-size: 26px; padding-bottom: 10px; }
  .productvalue ul li { width:505px; }
  .productSolution ul li .productSolutionContent { padding: 0px 40px 0px 20px; }
  /* .SystemAdvantages { padding-top: 90px; } */
  /* .ServiceAdvantagebox { padding: 100px 0px; } */
  /* .about dl { padding: 120px 0px 85px; } */
  /* .socialResponsibility { padding: 150px 0px 0px; } */
  /* .honor { padding: 150px 0px 80px; } */
  .honorClass { padding-top: 50px; }
  .honor ul li p { font-size: 16px; }
  .recruitMain { padding: 40px 0px 50px; }
  .cooperativePartner ul li { width: 10%; }

  .popupVideo {max-width: 1200px;}
  .popupVideo iframe { height: 600px; }
}

.animated { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% { -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% { -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% { -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% { -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash { 0%, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }

@keyframes flash { 0%, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }

.flash { -webkit-animation-name: flash; animation-name: flash; }

@-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes pulse { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes rubberBand { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake { 0%, to { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake { 0%, to { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes swing { 20% { -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes tada { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.tada { -webkit-animation-name: tada; animation-name: tada; }

@-webkit-keyframes wobble { 0% { -webkit-transform: none;
    transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes wobble { 0% { -webkit-transform: none;
    transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to { -webkit-transform: none;
    transform: none; } }

.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: none;
    transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello { 0%, 11.1%, to { -webkit-transform: none;
    transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }

@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: none;
    transform: none; } }

.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; } }

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDownBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeftBig { 0% { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { 0% { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRightBig { 0% { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUpBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  to { opacity: 0; } }

@keyframes fadeOut { 0% { opacity: 1; }
  to { opacity: 0; } }

.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% { -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% { -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% { -webkit-transform: skewX(20deg);
    transform: skewX(20deg); }
  60%, 80% { opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to { -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% { -webkit-transform: skewX(20deg);
    transform: skewX(20deg); }
  60%, 80% { opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to { -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { 0% { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut { 0% { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateIn { 0% { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut { 0% { -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left;
    transform-origin: top left; }
  0%, 20%, 60% { -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left; }
  40%, 80% { -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge { 0% { -webkit-transform-origin: top left;
    transform-origin: top left; }
  0%, 20%, 60% { -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left; }
  40%, 80% { -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge { -webkit-animation-name: hinge; animation-name: hinge; }

@-webkit-keyframes rollIn { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes rollIn { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

@-webkit-keyframes rollOut { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

@keyframes rollOut { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn { 0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

@keyframes zoomIn { 0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut { 0% { opacity: 1; }
  50% { -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50%, to { opacity: 0; } }

@keyframes zoomOut { 0% { opacity: 1; }
  50% { -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50%, to { opacity: 0; } }

.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

@-webkit-keyframes slideScale { 0% { -webkit-transform: scale(4);
    transform: translateZ(4); }
  to { -webkit-transform: scale(1);
    transform: translateZ(1); } }

@keyframes slideScale { 0% { -webkit-transform: scale(4);
    transform: translateZ(4); }
  to { -webkit-transform: scale(1);
    transform: translateZ(1); } }

.slideScale { -webkit-animation-name: slideScale; animation-name: slideScale; }

@font-face { font-family: "iconfont"; /* Project id 2859320 */ src: url("../fonts/iconfont.woff2?t=1635838331115") format("woff2"), url("../fonts/iconfont.woff?t=1635838331115") format("woff"), url("../fonts/iconfont.ttf?t=1635838331115") format("truetype"); }

@font-face { font-family: 'rubikbold'; src: url("../fonts/rubik-bold-webfont.eot"); src: url("../fonts/rubik-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/rubik-bold-webfont.woff2") format("woff2"), url("../fonts/rubik-bold-webfont.woff") format("woff"), url("../fonts/rubik-bold-webfont.ttf") format("truetype"), url("../fonts/rubik-bold-webfont.svg#rubikbold") format("svg"); font-weight: normal; font-style: normal; }

.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-dianhua3:before { content: "\e636"; }

.icon-weixin:before { content: "\e628"; }

.icon-fuwudianhua:before { content: "\e632"; }

.icon-iconfontyoujiantou:before { content: "\e605"; }

.icon-iconfontyoujiantou1:before { content: "\e6a0"; }

.fl { float: left; }

.fr { float: right; }

.clearfloat::after { display: block; content: ""; clear: both; }

.text-ellipsis { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

a:hover, a { color: #000; }

body { overflow-x: hidden;  }

.index_swiper {visibility: hidden; opacity: 0; min-height: 170px;}

.index_swiperShow{visibility: visible; opacity: 1;}

.donghua { transition: all 0.4s; -ms-transition: all 0.4s; -moz-transition: tall 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; }

.donghuatwo { transition: all 0.8s; -ms-transition: all 0.8s; -moz-transition: tall 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }

.container { -webkit-box-sizing: border-box; box-sizing: border-box; width: 1200px; margin: 0 auto; }

.imgbox { overflow: hidden; }

.imgbox img { width: 100%; }

.imgscale { overflow: hidden; }

.imgscale:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.imgscale img { -webkit-transition: all 0.4s; transition: all 0.4s; width: 100%; }

.dot2 { -webkit-line-clamp: 2; }

.dot3 { -webkit-line-clamp: 3; }

.dot4 { -webkit-line-clamp: 4; }

.dot2, .dot3, .dot4 { display: -webkit-box; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; }

.header { height: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #ededed; position: fixed;  width: 100%; z-index: 999; }

.header_box .logo { width: 140px; margin-top: 28px; }

.indexHeader{ height: 100px;}

.indexHeader .header{ background: #fff;border-bottom:none;}

.head_phone { font-size: 0; margin-top: 28px; }

.head_phone .imgbox { display: inline-block; vertical-align: middle; }

.head_phone p { display: inline-block; vertical-align: middle; font-size: 28px; color: #eb9f4b; margin-left: 10px;font-family: 'AVENIRLTSTD'; }

.head_navlist li { float: left; margin: 0 20px; }

.head_navlist { margin-right: 100px; }

.head_navlist li > a { position: relative; }

.head_navlist li > a { display: block; font-size: 18px; line-height:100px; }

.head_navlist li > a:hover { color: #eb9f4b !important; }

.head_navlist li.active > a { color: #eb9f4b; }

.head_navlist ul li { position: relative; background: transparent;}

.head_navlist ul li > span { display: none; position: absolute; right: 15px; width: 20%; height: 41px; top: 10px; }

.head_navlist ul li > span::after { position: absolute; top: 50%; right: 10px; width: 8px; height: 8px; border-top: 2px solid #666; border-right: 2px solid #666; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; transition: all 0.5s; content: ""; }

.sub_zinav { z-index:-9999; position: absolute; top: 100%; width: 170px; background-color: #fff; left: 50%; -webkit-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); transform: translate(-50%, 10px); pointer-events: none; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; border-top: 0; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); border-radius: 5px;}

.sub_zinav a { padding: 10px 0; text-align: center; color: #333; -webkit-transition: all 0.3s; transition: all 0.3s; display: block;}

.sub_zinav p{ display: none;}

.head_navlist ul li:nth-child(2) .sub_zinav{ width: 400px;display: flex; flex-wrap: wrap;}
.head_navlist ul li:nth-child(2) .sub_zinav .Tertiary_nav{width:33.333%;}
.head_navlist ul li:nth-child(2) .sub_zinav .Tertiary_nav h3{ font-size: 14px;}
.head_navlist ul li:nth-child(2) .sub_zinav .Tertiary_nav p{ display: block;}
.head_navlist ul li:nth-child(2) .sub_zinav .Tertiary_nav p a{ font-size: 12px;}


.index_swiper h3 { font-size: 45px; line-height: 48px; color: #d9dce7; text-transform: uppercase; font-weight: normal; }

.index_swiper h2 { font-size: 36px; letter-spacing: 6px; font-weight: normal; margin-top: 25px; }

.index_swiper .commonMore { padding-top: 30px;}

.index_swiperDot{ position:absolute; left: 0px; bottom: 30px; width:100%; text-align: center;z-index: 20;}

.index_swiperDot span{ display: inline-block; border-radius: 100%; width: 10px; height: 10px; margin: 0px 3px; background:#908c8c; }

.index_swiperDot span.swiper-pagination-bullet-active{ background: #eb9f4b;}

.more_link img { display: inline-block; vertical-align: middle; }

.more_link a { display: inline-block; vertical-align: middle; font-size: 16px; color: #eb9f4b; margin-left: 12px; }

.more_link { margin-top: 70px; cursor: pointer; }

.more_link em { margin-right: 20px; width: 60px; height: 60px; position: relative; border: 1px solid #eb9f4b; display: inline-block; vertical-align: middle; -webkit-border-radius: 10px; border-radius: 10px; }

.more_link em::after { width: 100%; left: 50%; height: 1px; background-color: #eb9f4b; content: ''; position: absolute; top: 50%; -webkit-transition: all .8s ease; transition: all .8s ease; content: ''; display: block; }

.more_link:hover em::after { left: -50%; }

/*.index_swiper .swiper-slide { position: relative; overflow: hidden; padding-top:700px; }*/
.index_swiper .swiper-slide { position: relative; overflow: hidden; padding-top:570px; }

.index_swiper .swiper-slide .bigimg { width:1920px; max-width:initial; height: auto; margin: 0px auto; display: block; position: absolute; top: 0px; left: 50%; margin-left: -960px; }

.index_swiper_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.index_swiper .index_swiper_box { padding-top: 80px; padding-bottom: 130px; position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; }

.insw_left { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all .8s ease; transition: all .8s ease; visibility: hidden; opacity: 0; }

.index_swiper .swiper-slide-active .insw_left { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; visibility: visible; }

.tong_title { font-size: 26px; line-height: 34px; font-weight: 600; text-align: center; }

.index_service01 { padding-top: 30px; padding-bottom: 60px; background: url(../images/index_servicebg.png) repeat-x top; }

.technology_box { margin-top: 40px; }

.technology_box .technology_swiper_box { width: 100%; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 22px; border-radius: 22px; padding-top: 0px; padding-bottom: 40px; background-color: #fff; }
.technology_box .dizuo{ display: none;}
.technology_box .dizuo img { margin: 0 auto; text-align: center; position: relative; top: -30px; z-index: -1; }

.tech_box h2 { text-align: center; font-size:18px; margin-bottom: 20px;}
.tech_desc{ display: none;}
.tech_box .tech_img img { margin: 0 auto;  max-width: 50%; }

.technology_swiper .swiper-wrapper{align-items: center;}
.technology_swiper .swiper-slide-active .tech_box .tech_img img {  max-width: 100%; }
.technology_swiper .swiper-slide-active .tech_box h2 {display: block;font-size:24px; }
.technology_swiper .swiper-slide-active .tech_desc{ display: block;}

.tech_img { margin-bottom: 30px; text-align: center; }

.dizuo { text-align: center; }

.tech_box .tech_desc { text-align: center; font-size: 14px; line-height: 24px; margin-bottom: 35px; color: #65676c; margin-left: -40px; margin-right: -40px; }

.tech_box .more_link { text-align: center; display: none; }

.technology_box { position: relative; }

.technology_xian { display: none;left: 0; right: 0; top: 46%; width: 100%; height: 1px; background-color: #d8dbe1; position: absolute; }

.techxian_box { position: absolute; top: -123px; background: url(../images/technology_yuan.png) no-repeat; background-size: cover; width: 247px; height: 247px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.techxian_box p { font-size: 16px; }

.techxian_left { left: -55px; }

.techxian_right { right: -55px; }

.technology_btn { z-index: 99; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); position: absolute; width: 50px; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #d1dbf2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; display: none;}

.technology_btn i { color: #374567; font-size: 20px; }

.technology_btn:hover { border-color: #eb9f4b; background: #eb9f4b; }

.technology_btn:hover i { color: #fff; }

.technology_prev { left: 0px; }

.technology_next { right: 0px; }

.technology_box .technology_swiper_box { position: relative; }

.technology_pagination { text-align: center; margin-bottom: 30px; position: absolute; left: 0px; width: 100%; bottom: 0px; }

.technology_pagination span { width: 6px; height: 6px; background: #908c8c; margin: 0 3px; }

.technology_pagination span.swiper-pagination-bullet-active { background: #eb9f4b; }

.index_about { margin-top: 50px; }

.index_mapbox .img img { max-width: 100%; margin: 0 auto; display:block; }

.about_num_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.about_num_list .item {flex: auto; border-right: 1px solid #c8c8c8; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.about_num_list .item .icon { margin-bottom: 25px; display: none; }

.about_num_list .item .text_num { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;  align-items: center; }

.about_num_list .item .t_num { font-size: 40px; line-height: 40px; color: #eb9f4b; width: 90px; display: inline-block; vertical-align: middle; }

.about_num_list .item .Company{font-size: 40px; line-height: 40px;color: #eb9f4b;}

.about_num_list .item .t_text { font-size: 16px; display: inline-block; vertical-align: middle; padding-left: 5px; }

.about_num_list .item .t_text span { font-size: 20px; }

.about_num_list .item:last-child { border-right: none; }
.about_num_list .item:last-child .t_num{ width: 90px;}

.about_num_list .item:first-child .t_num{ width: 70px;}

/* .about_num_list .item:nth-last-child(1) .t_num { border-right: none; width: 75px; } */


.index_mapbox { position: relative; }

.index_mapbox .about_num_list { top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; }

.index_customer { background: url(../images/kehu_bg.jpg) center bottom no-repeat; background-size: cover; margin-top: 50px; padding-bottom: 50px; }

.customer_img { background: #fff; -webkit-border-radius: 15px; border-radius: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 270px; -webkit-box-shadow: 0px 0px 140px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 140px rgba(0, 0, 0, 0.1); margin: 55px 0px; }

.customer_img img { max-width: 80%; max-height: 80%; }

.customer_swiperbox .swiper-slide { -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); -webkit-transition: all 0.5s; transition: all 0.5s; }

.customer_swiperbox .swiper-slide-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.customer_swiperbox { margin-top: 0px; }

.img_white { display: none; }

.customer_xian { margin-top: 40px; width: 100%; height: 1px; background-color: #c9cdd0; position: relative; }

.customer_swiperbox .swiper-slide-active::after { display: block; content: ""; position: absolute; bottom: -40px; height: 3px; left: 0; right: 0; background-color: #eb9f4b; z-index: 99; }

.customer_activexian { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 3px; background-color: #eb9f4b; z-index: 59; top: -2px; max-width: 100%; }

.select_box h2 { font-size: 24px; margin-bottom: 20px; }

.select_box p { font-size: 14px; line-height: 26px; color: #65676c; }

.select_box { text-align: center; margin-top: 35px; }

.customer_swiper .select_box { display: none; }

.index_partner { padding: 50px 0; }

.index_partner .imgbox { margin-top: 30px; }

.index_partner .imgbox img { width: auto; max-width: 100%; margin: 0 auto; }

.index_new_cagetary { font-size: 0; text-align: center; margin-top: 15px; margin-bottom: 30px; }

.index_new_cagetary a { display: inline-block; font-size: 18px; margin: 0 20px; }

.index_new_cagetary a.active, .index_new_cagetary a:hover { color: #eb9f4b; }

.index_new_item { display: none; }

.index_new_item:first-child { display: block; }

.index_new_left { width: 50%; }

/* .index_new { margin-top: 20px; } */

.index_new_right { margin-left: 25px; width: -webkit-calc(50% - 25px); width: calc(50% - 25px); }

.index_new_left .index_new_img img { display: none; }

.index_new_left .index_new_img { overflow: hidden; border-radius:8px 8px 0px 0px; }

.index_new_left .index_new_img .index_new_imgbox { background-position: center; background-repeat: no-repeat; background-size: cover; height: 323px; }

.index_new_left .index_new_img:hover .index_new_imgbox { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.index_new_img { background-color: #f6f6f6; }

.index_new_img a { overflow: hidden; position: relative; display: block; }

.index_new_img h2 { font-weight: normal; font-size: 24px; line-height: 30px; height: 30px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.index_new_img h2:hover { color: #eb9f4b !important; }

.index_new_img .desc { font-size: 14px; line-height: 20px; color: #75777c; margin-top: 18px; margin-bottom: 10px; height: 40px; }

.index_new_img .p_date { font-size: 14px; margin-bottom: 22px; text-align:right; position: relative; }

.index_new_img .p_date span{ position: absolute; left:0px; top: 0px;}

.index_new_imgText { padding: 30px 30px 0px; }

.index_new_text { padding: 0px 30px 7px 30px; background-color: #f6f6f6; border-radius: 0px 0px 8px 8px;}

.index_new_ul li { padding: 15px 0; border-top: 1px solid #dfe0e3; }

.index_new_ul li a { font-size: 0; }

.index_new_ul li a p { font-size: 14px; color: #75777c; }

.index_new_ul li a p:first-child { width: -webkit-calc(100% - 80px); width: calc(100% - 80px); height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; }

.index_new_ul li a p:last-child { color: #272727; width: 80px; display: inline-block; }

.index_new_ul li a:hover p { color: #eb9f4b !important; }

.indexnew_list .innew_img { height: 155px; background-position: center; background-repeat: no-repeat; background-size: cover; }

.innew_imgbox { overflow: hidden; border-radius: 8px 8px 0px 0px;}

.indexnew_list .indexnew_item:hover .innew_img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.indexnew_list .indexnew_item:hover .innew_text h2 { color: #eb9f4b !important; }

.indexnew_list .indexnew_item .innew_img img { display: none; }

.indexnew_item .innew_text { padding: 22px 15px 32px; background-color: #f6f6f6; border-radius: 0px 0px 8px 8px;}

.indexnew_item h2 { font-size: 18px; line-height: 22px; height: 44px; }

.indexnew_item .desc { font-size: 14px; line-height: 20px; color: #75777c; margin-top: 20px; margin-bottom: 15px;  height: 40px; }

.indexnew_item .p_date { font-size: 14px; color: #272727; text-align: right; position: relative; }

.indexnew_item .p_date span{ position: absolute; left: 0px; top: 0px;}

.indexnew_list .indexnew_item { float: left; margin-right: 24px; width: -webkit-calc(50% - 12px); width: calc(50% - 12px); margin-bottom: 24px; }

.indexnew_list .indexnew_item:nth-child(2n) { margin-right: 0; }

@-webkit-keyframes scale_btn { 0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }

@keyframes scale_btn { 0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }

.index_video { padding: 60px 0; }

.index_video .imgbox { -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; position: relative; }

.index_video .play_btn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 150px; height: 150px; cursor: pointer; }

.play_btndonghua { -webkit-animation: scale_btn 1.5s ease-out infinite; animation: scale_btn 1.5s ease-out infinite; }

.play_btndonghua:hover { -webkit-animation-play-state: paused; animation-play-state: paused; }

.popupVideobg { display: none; position: fixed; z-index: 9999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; }

.popupVideoBox { position: absolute; width: 100%; top: 50%; left: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.popupVideo {max-width:800px;  padding: 0px 20px; margin: 0px auto; position: relative; }

.popupVideo i { position: absolute; top: -28px; right: 20px; width: 20px; height: 20px; display: block; background: url(../images/close.png) no-repeat; cursor: pointer; }

.popupVideo video { display: block; width: 100%; }

.popupVideo iframe { width: 100%; height:450px; }

.index_partner .imgbox { text-align: center; }

.index_zixun { background: url(../images/zixun.jpg) no-repeat; background-size: cover; padding: 65px 0; }

.index_zixun h3 { font-size: 30px; color: #fff; text-align: center; }

.index_zixun p { color: #fff; font-size: 14px; margin-top: 12px; text-align: center; }

.inputdiv { height: 50px; border: 1px solid #fff; -webkit-border-radius: 5px; border-radius: 5px; }

.inputdiv input { padding: 0 20px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 50px; font-size: 16px; color: #fff; background-color: rgba(255, 255, 255, 0.1); }

.zixun_form input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.9); }

.zixun_form input::-moz-placeholder { color: rgba(255, 255, 255, 0.9); }

.zixun_form input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.9); }

.zixun_form input::placeholder { color: rgba(255, 255, 255, 0.9); }

.zixun_form { margin-top: 30px; }

.zixun_form .name_input { width: 290px; }

.zixun_form .phone_input { width: 650px; margin: 0px 10px; }

.zixun_form form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.zixun_form button { height: 52px; width: 240px; background: #fff; -webkit-border-radius: 5px; border-radius: 5px; font-size: 16px; cursor: pointer; }

.footer { padding-top: 40px; padding-bottom: 30px; }

.footer_info { margin: 25px 0; }

.footer_info p img { display: inline-block; vertical-align: middle; margin-right: 6px; }

.footer_info p span { display: inline-block; vertical-align: middle; }

.footer_info p { font-size: 14px; line-height: 24px; color: #80858c; }

.footer_links a { color: #80858c; padding: 0 10px; border-right: 1px solid #e1e6f0; }

.footer_links a:first-child { padding-left: 0; }

.footer_links a:last-child { border-right: none; }

.footer_links a:hover { color: #eb9f4b !important; }

.footer_top { padding-bottom: 60px; border-bottom: 1px solid #ececec; }

.footer_right dl { float: left; margin-right:70px; }

.footer_right dl dt { margin-bottom: 20px; font-size: 18px; }

.footer_right dl dd { font-size: 0; }

.footer_right dl dt a { font-size: 16px; color: #707278; display: block; }

.footer_right dl dd a { font-size: 14px; line-height: 30px; color: #80858c; display: block; }

.footer_right dl dd a:hover { color: #eb9f4b !important; }

/* .footer_right dl:first-child dd a { display: inline-block; width:auto; padding-right: 20px; } */

/* .footer_right dl:first-child dd a:nth-child(2n) { width: auto; }

.footer_right dl:first-child { width:180px; margin-right: 40px; } */

.footer_right dl:last-child { margin-right: 0; }

.footer_bottom { padding-top: 30px; }

.footer_bottom .fb_beian p, .footer_bottom .fb_beian p a { color: #80858c; }

.fb_weixinbox p, .fb_weixinbox img { display: inline-block; vertical-align: middle; color: #707278; }

.fb_weixinbox p { margin-right: 15px; }

.fb_weixinbox .erweimabox { cursor: pointer; display: inline-block; vertical-align: middle; }

.erweimabox .erweima { position: absolute; top: -110px; left: 38px; width: 100px; height: 100px; display: none; }

.fb_weixinbox { position: relative; }

.fb_weixinbox:hover .erweimabox .erweima { display: block; }

.footer_bottom .fb_beian { line-height: 24px; }

.footer_bottom .fb_beian span { display: inline-block; margin-right: 10px; }

.cebian_box { position: fixed; bottom: 10px; right: 10px; z-index: 99; }

.cebian_box li { cursor: pointer; margin-bottom: 5px; background-color: #fbfaf7; position: relative; width: 60px; height: 60px; border: 1px solid #eb9f4b; -webkit-border-radius: 5px; border-radius: 5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-transition: all 0.4s; transition: all 0.4s; }

.cebian_box li a { display: block; text-align: center; }

.cebian_box li a i { font-size: 26px; color: #eb9f4b; text-align: center; }

.cebian_box li a p { font-size: 12px; margin-top: 5px; }

.cebian_box li:hover { background: #eb9f4b; color: #fff; }

.cebian_box li:hover i, .cebian_box li:hover p { color: #fff !important; }

.cebian_box li.backTop { height: 38px !important; margin: 0px; padding: 0px; }

.cebian_box li.backTop a p { margin: 3px 0px 0px 0px; font-size: 14px; }

.menuview { position: absolute; right: 110%; top: 50%; z-index: 10; border-radius: 5px; width: auto; margin-right: 20px; white-space: nowrap; background: #fff; height: 100%; line-height: 58px; padding: 0 20px; font-size: 16px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-shadow: 10px 10px 20px -10px #aaa; box-shadow: 10px 10px 20px -10px #aaa; visibility: hidden; opacity: 0; -webkit-transition: all .5s; transition: all .5s; }

.menuview .icon-dianhua3{ width: 25px; height: 25px; line-height: 25px; display: inline-block; vertical-align: middle; border-radius: 100%; color: #eb9f4b; margin-right: 5px; border: 1px solid #eb9f4b;}

.cebian_img { width: 120px; position: absolute; right: 110%; top: 50%; z-index: 10; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-shadow: 10px 10px 20px -10px #aaa; box-shadow: 10px 10px 20px -10px #aaa; visibility: hidden; opacity: 0; -webkit-transition: all .5s; transition: all .5s; }

.cebian_img img { width: 100%; }

.cebian_box li:hover .menuview, .cebian_box li:hover .cebian_img { margin-right: 0; visibility: inherit; opacity: 1; }

.menuview:after, .cebian_img:after { position: absolute; top: 50%; left: 100%; border-left: 5px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ""; }

.backTop { height: auto !important; background: #eb9f4b !important; padding: 10px 0; -webkit-border-radius: 0 !important; border-radius: 0 !important; }

.backTop span { display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fae8d4; margin: 0 auto; }

.backTop p { color: #fff !important; }

.cycle_yuan { width: 450px; height: 450px; margin: 0 auto; position: relative; }

.cycle_yuanbox { position: relative; width: 100%; height: 100%; border: 2px dotted #a2b6cb; -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.cycle_neiquan { width: 91%; height: 91%; border: 2px dotted #a2b6cb; -webkit-border-radius: 50%; border-radius: 50%; position: relative; }

.cycle_item { z-index: 3; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 60px; height: 1px; background: #3370cd; }

.cycle_item::after { position: absolute; display: block; content: ""; width: 11px; height: 11px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #eb9f4b; -webkit-border-radius: 50%; border-radius: 50%; top: -5px; background: #fff; }

.cycle_left { left: -62px; }

.cycle_left::after { left: -5px; }

.cycle_right { right: -62px; }

.cycle_right::after { right: -5px; }

.cycle_bottom { height: 60px; width: 1px; background: #3370cd; margin: 0 auto; position: relative; }

.cycle_bottom::after { position: absolute; display: block; content: ""; width: 11px; height: 11px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #eb9f4b; -webkit-border-radius: 50%; border-radius: 50%; top: 100%; background: #fff; left: -5px; }

.cycle_itemdesc h2 { font-size: 20px; padding: 10px 0; width: 100%; color: #fff; background: #3370cd; -webkit-border-radius: 30px; border-radius: 30px; }

.cycle_itemdesc { width: 180px; text-align: center; margin: 0 auto; margin-top: 40px; height: 150px; background-image: -webkit-gradient(linear, left top, left bottom, from(#adc6eb), to(#fff)); background-image: linear-gradient(#adc6eb, #fff); -webkit-border-radius: 30px 30px 0 0; border-radius: 30px 30px 0 0; }

.cycle_textbox p { color: #577095; font-size: 16px; }
.cycle_textbox p a{ color: #577095;}
.cycle_textbox p a:hover{ color: #333;}

.cycle_textbox { padding-top: 15px; }

.cycle_box { margin-top: 50px; }

.cycle_en { font-size: 160px; max-width: 1460px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-transform: uppercase; color: rgba(247, 249, 251, 0.8); white-space: nowrap; overflow: hidden; font-weight: 700; font-family: 'rubikbold'; }

.cycle_itemdesc_left { position: absolute; left: -292px; width: 230px; height: 180px; background-image: -webkit-gradient(linear, left top, right top, from(#f1f4f7), to(#adc6eb)); background-image: linear-gradient(to right, #f1f4f7, #adc6eb); -webkit-border-radius: 0 30px 30px 0; border-radius: 0 30px 30px 0; }

.cycle_itemdesc_left h2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; float: right; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 40px; height: 100%; -webkit-border-radius: 30px; border-radius: 30px; background: #3370cd; font-size: 20px; color: #fff; }

.cycle_itemdesc_left h2 p { width: 20px; margin: 0 auto; }

.cycle_itemdesc_left .cycle_textbox { text-align: right; width: -webkit-calc(100% - 60px); width: calc(100% - 60px); padding-top: 0 !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; padding-left: 20px; }

.cycle_itemdesc_left .cycle_textbox p { line-height: 28px; }

.cycle_itemdesc_left .cycle_textbox > div { width: 100%; }

.cycle_itemdesc_right { position: absolute; right: -292px; width: 230px; height: 180px; background-image: -webkit-gradient(linear, left top, right top, from(#adc6eb), to(#f1f4f7)); background-image: linear-gradient(to right, #adc6eb, #f1f4f7); -webkit-border-radius: 30px  0 0 30px; border-radius: 30px  0 0 30px; }

.cycle_itemdesc_right h2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; float: left; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 40px; height: 100%; -webkit-border-radius: 30px; border-radius: 30px; background: #3370cd; font-size: 20px; color: #fff; }

.cycle_itemdesc_right h2 p { width: 20px; margin: 0 auto; }

.cycle_itemdesc_right .cycle_textbox { text-align: left; padding-left: 20px; width: -webkit-calc(100% - 60px); width: calc(100% - 60px); padding-top: 0 !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; }

.cycle_itemdesc_right .cycle_textbox p { line-height: 28px; }

.cycle_itemdesc_right .cycle_textbox > div { width: 100%; }

@-webkit-keyframes rotateToRunning { form { -webkit-transform: rotate(0);
    transform: rotate(0); }
  to { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotateToRunning { form { -webkit-transform: rotate(0);
    transform: rotate(0); }
  to { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.scanningDonghua { -webkit-animation: rotateToRunning 2s linear infinite forwards; animation: rotateToRunning 2s linear infinite forwards; }

.inner_donghua { -webkit-animation: rotateToRunning 12s linear infinite forwards; animation: rotateToRunning 12s linear infinite forwards; }

.inner-rotate { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.inner-rotate .sanjiaoxing { display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #96acc6; position: absolute; }

.inner-rotate-a .sanjiaoxing { top: 27%; left: 3.1%; -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); }

.inner-rotate-b .sanjiaoxing { top: 14%; right: 12%; -webkit-transform: rotate(138deg); -ms-transform: rotate(138deg); transform: rotate(138deg); }

.inner-rotate-c .sanjiaoxing { bottom: 3%; right: 28%; -webkit-transform: rotate(-115deg); -ms-transform: rotate(-115deg); transform: rotate(-115deg); }

.inner-rotate-e .sanjiaoxing { top: 1.9%; left: 30%; -webkit-transform: rotate(75deg); -ms-transform: rotate(75deg); transform: rotate(75deg); }

.inner-rotate-f .sanjiaoxing { bottom: 29.56%; right: 1.6%; -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); }

.inner-rotate-g .sanjiaoxing { bottom: 12.18%; left: 13.6%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.cycle_yuanbox .bg_img { position: absolute; top: 50%; left: 57%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 123.17073%; }

.cycle_img { position: absolute; top: 50%; left: 50%; width: 55.74913%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.cycle_img img { display: block; width: 100%; position: relative; z-index: 2; }

.cycle_img .icon { position: absolute; width: 8px; height: 8px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #ffffff; border: solid 2px #eb9f4b; }

.cycle_img .icon::after { position: absolute; bottom: -webkit-calc(100% + 6px); bottom: calc(100% + 6px); left: 50%; font-size: 20px; line-height: 24px; color: #323232; white-space: nowrap; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.cycle_img .icon_a { top: -6px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.cycle_img .icon_a::after { content: attr(data-name); }

.cycle_img .icon_b { bottom: 22.8125%; left: 20px; }

.cycle_img .icon_b::after { content: attr(data-name); }

.cycle_img .icon_c { bottom: 22.8125%; right: 20px; }

.cycle_img .icon_c::after { content: attr(data-name); }

.head_mobile_btn { display: none; width: 32px; height: 24px; cursor: pointer; margin-top: 28px; margin-left: 15px; }

.head_mobile_btn .btn1 { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.head_mobile_btn .btn1 .line { height: 2px; width: 100%; -webkit-transition: all .5s; transition: all .5s; background-color: #eb9f4b; }

.head_mobile_btn.active .btn1 .line:nth-child(1) { -webkit-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }

.head_mobile_btn.active .btn1 .line:nth-child(2) { opacity: 0; }

.head_mobile_btn.active .btn1 .line:nth-child(3) { -webkit-transform: translateY(-12px) rotate(-45deg); -ms-transform: translateY(-12px) rotate(-45deg); transform: translateY(-12px) rotate(-45deg); }

.headerFixed { position:absolute; left: 0px; top: 0px; width: 100%; background-color: transparent; z-index:89;}

.headerFixedbg{ background: #fff; position: fixed; width: 100%; z-index: 89}

.newsSearch{padding:50px 0px 20px;}

.newsSearch dl{ width:320px;float:right;}

.newsSearch form { position: relative; display: block; width: 100%; font-size: 0; border: 2px solid #eb9f4b; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; }

.newsSearch form input.search_Textbox { width: 100%; height: 40px; line-height: 40px; padding: 0 90px 0 15px; font-size: 14px; color: #666; vertical-align: middle; background: #fff; }

.newsSearch form input.search_btn { position: absolute; top: 0; right: 0; z-index: 10; width: 80px; height: 100%; background: url(../images/img01_1.png) #eb9f4b no-repeat center center; }


@media (min-width: 1200px) { .head_navlist ul li.active > a { color: #eb9f4b !important; }
  .head_navlist ul li > a:hover::after { width: 100%; margin-left: -50%; }
  .head_navlist ul li > a:hover { color: #eb9f4b !important; }
  .head_navlist ul li > a::after { position: absolute; bottom: 0; width: 0; height: 2px; background: #eb9f4b; content: ""; display: block; left: 50%; -webkit-transition: all 0.4s; transition: all 0.4s; }
  .head_navlist ul li.active > a::after { width: 100%; margin-left: -50%; }
  .head_navlist ul li:hover .sub_zinav { pointer-events: initial; opacity: 1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 99; }
  .sub_zinav a:hover { background: #eb9f4b; color: #fff !important; }
  .head_navlist ul li:nth-child(1).active > a::after{ display: none;}
}

@media (max-width: 1600px) { .cycle_en { font-size: 120px; max-width: 1200px; } }

@media (max-width: 1200px) { 
  .header { position: fixed; top: 0; left: 0; right: 0; z-index: 999; }
  body { padding-top: 60px; }
  .head_navlist { display: none; margin-right: 0; position: fixed; top: 60px; z-index: 99; left: 0; right: 0; bottom: 0; background-color: #fff; }
  .head_navlist ul { padding: 20px 15px 0px; }
  .head_navlist ul li { width: 100%; margin: 0; padding: 0 15px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #eee; }
  .head_navlist li > a { line-height: 50px; }
  .head_navlist li.cur > span::after { -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }
  .head_navlist ul li > span { top: 0; display: block; height: 50px; }
  .sub_zinav { z-index: 9; -webkit-transition: none; transition: none; display: none; width: 100%; position: unset; min-width: 100%; opacity: 1; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); padding-bottom: 10px; }
  .sub_zinav a { text-align: left; }
  .container { width: 100%; padding: 0 15px; }
  .index_swiper { width: 100%; }
  .head_phone { display: none; }
  .index_swiper .index_swiper_box { padding-bottom: 80px; }
  .index_swiper h3 { font-size: 38px; line-height: 42px; }
  .index_swiper h2 { font-size: 32px; }
  .index_swiper_box .more_link { margin-top: 40px; }
  .index_service01 { padding-bottom: 80px; }
  /* .index_about { margin-top: 80px; } */
  /* .index_customer { padding-bottom: 80px; } */
  /* .index_partner { padding: 80px 0; } */
  /* .index_new { margin-top: 80px; } */
  .index_video { padding: 80px 0; }
  .head_mobile_btn { display: block; }
  .cycle_yuan { width: 400px; height: 400px; }
  .about_num_list .item .t_num { font-size: 40px; line-height: 40px; }
  .footer_top { padding-bottom: 30px; }
  .footer_left { width: 100%; }
  .footer_right { width: 100%; margin-top: 20px; }
  .footer_bottom .fb_beian { max-width: 80%; }
  .about_num_list .item .t_num { width: 90px; }

  .about_num_list .item .t_text { font-size: 14px; }
  .cycle_en { font-size: 100px; max-width: 100%; }
  .cycle_img .icon_b { left: 12px; }
  .cycle_img .icon_c { right: 12px; }
  .techxian_box p { font-size: 14px; }
  .tech_box h2{ font-size: 24px;}
  .tech_box .tech_desc{ font-size: 14px;}
  .index_new_cagetary a { font-size: 16px;}
  .index_swiper .swiper-slide{padding-top: 55.8%;}
  .index_swiper .swiper-slide .bigimg { width:154%; margin-left:-77%;}
}

@media (max-width: 1200px) { .header { height: 60px; }
  .header_box .logo { margin-top: 10px; width: 120px; }
  .head_mobile_btn { margin-top: 20px; }
  .more_link em { width: 50px; height: 50px; }
  .technology_prev { left: 0px; }
  .technology_next { right: 0px; }
  .headerFixed { background-color: #fff; }
  .indexHeader{ height:auto;}
  .sub_zinav{pointer-events:unset;}
}

@media (max-width: 768px) { .header { height: 60px; }
  .header_box .logo { margin-top: 10px; }
  .head_mobile_btn { margin-top: 20px; }
  .index_swiper .index_swiper_box { padding-bottom: 40px; }
  .index_swiper h3 { font-size: 22px; line-height: 28px; }
  .index_swiper h2 { font-size: 26px; letter-spacing: 1px; margin-top: 15px; }
  .index_swiper_box .more_link { margin-top: 15px; }
  .index_service01 { padding-bottom: 60px; }
  /* .index_about { margin-top: 60px; } */
  /* .index_customer { margin-top: 60px; padding-bottom: 60px; } */
  /* .index_partner { padding: 60px 0; } */
  .index_new { margin-top: 0; }
  .index_video { padding: 40px 0 60px; }
  .head_mobile_btn { display: block; }
  .cycle_yuan { height: auto; width: 100%; -webkit-border-radius: 0; border-radius: 0; }
  .cycle_yuanbox { border: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .cycle_neiquan { border: 0; }
  .cycle_itemdesc_right { position: unset; width: 100%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; height: 150px; margin-top: 5px; }
  .cycle_itemdesc_left { position: unset; width: 100%; margin-top: 10px; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; height: 150px; -webkit-border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px; background-image: -webkit-gradient(linear, left top, right top, from(#adc6eb), to(#f1f4f7)); background-image: linear-gradient(to right, #adc6eb, #f1f4f7); }
  .cycle_itemdesc_left .cycle_textbox { text-align: left; padding-left: 20px; }
  .cycle_itemdesc_left h2 { float: left; }
  .cycle_itemdesc .cycle_textbox { text-align: left; padding-left: 20px; width: -webkit-calc(100% - 60px); width: calc(100% - 60px); padding-top: 0 !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; }
  .cycle_itemdesc { width: 100%; margin-top:5px; -webkit-border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px; background-image: -webkit-gradient(linear, left top, right top, from(#adc6eb), to(#f1f4f7)); background-image: linear-gradient(to right, #adc6eb, #f1f4f7); }
  .cycle_itemdesc h2 { float: left; width: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0; }
  .cycle_itemdesc h2 p { width: 20px; }
  .cycle_yuanbox .bg_img { display: none; }
  .cycle_bottom { display: none; }
  .cycle_left { display: none; }
  .cycle_right { display: none; }
  .cycle_img { position: relative; width: 320px; left: 0; top: 0; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); }
  .technology_box .technology_swiper_box { padding-top: 0px; padding-bottom: 20px; width: 100%; }
  .about_num_list .item .t_num { font-size: 40px; line-height: 40px; }
  .index_new_left { width: 100%; }
  .index_new_right { width: 100%; margin-top: 20px; }

  .inner-rotate { display: none; }
  .technology_xian { display: none; position: unset; height: auto; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background-color: transparent; }
  .techxian_box { position: unset; width: 200px; height: 200px; }
  .technology_box { margin-top: 20px; }
  .tech_img { margin-bottom: 20px; }
  .tech_box .tech_desc { margin-bottom: 20px; }
  .more_link img { width: 50px; }
  .index_mapbox .about_num_list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .about_num_list .item { width: 49%; flex: none; }
  .about_num_list .item:nth-child(even) { border-right: 0; }
  .about_num_list .item:nth-child(n + 3) { margin-top: 20px; }
  .about_num_list .item .icon { margin-bottom: 10px; text-align: center; }

  .zixun_form button { font-size: 14px; }
  .index_video .play_btn { width: 100px; height: 100px; }
  .footer_right { display: none; }
  .footer_info { margin: 15px 0; }
  .footer { padding-top: 20px; padding-bottom: 20px; }
  .footer_top { padding-bottom: 20px; }
  .footer_bottom { padding-top: 20px; }
  .fb_weixin { float: left; margin-top: 10px; }
  .more_link em { width: 40px; height: 40px; }
  .about_num_list .item .t_num { width: 90px; }
  .cycle_img .icon_b { left: 20px; }
  .cycle_img .icon_c { right: 20px; }
  .index_swiper .swiper-slide .bigimg { width: 154%; max-width: inherit; left: 50%; margin-left: -77%;} 
  .index_new_cagetary a { font-size: 14px;}

  .commonBanner dl .bannerMore a{padding:0px 15px; line-height: 30px;font-size: 14px;}

}

@media (max-width: 480px) { 
  .index_swiper .index_swiper_box { padding-bottom: 20px; padding-top: 20px; }
  .index_swiper h3 { font-size: 16px; line-height: 20px; }
  .index_swiper h2 { font-size: 18px; margin-top: 10px; }
  .index_swiper_box .more_link { margin-top: 20px; }
  .index_service01 { padding: 30px 0; }
  .tong_title { font-size: 20px; line-height: 1.2; }
  .cycle_img { width: 60%; }
  .cycle_img .icon::after { font-size: 14px; }
  .cycle_itemdesc_left { height: 120px; }
  .cycle_itemdesc_left h2 { font-size: 16px; }
  .cycle_itemdesc_right { height: 120px; }
  .cycle_itemdesc_right h2 { font-size: 16px; }
  .cycle_itemdesc h2 { font-size: 16px; }
  .technology_btn { width: 40px; height: 40px; }
  .technology_next { right: 0px; }
  .technology_prev { left: 0px; }
  .technology_pagination { margin-bottom: 10px; }
  .tech_box h2 { font-size: 20px; }
  .techxian_box { width: 150px; height: 150px; margin-bottom: 20px; }
  .about_num_list .item .t_num { font-size: 26px; width: 65px; }
  .about_num_list .item .Company{font-size: 26px; line-height: 26px;}
  .about_num_list .item .t_text { font-size: 14px; line-height: 1.1; }
  .about_num_list .item:last-child .t_num{ width:60px;}
  .about_num_list .item:first-child .t_num{ width: 45px;}
  .customer_img { height: 170px; }
  .customer_swiperbox { margin-top: 0px; }
  .customer_xian { margin-top: 20px; }
  .select_box { margin-top: 15px; }
  .select_box h2 { font-size: 20px; margin-bottom: 15px; }
  .index_customer { padding-top: 40px; padding-bottom: 40px; }
  .index_partner { padding: 40px 0; }
  .index_partner .imgbox { margin-top: 15px; }
  .index_new_cagetary { margin-bottom: 15px; }
  .index_new_text { padding: 10px 10px 0 10px; }
  .index_new_text h2 { font-size: 18px; }
  .index_new_text .desc { margin-top: 15px; margin-bottom: 15px; }
  .indexnew_list .indexnew_item { margin-right: 14px; width: -webkit-calc(50% - 7px); width: calc(50% - 7px); margin-bottom: 14px; }
  .indexnew_item .innew_text { padding: 10px; }
  .indexnew_item h2 { font-size: 16px; }
  .indexnew_item .desc { margin-top: 15px; }
  .index_video { padding: 40px 0; }
  .index_video .play_btn { width: 70px; height: 70px; }
  .index_zixun { padding: 40px 0; }
  .index_zixun h3 { font-size: 20px; }
  .inputdiv { height: 40px; }
  .inputdiv input { line-height: 40px; font-size: 14px; }
  .zixun_form .name_input { width: 100%; }
  .zixun_form .phone_input { width: 100%; margin: 15px 0px 0px; }
  .zixun_form form { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .zixun_form button { width: 100%; height: 40px; margin-top: 15px; }
  .cycle_img .icon_b { left: 15px; }
  .cycle_img .icon_c { right: 15px; }
  .techxian_box p { font-size: 14px; }
  .footer_links a { padding: 0px 7px; }
  .index_new_imgText { padding: 10px 10px 0px; } 

  .newsSearch{padding:20px 0px 10px;}

  .newsSearch dl{ width:100%;float:none;}

}
  .cebian_box{z-index: 999;}
  .zaixianzixunbox{ position: fixed; right: 0px; width:100%; height: 100%; bottom:0px; display: none; z-index: 9999;}
  .zaixianzixunbox iframe{position: absolute;width: 100%; height:calc(100% - 60px); height: -webkit-calc(100% - 60px); left: 0px; top: 60px; border-radius: 0px 0px 5px 5px;}
  .zaixianzixunbox h3{ position: absolute; left: 0px; width: 100%; top:0px; height: 60px; line-height: 30px;  font-size: 16px; padding:5px 20px 0px; border-radius: 5px 5px 0px 0px; background: #eb9f4b; color: #fff;}
  .zaixianzixunbox h3 span{ width: 25px; height: 25px; position: absolute; top: 17px; right: 20px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
  .zaixianzixunbox h3 span:after{ content: ''; width: 100%; height: 2px; background: #fff; display: block; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
  .zaixianzixunbox h3 span::before{ content: ''; width: 2px; height: 100%; background: #fff; display: block; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
  .zaixianzixunbox h3 em{ display:block; font-size: 12px; position: absolute; left: 20px; bottom: 5px; line-height: 24px;}
  .zaixianzixun{ cursor: pointer;}
  .sdk{ display: none;}

  .alertColor .layui-layer-btn .layui-layer-btn0{border-color: #eb9f4b;background-color: #eb9f4b;}

  .qRCodebox{ background: #fff; border-radius: 8px; padding:10px; text-align: center; width: 230px;}
  .qRCodebox h3{ font-size: 18px; font-weight: 700; color: #eb9f4b;}
  .qRCode{overflow: hidden; padding:10px 0px}
  .qRCode span{ float: left; width: 50%; padding: 0px 5px; font-size: 14px; color: #212121; text-align:center;}
  .qRCode span img{ display: block; width: 100%; margin-bottom: 5px; border: 2px solid #eb9f4b; border-radius: 5px;}
  .cebian_box li:hover .qRCodebox p.desc{ font-size: 14px; font-weight: 600; color: #eb9f4b !important; text-align:center;} 

  .layui-layer{ border-radius:8px !important;}

  @media (min-width: 768px) { 
    .cebian_box{z-index: 99;}
    .zaixianzixunbox{ position: absolute; right: 70px; width:360px; height: 510px; bottom: -175px;}
    .zaixianzixunbox iframe{  width: 100%; height: 100%; top: 0px;}
    .zaixianzixunbox h3{ position: absolute; left: 0px; width: 100%; top:-60px; }
  }