@font-face {
  font-family: 'SourceHanSansCN-Regular';
  font-display: swap;
  src: url('../font/SourceHanSansCN-Regular-Alphabetic.eot'); /* IE9*/
  src: url('../font/SourceHanSansCN-Regular-Alphabetic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/SourceHanSansCN-Regular-Alphabetic.woff2') format('woff2'),
  url('../font/SourceHanSansCN-Regular-Alphabetic.woff') format('woff'), /* chrome、firefox */
  url('../font/SourceHanSansCN-Regular-Alphabetic.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../font/SourceHanSansCN-Regular-Alphabetic.svg') format('svg'); /* iOS 4.1- */
}

@font-face {
  font-family: 'SourceHanSansCN-Medium';
  font-display: swap;
  src: url('../font/SourceHanSansCN-Medium-Alphabetic.eot'); /* IE9*/
  src: url('../font/SourceHanSansCN-Medium-Alphabetic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/SourceHanSansCN-Medium-Alphabetic.woff2') format('woff2'),
  url('../font/SourceHanSansCN-Medium-Alphabetic.woff') format('woff'), /* chrome、firefox */
  url('../font/SourceHanSansCN-Medium-Alphabetic.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../font/SourceHanSansCN-Medium-Alphabetic.svg') format('svg'); /* iOS 4.1- */
}


@font-face {
  font-family: 'HelveticaBold';
  font-display: swap;
  src: url('../font/Helvetica-Bold.eot'); /* IE9*/
  src: url('../font/Helvetica-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/Helvetica-Bold.woff2') format('woff2'),
  url('../font/Helvetica-Bold.woff') format('woff'), /* chrome、firefox */
  url('../font/Helvetica-Bold.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../font/Helvetica-Bold.svg') format('svg'); /* iOS 4.1- */
}
.ani{ visibility:hidden;opacity:0;}
.main{ margin-top:70px; position:relative; overflow:hidden;}

.commonentitle{ font-size:70px; font-family:HelveticaBold; white-space:nowrap; text-transform:uppercase; position:absolute; left:0px; top:0px; color:rgba(247,247,247,0.8); z-index:-1; line-height:0.75;}

.commonclass{ text-align:center; padding-top:30px;}
.commonclass a{ color:#222; font-size:16px; margin:0px 10px; display:inline-block; padding:10px 0px; border-bottom:4px solid transparent}
.commonclass a:hover{ border-color:#8c0014;}
.commonclass a.cur{ border-color:#8c0014;}

.imgbox{ position:relative; overflow:hidden;}
.scaleimg img{transform:scale(1); -webkit-transform:scale(1); transition:all .8s ease; -webkit-transition:all .8s ease;}
.scaleimg:hover img{transform:scale(1.1); -webkit-transform:scale(1.1)}



/*--新闻--*/

.newssearch{ padding-top:30px;}
.newssearch form{width:300px; display:block; position:relative;}
.newssearch label{ display:block; padding: 10px 55px 10px 20px; border:1px solid #e5e5e5;}
.newssearch label input{width:100%; outline:none; background:none; border:none; font-size:16px;}
.newssearch .newssearchbtn{ position:absolute; right:0px; height:100%; width:50px; background:url(../images/icon02.png) no-repeat center; cursor:pointer; border:none; outline:none; top:0px;}

.newsbannerbox{ margin-top:40px; position:relative; display: none;}

.newsbannerbox em{ z-index: 99; display:block; position:absolute; top:calc(50% - 30px); transform:translateY(-50%); -webkit-transform:translateY(-50%); background-color: #fff; width:30px; height:30px; border:1px solid #000000; background-repeat:no-repeat; background-size:cover; cursor:pointer;}
.newsbannerbox .newsbannerprevbtn{ left:0px; background-image:url(../images/icon06.png);}
.newsbannerbox .newsbannerprevbtn:hover{background-image:url(../images/icon006.png);}
.newsbannerbox .newsbannernextbtn{ right:0px;background-image:url(../images/icon07.png);}
.newsbannerbox .newsbannernextbtn:hover{background-image:url(../images/icon007.png);}
.newsbannerbox em:hover{ background-color:#8c0014; border-color:#8c0014;}


/* .newsbannerbox em{ position:absolute; top:20%; width:40px; height:40px; background-repeat:no-repeat; background-position:center; background-size:cover; background-color:#f9f9f9; display: block; cursor:pointer; border-radius:100%; z-index:20;}
.newsbannerbox .newsbannerprevbtn{ background-image:url(../images/icon06.png); left:10px;}
.newsbannerbox .newsbannerprevbtn:hover{ background-image:url(../images/icon006.png);background-color:#8f0000;}
.newsbannerbox .newsbannernextbtn{background-image:url(../images/icon07.png); right:10px;}
.newsbannerbox .casenextbtn:hover{background-image:url(../images/icon007.png);background-color:#8f0000;} */

.newsbanner{ position:relative;overflow:hidden;}
.newsbanner ul li{ overflow: hidden;transform:translate3d(0, 0, 0);}
.newsbanner ul li a{ display:block; position:relative; overflow:hidden; width:100%;}
.newsbanner ul li img{display:block; width:100%; transform:scale(1); -webkit-transform:scale(1); transition:all .8s ease; -webkit-transition:all .8s ease;}
.newsbanner ul li:hover img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.newsbannertext{ overflow: hidden;}
.newsbannertext ul{overflow:hidden;}
.newsbannertext ul li{background:#f7f7f7; overflow: hidden;transform:translate3d(0,0,0);}
.newsbannertext ul li a{ display:block; padding:20px}
.newsbannertext ul li a .time{ font-size:24px; color:#8f0000}
.newsbannertext ul li a .time span{ font-size:14px; color:#222222; display:block; padding-top:7px;}
.newsbannertext ul li a h3{ color:#222222; font-size:18px;  margin-top:10px;line-height:24px; height:48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.newsbannertext ul li a .desc{ color:#666666; font-size:12px; margin-top:10px;line-height:20px; height:60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.newsbannertext ul li a .more{ padding-top:20px;}
.newsbannertext ul li a .more span{ padding-right:25px; color:#8f0000; font-size:14px; background:url(../images/icon03.png) no-repeat right center;}

.newsbanner .newsbannerdot{ position:absolute; width:100%; bottom:30px; text-align:center; z-index:20;}
.newsbanner .newsbannerdot span{ width:10px; height:10px; opacity:1; background:#eee; margin:0px 5px; border-radius:0px; border:none;}
.newsbanner .newsbannerdot span.swiper-pagination-bullet-active{ background: #8f0000;}

.newslistbox{ padding-top:0px; padding-bottom:40px;}
.newslist{ padding-top:40px;}
.newslist img{ display:block; width:100%;transform:scale(1); -webkit-transform:scale(1);}
.newslist:hover img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.newslist h3{ font-size:18px; color:#222222; line-height:24px; height:48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; margin-top:20px;}
.newslist .time{ color:#b3b3b3; font-size:14px; font-family:'HelveticaBold';padding-right:25px;background:url(../images/icon03.png) no-repeat right center;margin-top:10px;}
.newslist .desc{ font-size:14px;line-height:20px; height:40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; margin-top:10px; color:#666666;}
.newslist a:hover h3{ color:#8f0000;}




.paginationbox{ padding:0px 0px 40px; text-align:center;}
.paginationbox a{ display:inline-block;font-size:14px; padding:0px 10px; color:#666666; margin:0px 5px; min-width:30px; height:30px; line-height:30px; background:#f7f7f7; vertical-align:middle;}
.paginationbox a:hover{ color:#fff;  background:#8c0014;}
.paginationbox span{display:inline-block; padding:0px 10px;font-size:14px;margin:0px 5px; color:#fff; min-width:30px; height:30px; line-height:30px; background:#8c0014; vertical-align:middle;}

.footer{ background:#232424; padding-top:50px;}
.footer ul{ padding:0px 0px 25px; text-align:center;}
.footer ul li{ display:inline-block; font-size:13px;}
.footer ul li a{ color:#444444; padding:0px 5px;}
.footer ul li:nth-child(1) a{padding:0px 5px 0px 0px}

.footer dl{ border-top:1px solid #e7e7e7; padding:20px 0px}
.footer dl dt{color:#666666; font-size:14px; text-align:center;}
.footer dl dt .zhichi{color:#3333;}
.footer dl dd{ text-align:center; padding-top:25px;}
.footer dl dd a{ display:inline-block; vertical-align:middle; width:31px; height:31px; background-repeat:no-repeat; background-size:cover; background-position:center; margin:0px 15px; position:relative;}
.footer dl dd a.weixin{ background-image:url(../images/icon04.png);}
.footer dl dd a.weixin:hover{ background-image:url(../images/icon004.png);}
.footer dl dd a.douyin{ background-image:url(../images/icon05.png);}
.footer dl dd a.douyin:hover{ background-image:url(../images/icon005.png);}

.footer dl dd a span{ position:absolute; top:-100px; left:0px; width:100px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); display: none;}

.footer dl dd a:hover span{ display:block;}



/*--服务案例--*/

.servicesasetitle{ font-size:20px; margin-top:40px; line-height:24px; color:#222222; font-weight:600; border-left:6px solid #870000; padding-left:15px;}
.caserecommendbox{ position:relative; margin-top:30px; border-bottom:1px solid #e5e5e5; padding-bottom:55px; display: none; }
.caserecommendbox em{ position:absolute; top:20%; width:30px; height:30px; background-repeat:no-repeat; background-position:center; border:1px solid #000; background-size:cover; background-color:#fff; display: block; cursor:pointer;  z-index:20;}
.caserecommendbox .caseprevbtn{ background-image:url(../images/icon06.png); left:0px;}
.caserecommendbox .caseprevbtn:hover{ background-image:url(../images/icon006.png);background-color:#8f0000;border-color: #8f0000;}
.caserecommendbox .casenextbtn{background-image:url(../images/icon07.png); right:0px;}
.caserecommendbox .casenextbtn:hover{background-image:url(../images/icon007.png);background-color:#8f0000;border-color: #8f0000;}

.caserecommend{ position:relative; overflow:hidden;}
.caserecommend ul li{position:relative; overflow: hidden;transform: translate3d(0, 0, 0);}

.caserecommend .caserecommendDot{ text-align:center; z-index:20;}
.caserecommend .caserecommendDot span{ width:10px; height:10px;  background:#eee; opacity: 1; margin:0px 5px; border-radius:0px; border:none;}
.caserecommend .caserecommendDot span.swiper-pagination-bullet-active{ background: #8f0000;}


.caserecommendimg img{ display:block; width:100%; position:relative; left:50%; transform:translateX(-50%) scale(1);-webkit-transform:translateX(-50%) scale(1);}
.caserecommendimg:hover img{transform:translateX(-50%) scale(1.1);-webkit-transform:translateX(-50%) scale(1.1);}

.caserecommendcontent{padding:20px;}
.caserecommendcontent h3{ font-size:18px; color:#222222;line-height:32px; height:32px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; font-weight:700;}
.caserecommendcontent .desc{ font-size:14px; color:#222222;line-height:24px; height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; margin-top:10px;}
.caserecommendcontent .subtitle{ font-size:14px; color:#222;line-height:24px; height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; margin-top:10px;}
.caserecommendcontent .desc1{ font-size:14px; line-height:24px; color:#222222; margin-top:10px;}
.caserecommendcontent .more{ font-size:14px; color:#870000; margin-top:20px;}
.caserecommendcontent .more span{ padding-right:35px; display:inline-block; line-height:30px; background:url(../images/icon08.png) no-repeat right center;}


.caselisttitle{ font-size:20px; color:#000000; padding:30px 0px 10px; display: none;}

.caselistbox{padding-bottom:40px;}

.caselist{ margin-top:15px;}
.caselist a{ position:relative; display:block;}
.caselist a .imgbox img{ display:block; width:100%; position:relative; left:50%;transform: translateX(-50%) scale(1);-webkit-transform:translateX(-50%) scale(1);}
.caselist a:hover .imgbox img{transform: translateX(-50%) scale(1.1);-webkit-transform:translateX(-50%) scale(1.1);}
.caselist a:after{ content:''; width:100%; height:100%; left:0px; top:0px; display:block; background:#8f0000; opacity:0; position:absolute; z-index:1; visibility:hidden; transition:all .8s ease;-webkit-transition:all .8s ease;}

.caselist a .caselistcontent{ position:absolute; left:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; text-align:center; color:#fff; z-index:2;opacity:0;visibility:hidden;transition:all .8s ease;-webkit-transition:all .8s ease;}
.caselist a .caselistcontent .caselogo{ display:none;}
.caselist a .caselistcontent .caselogo img{ height:40px;}
.caselist a .caselistcontent h3{ font-size:18px; margin-top:20px;}
.caselist a .caselistcontent .desc{ font-size:14px; padding-top:15px;}

.caselist a:hover:after{opacity:0.9;visibility:visible;}
.caselist a:hover .caselistcontent{opacity:0.9;visibility:visible;}

.loadmore{ text-align:center; padding-bottom:40px;}
.loadmore a{ color:#870000; font-size:18px; font-weight:700}

/*--服务案例详情--*/

.maindetails{ background:#f7f7f7;}

.cesadetailsimg{padding-top:40px;}
.cesadetailsimg img{ display:block; width:100%;}

.cesadetailsbox{ padding:30px 20px 40px; background:#fff;}

.logoshare dt{ float:left;}
.logoshare dt img{ width:120px; display:block;border:1px solid #eeeeee}
.logoshare dd{ float:right; background:url(../images/img20.png) no-repeat center; width:25px; height:25px; position:relative; margin-top:25px;}
.logoshare dd p{ position:absolute; right:0px; bottom:0px; width:120px; opacity:0; visibility:hidden; transition:all .8s ease; z-index:-1;}
.logoshare dd:hover p{ opacity:1; visibility:visible; z-index:1;}

.cssadetaildesc{ color:#222; font-size:14px; line-height:24px; margin-top:15px;}

.cssadetailcommon{ color:#222; font-size:14px; line-height:24px; margin-top:35px;}
.cssadetailcommon .texttitle{ font-size:20px; line-height:26px; color:#222; padding-bottom:15px; font-weight:600}

.cesadetailsrecommend{ padding-bottom:30px;}

/*--服务内容--*/

.service{ padding-top:65px;}
.service dl { position:relative}

.service dl dt{ position:relative; cursor:pointer}
.service dl dt img{ display:block; width:100%;}
.service dl dt:after{ content:''; width:80px; height:80px; background:url(../images/img26.png) no-repeat; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.service dl dd{ padding:20px;}
.service dl dd .bigtitle{ background:url(../images/img25.png) no-repeat right bottom #8f0000; background-size:100% auto; height:100px; padding:0px; margin: -20px -20px 0px; position: relative; text-align:center; font-size:16px; color:#fff; }
.service dl dd .bigtitle span{ display:inline-block; /*padding-left:30px;*/ position: relative; line-height: 1.4; position: relative; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.service dl dd .bigtitle span:before{ display: none; height:1px; background:#fff; width:30px; margin-right:15px; vertical-align:middle; position: absolute; left:0px; top: calc(50% - 5px); transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.service dl dd .subtitle{ font-size:16px; color:#8f0000; margin-top:25px;}
.service dl dd .threetitle{ font-size:22px; color:#222222;line-height:32px; margin-top:20px;}
.service dl dd .desc{ font-size:14px; color:#444444;line-height:24px; margin-top:15px;}

.positionmain{ margin-top:20px; padding-bottom:70px; position:relative; overflow:hidden; background:url(../images/img27.jpg) no-repeat bottom; background-size:100% auto;}
.positionmain .commonentitle{ z-index:1;}
.positionmain .container{ position:relative; z-index:2;}

.strategyposition{ padding-top:70px;}
.strategyposition dl{ border-bottom:1px solid #dcdcdc; padding-bottom:40px; margin-bottom:40px;}
.strategyposition dl dt{ padding-top:0px; padding-right:0px;}
.strategyposition dl dt h3{ font-size:20px; color:#000; padding-bottom:30px; font-weight:700}
.strategyposition dl dt img{ display:block; width:100%;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: grayscale(100%);transition:all .4s ease; -webkit-transition:all .4s ease;transform:scale(1); -webkit-transform:scale(1);}
.strategyposition dl dt:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}

.strategypositioncontent{background:#f7f7f7; position:relative; padding:25px 20px 25px 85px; margin-top:10px; transition:all .4s ease; -webkit-transition:all .4s ease;}
.strategypositioncontent img{ display:block; position:absolute; left:20px; top:25px; height:42px;}
.strategypositioncontent h3{ font-size:18px; color:#000000; font-weight:700}
.strategypositioncontent .desc{ font-size:14px; color:#444444; margin-top:15px; line-height:20px;}

.strategypositioncontent:hover{ background: #fff;box-shadow:0px 5px 37px rgba(0,0,0,0.1);}

.strategyposition dl dt:hover img{ background:#fff; box-shadow:0px 5px 37px rgba(0,0,0,0.1);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: grayscale(0%);}



/*--关于我们--*/

.aboutbox{padding:70px 0px 30px;}

.about ul{ padding-top:30px;}
.about ul li{ float:left; width:50%; padding-bottom:20px;}
.about ul li .time{ font-size:16px; color:#1a55ad;}
.about ul li .time em{ font-size:20px;}
.about ul li .time span{ font-size:30px; font-weight:600; line-height:1;}
.about ul li .desc{ font-size:14px; color:#222222; padding-top:5px;}

.aboutintro{ padding-right:0px; font-size:14px; line-height:24px; color:#222222;}
.aboutintro .aboutlogo svg{ width:220px; height:35px; display: block;}
.aboutintro .line{ height:6px; background:url(../images/img31.png) repeat-x; margin:25px 0px;}
.aboutintro img{ max-width:100%;}

.aboutimg{ position:relative; right:0px; top:0px; width:100%; margin-top:20px;}
.aboutimg img{ display:block; width:100%;}
.aboutimg span{ position:absolute; width:80px; height:80px; left:50%; top:50%; margin:-30px 0px 0px -30px; display:block; cursor:pointer; background:url(../images/img26.png) no-repeat; background-size:cover;}

.aboutslogan{ background:url(../images/img33.jpg) no-repeat; background-size:cover; overflow:hidden;}
.aboutslogan dl{ position:relative; padding:40px 0px 40px}
.aboutslogan dl dt{  font-size:30px; color:#ffffff; text-align:center; font-weight:700; font-family: 'SourceHanSansCN-Medium';}
.aboutslogan dl dt p{ font-weight:700;font-family: 'SourceHanSansCN-Medium';}
.aboutslogan dl dd{ margin:0px auto;width:64%; padding-top:20px;}
.aboutslogan dl dd img{ display:block; width:100%; position:relative; left:0px;-webkit-filter: sepia(0.7);filter: sepia(0.7);}

.aboutculturebox{ padding-bottom:50px; background:url(../images/img35.jpg) no-repeat bottom; background-size:100% auto; overflow:hidden; position:relative;}
.aboutculturebox .commonentitle{ z-index:1;}
.aboutculturebox .container{ position:relative; z-index:2;}

.aboutculturetitle{ font-size:20px; margin-top:40px; color:#222222; font-weight:600; line-height:24px; border-left:6px solid #870000; padding-left:15px;}

.aboutculturelist{ padding-top:25px;}
.aboutculturelist ul{ margin:0px 0px;}
.aboutculturelist ul li{ padding:0px 0px 40px;}



.aboutculture img{ display:block; width:100%;}
.aboutculture h3{ margin-left:15px; position:relative; color:#222; background:#fcfcfc; z-index:2; margin-top:-25px; line-height:50px; padding-top:5px; padding-left:15px; font-size:14px;}
.aboutculture h3 span{ font-size:18px; font-weight:700; margin-right:15px;}
.aboutculture .desc{ margin-left:15px; font-size:14px; padding:20px 0px 10px 15px; line-height:30px; max-width:320px;}

/*--加入我们--*/

.joinusmain{background:#f7f7f7;}
.joinusmain .commonentitle{ z-index:1; color:rgba(255,255,255,0.5)}
.joinusmain .container{ z-index:2}
.joinustitle{ font-size:20px;line-height:24px; margin-top:40px; color:#222222; font-weight:600;  border-left:6px solid #870000; padding-left:15px;}

.joinusbanner{ background:url(../images/img39.jpg) no-repeat center; background-size:cover; height:220px; margin-top:25px; padding:35px 0px 0px 20px}
.joinusbanner h3{ font-size:20px; line-height:28px; color:#8f0000; font-weight:700; padding-bottom:20px;}
.joinusbanner p{ position:relative; padding-left:25px; font-size:14px; color:#222222; line-height:24px;}
.joinusbanner p:after{ border:1px solid #8f0000; width:10px; height:10px; border-radius:100%; content:''; position: absolute; left:0px; top:8px;}

.joinuslist{ padding:20px 0px 30px}
.joinuslist ul li{ padding:20px 0px 10px; border-bottom:1px solid #e5e5e5}
.joinuslist ul li .jobtitle{ font-size:18px; line-height:24px; color:#222222; position:relative; font-weight:600; cursor:pointer;}
.joinuslist ul li .jobtitle:after{content:''; background:url(../images/icon15.png) no-repeat #8f0000; background-size:cover; width:40px; height:40px; position:absolute; right:0px; top:7px;  border-radius:100%; transition:all .6s ease; -webkit-transition:all .6s ease}
.joinuslist ul li .subtitle{ font-size:12px; padding:10px 0px 0px; display:block;}
.joinuslist ul li .jobcontent{ font-size:14px; color:#666666; line-height:24px; border-top:1px solid #e5e5e5; margin-top:20px; padding:35px 0px 10px; display:none;}
.joinuslist ul li .jobcontenttitle{ font-size:18px; color:#222222; position:relative; font-weight:600;}
.joinuslist ul li .jobcontent .submitresume{ margin-top:40px;}

.joinuslist ul li .jobcontent .submitresume dt a{ display:block; width:140px; line-height:40px; background:#8f0000; text-align:center;}
.joinuslist ul li .jobcontent .submitresume dt a span{ background:url(../images/icon16.png) no-repeat left center; display: inline-block; line-height: 24px; font-size:18px; color:#fff; padding-left:35px;}
.joinuslist ul li .jobcontent .submitresume dd{ color:#8f0000; font-size:14px; padding-top:20px;}

.joinuslist ul li.cur .jobtitle:after{transform:rotate(-180deg);}

/*--联系我们--*/
.contactusmain{ background:#f7f7f7;}
.contactusmain .container{ z-index:2}

.contactusbg{ overflow:hidden; position:absolute; width:100%; left:0px; top:0px; z-index:1;}
.contactusbg img{ display:block; width:100%;}

.communicatetitle{margin-top:40px;}
.communicatetitle dt{font-size:20px; color:#222222; font-weight:600; line-height:24px; border-left:6px solid #870000; padding-left:15px;}
.communicatetitle dd{color:#444444; font-size:14px; line-height:24px; padding-top:15px;}



.communicateform{ background:#fff; padding:20px 15px; margin-top:30px; box-shadow:0px 5px 37px rgba(0,0,0,0.1);}

.communicateform ul li{padding-bottom:10px;}
.communicateform ul li p{ font-size:14px; padding-bottom:15px;}
.communicateform ul li p span{ color:#870000;}
.communicateform ul li label{ display:block; padding:15px 30px; background:#f7f7f7;}
.communicateform ul li label input{ font-size:16px; width:100%; outline:none; background:none; border:none;}
.communicateform ul li label textarea{ resize:none; width:100%; height:100px; background:none; border:none; outline:none;font-size:16px; font-weight:400;}
.communicateform dl{ padding-bottom:20px;}
.communicateform dl dt{font-size:14px;}
.communicateform dl dd{padding-top:10px;}
.communicateform dl dd label{ font-size:14px; display:inline-block; vertical-align:middle; color:#000000; font-weight:400; position:relative; margin-right:40px; margin-bottom:10px;}
.communicateform dl dd label input{ position:absolute; visibility:hidden; opacity:0;}
.communicateform dl dd label span{ display:inline-block; width:20px; height:20px; border:1px solid #363636; border-radius:100%; vertical-align:middle; margin-right:12px; position:relative;}
.communicateform dl dd label input:checked + span{ border:1px solid #870000}
.communicateform dl dd label input:checked + span:after{ content:''; width:10px; height:10px; background:#870000; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); display:block; border-radius:100%}

.communicateform p.communicateformbtnbox{ padding-top:0px;}
.communicateform p.communicateformbtnbox input{ width:120px; height:40px; background:#f7f7f7; font-size:14px;}
.communicateform p.communicateformbtnbox input.submit{ background:#870000; color:#fff; margin-right:40px;}

.contactustitle{font-size:20px; color:#222222; font-weight:600; line-height:24px; border-left:6px solid #870000; padding-left:15px; margin-top:60px;}

.contactus{ position:relative; padding:50px 0px 30px;}
.contactus dl{ position:relative;background:#fff;}

.contactus dl dt img{ display:block; width:100%;}
.contactus dl dd{ background:#fff; padding:25px 15px 20px;}
.contactus dl dd .title{ font-size:14px; color:#870000; padding-bottom:10px;}
.contactus dl dd .desc{ color:#222;font-size:16px; padding-bottom:15px;}
.contactus dl dd ul{ padding-top:0px;}
.contactus dl dd ul li{ float:left; width:50%; font-size:16px;}
.contactus dl dd ul li img{ display:block; height:100px; width:100px;}
.contactus dl dd ul li p{ text-align:center; color:#222222; width:100px; padding-top:10px;}

/*--新闻列表2--*/

.newslisttwo{ margin-top:25px; padding-bottom:20px;}
.newslisttwo ul li{ padding-bottom:30px;}
.newslisttwo ul li a{ display:block; background:#f7f7f7; position:relative; transition:all .4s ease; -webkit-transition:all .4s ease;transform:translateY(0px);}
.newslisttwo ul li a .imgbox img{ display:block; width:100%; position:relative; left:50%; transform:translateX(-50%) scale(1); -webkit-transform:translateX(-50%) scale(1);}
.newslisttwo ul li a:hover .imgbox img{transform:translateX(-50%) scale(1.1); -webkit-transform:translateX(-50%) scale(1.1);}

.newslisttwo ul li a .newslisttwocontent{ padding:20px;}
.newslisttwo ul li a .time{ color:#666666; font-size:14px; font-weight:700;}
.newslisttwo ul li a h3{ font-size:18px; line-height:24px; font-weight:700; margin-top:5px;}
.newslisttwo ul li a .more{position:absolute; right:0px; bottom:0px; background: #870000; color:#fff; width:130px; height:40px; line-height:40px; text-align:center;transition:all .6s ease; -webkit-transition:all .6s ease; opacity:0; visibility:hidden}
.newslisttwo ul li a .more span{background:url(../images/icon003.png) no-repeat right center; display:inline-block; padding-right:20px; font-size:14px;}


.newslisttwo ul li a:hover { background:#fff; box-shadow:0px 5px 37px rgba(0,0,0,0.1); transform:translateY(-5px);}
.newslisttwo ul li a:hover .more{ opacity:1; visibility:visible;}
.newslisttwo ul li a:hover .time{ color:#870000;}


/*--新闻详情--*/

.newsdetailbox{ padding-top:35px; margin:0px auto; max-width:1200px;}
.newsdetailtitle{ font-size:20px; line-height:1.35;}

.sourcetime{ margin-top:20px; font-size:12px; color:#666666; border-bottom:1px solid #e5e5e5; padding-bottom:20px; position:relative;}
.sourcetime span{ margin-right:10px; vertical-align:middle}
.sourcetime .newsshare{ display:inline; position:relative; vertical-align:middle; margin-right:20px;}
.sourcetime .newsshare p{ position:absolute; right:0px; width:95px; opacity:0; visibility:hidden; transition:all .4s ease; -webkit-transition:all .4s ease;}
.sourcetime .newsshare:hover p{ visibility:visible; opacity:1;}
.sourcetime dl{font-size:20px; display:inline-block; vertical-align:middle}
.sourcetime dl dt{ float:left; cursor:pointer; margin-right:20px;}
.sourcetime dl dd{ float:left; cursor:pointer;}

.newsdetail{ font-size:14px;line-height:2.2; padding:20px 0px; color:#444444; }
.newsdetail img{ display:block; margin:0px auto; max-width:100%;}

.upperandlower{font-size:14px; border-top:1px solid #e5e5e5; padding:25px 0px 40px; position: relative; overflow: hidden;}
.upperandlower p{ text-align:center; line-height:50px; padding-top: 20px;}
.upperandlower p a span{ display:inline-block; width:90px;  font-size:14px; height:50px; background:#8c0014; color:#fff;vertical-align:middle;}
.upperandlower p a em{ background:url(../images/icon007.png) no-repeat #8c0014; background-size:cover; margin-left:10px; border-radius:100%; width:50px; height:50px; display:inline-block; vertical-align:middle}

.upperandlower dt{ position:relative; line-height:35px; padding-left:0px;}
.upperandlower dt a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; height: 35px;}
.upperandlower dt:after{ width:10px; height:10px; border:2px solid #444444; border-left:none; border-top:none; content:''; position:absolute; left:2px; top:50%; transform:translateY(-50%) rotate(135deg); display: none;}
.upperandlower dt:hover:after{ border-color:#8c0014}
.upperandlower dd{ position:relative; line-height:35px; padding-right:0px;}
.upperandlower dd a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; height: 35px;}
.upperandlower dd:after{width:10px; height:10px; border:2px solid #444444;  border-left:none; border-top:none; content:''; position:absolute; right:2px; top:50%; transform:translateY(-50%) rotate(-45deg); display: none;}
.upperandlower dd:hover:after{ border-color:#8c0014}

.recommendnews{ padding:30px 0px; background:#f7f7f7;}
.recommendnews h2{ font-size:18px; text-align:center; font-weight:700;}
.recommendnews .time{ background:none;}

/*--专家团队--*/

.expertteammain{background:#f7f7f7;}
.expertteammain .commonentitle{ z-index:1; color:rgba(255,255,255,0.5)}
.expertteammain .container{ z-index:2}
.expertteamtitle{ font-size:20px;line-height:24px;margin-top:70px; color:#222222; font-weight:600; border-left:6px solid #870000; padding-left:15px;}

.Founder{margin-top:30px; background:#fff url(../images/img66.png) no-repeat right top; transition:all .4s ease; -webkit-transition:all .4s ease;}
.Founder:hover{box-shadow:0px 5px 20px rgba(0,0,0,0.1);}
.Founder dl dt img{ display:block; width:100%;}
.Founder dl dd{padding:20px 15px;}
.Founder dl dd h3{ font-size:20px; color:#870000; font-weight:700}
.Founder dl dd h3 a{color:#870000;}
.Founder dl dd .subtitle{ font-size:16px; color:#870000;padding-top:15px;padding-left:15px;}
.Founder dl dd .desc{ font-size:14px; color:#222222;padding-top:10px; line-height:20px;}
.Founder dl dd .Founderbtn{ padding:10px 0px 0px;}
.Founder dl dd .Founderbtn a{ display:inline-block;color:#870000; margin-right:25px; line-height:24px; font-size:14px;}
.Founder dl dd .Founderbtn .more{ background:url(../images/img62.png) no-repeat right center; padding-right:25px;}
.Founder dl dd .Founderbtn .video{ background:url(../images/img63.png) no-repeat right center; padding-right:25px;}

.expertteamlist{padding-bottom:80px;}
.expertteamlist ul{ margin:0px -36px;}
.expertteamlist ul li{ padding:0px 36px; margin-top:60px;}
.expertteamlist ul li a{ display:flex;align-items:center;}
.expertteamlist ul li h3{ background:url(../images/img64.png) no-repeat; width:80px; height:300px; padding:45px 20px 0px; line-height:30px; text-align:center; color:#fff}
.expertteamlist ul li h3 span{ margin-top:10px; font-size:18px; color:#d9b765; display:inline-block; padding:0px 10px; line-height:20px;}
.expertteamlist ul li p{width:calc(100% - 80px);}
.expertteamlist ul li p img{ display:block; width:100%;}
.expertteamlist ul li a:hover p{box-shadow:0px 5px 37px rgba(0,0,0,0.5);}

.expertteadetailbox{ padding:20px 15px; margin:40px 0px 50px; position:relative; z-index:2; background:#fff url(../images/img67.png) no-repeat right top;box-shadow:0px 5px 37px rgba(0,0,0,0.1); }
.expertteadetailbox .upperandlower{ margin:30px 0px 0px; padding:0px; border-top:none; font-size:14px;}
.expertteadetailImg{ position:relative;}
.expertteadetailImg span{ right:0px; bottom:0px; display:block; width:80px; height:80px; background:url(../images/img65.png) no-repeat center; background-size:cover; position:absolute;}
.expertteadetailImg img{ display:block; width:100%;}

.expertteadetail{padding:20px 0px 0px 0px;}
.expertteadetail h3{ font-size:20px; color:#870000; font-weight:700}
.expertteadetail h3 a{color:#870000;}
.expertteadetail h4{ font-size:16px;color:#222222; margin-top:20px;}
.expertteadetail .subtitle{ font-size:16px; color:#870000; padding-left: 15px;}
.expertteadetail .desc{ font-size:14px; color:#222222;padding-top:10px; line-height:20px;}


/*--首页--*/
.hideNav{ top:-110px;}

.index{ position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden;}
.index .swiper-wrapper .swiper-slide:last-child{height:auto;}

/* .indexbanner{ position:absolute; overflow:hidden; width:100%; top:0px; left:0px; bottom:0px;} 20210820*/
.indexbanner {position: absolute;overflow: hidden;width: 100%;left: 0px; top: 70px; bottom: 0px;}
.indexbanner ul li{ background-repeat:no-repeat; background-position:center; /*background-size:cover;*/background-size:100% 100%;}

.indexbanner ul li video { width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 16; -o-object-fit: cover; object-fit: cover; display: none; }

.indexbannertext{ left:5%; position:absolute; right:0px; top:40%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.indexbannertext h3{ font-size:40px; font-weight:700; color:#870000; line-height:1.2;transform:translateY(50px);-webkit-transform:translateY(50px);transition:all .6s ease; -webkit-transition:all .6s ease; opacity:0; visibility:hidden;}
.indexbannertext h3 span{ display:inline-block; width:20px; font-size:12px; font-weight:700}
.indexbannertext .desc{ font-size:16px; color:#000000; font-weight:700;line-height:1; margin-top:20px;transform:translateY(50px);-webkit-transform:translateY(50px);transition:all .6s ease; -webkit-transition:all .6s ease; opacity:0; visibility:hidden;}
.indexbannertext p.more{line-height:50px; margin-top:30px;transform:translateY(50px);-webkit-transform:translateY(50px);transition:all .6s ease; -webkit-transition:all .6s ease; opacity:0; visibility:hidden;}
.indexbannertext p.more a span{ font-size:14px; display:inline-block; width:130px; height:50px; background:#8c0014; color:#fff;vertical-align:middle; text-align:center;}
.indexbannertext p.more a em{ background:url(../images/icon007.png) no-repeat #8c0014; background-size:cover; margin-left:10px; border-radius:100%; width:50px; height:50px; display:inline-block; vertical-align:middle}
.indexbannertext .textImg img{ max-width:80%;}

.indexbanner .indexbannerdot{ position:absolute; left:0px; bottom:35px; width:100%; z-index:20; text-align:center;}
.indexbanner .indexbannerdot span{ height:10px; width:6px; border-radius:0px; background:#fff; transition:all .4s ease; opacity:0.6;}
.indexbanner .indexbannerdot span.swiper-pagination-bullet-active{ height:20px; opacity:1;}

.indexbanner ul li.swiper-slide-active .indexbannertext h3{transform:translateY(0px);-webkit-transform:translateY(0px); opacity:1; visibility:visible;}
.indexbanner ul li.swiper-slide-active .indexbannertext .desc{transform:translateY(0px);-webkit-transform:translateY(0px); opacity:1; visibility:visible; transition-delay:0.3s}
.indexbanner ul li.swiper-slide-active .indexbannertext p.more{transform:translateY(0px);-webkit-transform:translateY(0px); opacity:1; visibility:visible;transition-delay:0.4s}

.indexcommonbox{position:absolute; left:0px; top:0px; bottom:0px; right:0px;overflow:hidden;}
.indexcommonbox .commonentitle{ z-index:1; color:rgba(255,255,255,0.5)}

.businessneedsbox{ background:url(../images/img69.png) no-repeat left bottom #f7f7f7;background-size: 45% auto;}

.indextitle{ font-size:28px; line-height:18px; border-left:6px solid #870000; font-weight:700; padding-left:15px; padding-top: 10px;}

.centered{ top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:2}


.businessneedslist{ margin-top:30px;}
.businessneedslist ul{ margin:0px -5px;}
.businessneedslist ul li{ float:left; width:50%; padding:0px 5px 10px;}
.businessneedslist ul li .businessneedslistcontent{ background:#dcdcdd; height:90px; position:relative; padding:25px 20px 0px; transition:all .4s ease; -webkit-transition:all .4s ease;}
.businessneedslist ul li .businessneedslistcontent h3{ font-size:16px; color:#222222; font-weight:700;transition:all .4s ease; -webkit-transition:all .4s ease;}
.businessneedslist ul li .businessneedslistcontent .icon{padding-top:5px; opacity:0; visibility:hidden;}
.businessneedslist ul li .businessneedslistcontent .num{line-height:90px; transition:all .4s ease; -webkit-transition:all .4s ease;font-size:30px; position:absolute; right:0px; top:0px;  color:#fff; font-weight:700; padding-right:15px;font-family: 'HelveticaBold' !important;}
.businessneedslist ul li:hover .businessneedslistcontent{ background:#2a4d37;}
.businessneedslist ul li:hover .businessneedslistcontent h3{ color:#fff;}
.businessneedslist ul li:hover .businessneedslistcontent .icon{opacity:1; visibility:visible;}
.businessneedslist ul li:hover .businessneedslistcontent .num{ color:#e50012}

.servicecontentbg{ background:url(../images/img71.jpg) no-repeat center; background-size:cover}
.servicecontentbg .commonentitle{ z-index:1; color:rgba(255,255,255,0.1)}


.servicecontenttitle{background:url(../images/img78.png) no-repeat left bottom #2a4d37; background-size:65% auto; padding:20px;}
.servicecontenttitle .indextitle{ border-left-color:#d9b765; color:#fff;}


.servicecontentlist ul li{ float:left; width:33.333%;border-top:1px solid #eeeeee; border-right:1px solid #eeeeee; background:#ffffff;}
.servicecontentlist ul li h3{ font-size:14px;font-weight:700;color:#000; margin-top:5px;line-height:26px;}
.servicecontentlist ul li .num{ font-size:16px; font-weight:700; margin-top:15px;}
.servicecontentlist ul li .icon{ text-align:right;}
.servicecontentlist ul li .icon img{height:40px;}
.servicecontentlist ul li a{ display:block; height:180px;padding:20px 10px 0px 10px}
.servicecontentlist ul li a:hover h3{ color:#870000}
.servicecontentlist ul li a:hover .num{ color:#870000}

.servicecontentlist ul li:nth-child(-n+3){ border-top:none;}
.servicecontentlist ul li:nth-child(3n){ border-right:none;}

.servicecasebox .commonentitle{ z-index:2; color:rgba(255,255,255,0.1)}
.servicecasebanner{ position:absolute; left:0px; right:0px; top:0px; bottom:0px; overflow:hidden;}
.servicecasebanner ul li{ background-size:cover; background-repeat:no-repeat; background-position:center;}
.servicecasebanner ul li:after{position:absolute; left:0px; right:0px; top:0px; bottom:0px; background:rgba(0,0,0,0.4); content:'';}
.servicecasebox .indextitle{color:#fff;}

.servicecasebannertext{ max-width:625px; color:#fff; padding-top:100px; position:relative; overflow:hidden;}
.servicecasebannertext h3{ font-size:20px; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.2); color:#fff}
.servicecasebannertext h3 a{ color:#fff}
.servicecasebannertext h3 a:hover{ color:#870000}
.servicecasebannertext .desc{ font-size:14px; margin-top:10px;}

.servicecaselistbox{ position: relative; margin-top:90px; padding: 0px 40px;}
.servicecaselistbox em{ display:block; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:30px; height:30px; border:1px solid #fff; background-repeat:no-repeat; background-size:cover; cursor:pointer;}
.servicecaselistbox em.servicecaselistprevbtn{ left:0px; background-image:url(../images/icon006.png);}
.servicecaselistbox em.servicecaselistnextbtn{ right:0px;background-image:url(../images/icon007.png);}
.servicecaselistbox em:hover{ background-color:#870000; border-color:#870000;}

.servicecaselist{ overflow:hidden; position:relative;}
.servicecaselist ul li{ overflow: hidden;}
.servicecaselist ul li a{ display:block; background:#fff; height:130px; padding:25px 20px 0px;  transition:all .4s ease}
.servicecaselist ul li a h3{ color:#222222; font-size:18px;}
.servicecaselist ul li a .desc{ font-size:14px; color:#222; margin-top:10px;}
.servicecaselist ul li a .more{ text-align:right; font-size:14px; margin-top:15px;}
.servicecaselist ul li a:hover{ background:url(../images/img80.png) no-repeat right #870000;}
.servicecaselist ul li a:hover h3{ color:#fff;}
.servicecaselist ul li a:hover .desc{ color:#fff;}
.servicecaselist ul li a:hover .more{ color:#fff;}

.servicecaselist ul li.cur a{ background:url(../images/img80.png) no-repeat right #870000;}
.servicecaselist ul li.cur a h3{ color:#fff;}
.servicecaselist ul li.cur a .desc{ color:#fff;}
.servicecaselist ul li.cur a .more{ color:#fff;}



.indexnewsbox{ background:url(../images/img81.png) no-repeat left bottom #f7f7f7; background-size:25% auto;}
.indexnewsbox .commonentitle{ z-index:1; color:rgba(255,255,255,0.9)}

.newstitleclass dd{ text-align:center; padding-top:40px;}
.newstitleclass dd a{ font-size:18px; font-weight:700; color:#222; margin:0px 10px;}
.newstitleclass dd a.cur{color:#870000;}
.newstitleclass dd a:hover{color:#870000;}

.indexnewslistbox{ position:relative; padding: 0px 40px;}
.indexnewslistbox em{ display:block; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:30px; height:30px; border:1px solid #000000; background-repeat:no-repeat; background-size:cover; cursor:pointer;}
.indexnewslistbox em.indexnewslistprevbtn{ left:0px; background-image:url(../images/icon06.png);}
.indexnewslistbox em.indexnewslistnextbtn{ right:0px;background-image:url(../images/icon07.png);}
.indexnewslistbox em:hover{ background-color:#2a4d37; border-color:#2a4d37;}
.indexnewslistbox em.indexnewslistprevbtn:hover{background-image:url(../images/icon006.png);}
.indexnewslistbox em.indexnewslistnextbtn:hover{background-image:url(../images/icon007.png);}


.indexnewslist{ overflow:hidden; position:relative;}
.indexnewslist .time{ background:none !important; color:#000}

.indexnewslist .indexnewslistdot{text-align:center; padding-top:30px;}
.indexnewslist .indexnewslistdot span{ width:4px; height:6px; background:#000000; margin:0px 5px; border-radius:0px; transition:all .4s ease; border:none;}
.indexnewslist .indexnewslistdot span.swiper-pagination-bullet-active{ background:#2a4d37; height:14px;}

.indexteambox{ background:url(../images/img82.jpg) no-repeat center; background-size:cover}
.indexteambox .commonentitle{ z-index:1; color:#930003;}
.indexteambox .indextitle{border-color:#d9b765; color:#fff}

.indexteam{position:relative; padding: 0px 40px;}
.indexteam em{ display:block; position:absolute; top:calc(50% - 60px); transform:translateY(-50%); -webkit-transform:translateY(-50%); width:30px; height:30px; border:1px solid #fff; background-repeat:no-repeat; background-size:cover; cursor:pointer;}
.indexteam em.indexteamprevbtn{ left:0px; background-image:url(../images/icon006.png);}
.indexteam em.indexteamnextbtn{ right:0px;background-image:url(../images/icon007.png);}
.indexteam em:hover{ background-color:#d9b765; border-color:#d9b765;}

.indexteamlistbox{ position:relative;overflow:hidden; margin-top:45px;}

.indexteamlist{ position:relative;overflow:hidden;}
.indexteamlist ul{display:flex;align-items:center; transition-duration:300ms !important;}
.indexteamlist ul li{width:100%;}
.indexteamlist ul li a { display:block}
.indexteamlist ul li h3{ font-size:24px; color:#fff; text-align:center; font-weight:700; margin-top:20px;}
.indexteamlist ul li h3 span{ display:block; font-size:18px; color:#d9b765; padding-top:10px;}
.indexteamlist ul li .imgbox img{ display:block; width:100%;}
.indexteamlist ul li .indexteamlistcontent{ width:240px; margin:0px auto;}

.indexteamlist ul li.prevClass .indexteamlistcontent{ margin:0px; float:right;}
.indexteamlist ul li.nextClass .indexteamlistcontent{ margin:0px; float:left;}


.teamdesc{ max-width:820px; font-size:14px; text-align:center; color:#fff; padding-top:30px; margin:0px auto; line-height:24px; overflow: hidden; position: relative;}

.indexteamlistbox .indexteamlistdot{text-align:center; padding-top:30px;}
.indexteamlistbox .indexteamlistdot span{ width:4px; height:6px; background:#fff; margin:0px 5px; border-radius:0px; transition:all .4s ease; border:none;}
.indexteamlistbox .indexteamlistdot span.swiper-pagination-bullet-active{ background:#d9b765; height:14px;}

.indexteamlistMobile{position:relative; left:0px; top:0px; width:100%; opacity:1; visibility:visible; z-index:9;}
.indexteamlistPc{ position:absolute; left:0px; top:0px; width:100%; opacity:0; visibility:hidden; z-index:1;}


.indexaboutbox{background:url(../images/img89.jpg) no-repeat center; background-size:cover}
.indexaboutbox .commonentitle{color: rgba(255,255,255,0.4);}

.indexabout{ font-size:14px;line-height:24px;margin-top:30px; color:#444;  }
.indexabout .more{ margin-top:20px;}
.indexabout .more a{ display:inline-block; width:120px; height:40px; background:#870000; color:#fff; font-size:14px; text-align:center; line-height:40px;}

.indexaboutnum{ display:flex; padding-top:40px;}
.indexaboutnum li{flex: 1; float:none; width:auto; padding:0px;}
.indexaboutnum .flex { flex: auto; max-width: 360px;}
.indexaboutnum li:nth-child(2){padding:0px 20px;}

.indexaboutnum li .time{ font-size:14px; color:#2a4d37;}
.indexaboutnum li .time em{ font-size:16px;}
.indexaboutnum li .time span{ font-size:30px; font-weight:600; line-height:1;}
.indexaboutnum li .desc{ font-size:14px; color:#222222; padding-top:5px;}


.indexconnectbox{background:url(../images/img90.png) no-repeat left bottom #f7f7f7; background-size:20% auto;}
.indexconnectbox .commonentitle{color: rgba(255,255,255,0.7);}

.indexconnectForm ul{ display:flex;flex-wrap: wrap; margin-top:45px;}
.indexconnectForm ul li{width:50%; padding-bottom:10px; padding-right:10px;}
.indexconnectForm ul li label{ display:block; border:1px solid #e5e5e5; padding:10px 10px; background:#fff; margin:0px;}
.indexconnectForm ul li label input{ font-size:14px; outline:none; background:none; border:none; width:100%}
.indexconnectForm p{padding-top:15px;}
.indexconnectForm p input{ width:120px; height:50px; background:#870000; color:#fff; font-size:14px;}

.indexconnect{font-size:18px; color:#000; padding-left:0px; padding-top:50px;}
.indexconnect .tel{ font-size:26px; color:#870000; font-weight:700; padding-top:45px;}
.indexconnect .mail{ font-size:14px; color:#999999;margin-top:20px;}
.indexconnect .address{ font-size:14px; color:#999999;margin-top:20px;}
.indexconnect .desc{padding-top:5px;}

.popupVideobox{ position:fixed; z-index:999; width:100%; height:100%; background:rgba(0,0,0,0.75); left:0px; top:0px; padding:0px 15px; display:none;}
.videobox{ max-width:800px; width:100%; margin:0px auto; position:relative; transform:translateY(-50%); top:50%;}
.videobox video{ width:100%; display:block; height:450px; background:#000;}
.videobox .closeVideobox{ position:absolute; right:0px; top:-40px; width:30px; height:30px; transform:rotate(-45deg); cursor:pointer;}
.videobox .closeVideobox:after{ content:''; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0px; top:50%; transform:translateY(-50%)}
.videobox .closeVideobox:before{ content:''; display:block; width:2px; height:100%; background:#fff; position:absolute; left:50%; top:0px; transform:translateX(-50%)}

.videobtn{ cursor:pointer;}

.AnchorPoint{ left:10px; position:absolute; width:80px; z-index:99; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); display:none;}
.AnchorPoint a{ color:#fff; display:block; font-size:14px; position:relative; height:56px; line-height:10px; padding-left:24px;}
.AnchorPoint a:after{content:''; width:9px; height:9px; border-radius:100%; border:1px solid #fff; left:0px; top:0px; display:block; position:absolute;}
.AnchorPoint a:before{content:''; bottom:0px; width:1px; background:rgba(255,255,255,0.4); left:4px; top:9px; position:absolute; display:block;}
.AnchorPoint a:last-child{ height:auto;}
.AnchorPoint a:last-child:before{ display:none;}
.AnchorPoint a.cur:after{ background:#fff;}
.AnchorPoint a.cur:before{ background:#fff}


.active{ display:block !important;}

#loader{ display:none;}

.cesadetailsbox .upperandlower{ padding: 25px 0px 0px; margin-top: 35px;}

.videoIcon{ position:absolute; left: 0px; top:0px; height: 100%; width: 100%; z-index: 99;}
.videoIcon:after{content: ''; z-index: 10; width: 80px; height: 80px;background: url(../images/img95.png) no-repeat;background-size: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.videoIcon:before{ background: rgba(0,0,0,.5); position: absolute; left: 0px; right: 0px; top:0px; bottom: 0px; content: ''; display: block; z-index: 8;}


.AnchorPointRed a{ color: #333;}
.AnchorPointRed a.cur{ color: #8f0000;}
.AnchorPointRed a:after{border-color: #dcdcdd;}
.AnchorPointRed a:before{ background: #dcdcdd;}

.AnchorPointRed a.cur:after{ background: #8f0000;}
.AnchorPointRed a.cur:before{ background: #8f0000;}

.AnchorPointYellow a.cur{ color: #d9b765;}
.AnchorPointYellow a.cur:after{ background: #d9b765;}
.AnchorPointYellow a.cur:before{ background: #d9b765;}

.videoPlay{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 20;object-fit: cover;}

@media (max-width:375px) {
	.businessneedslist ul li .businessneedslistcontent{padding: 25px 10px 0px;}
	.businessneedslist ul li .businessneedslistcontent .num{ padding-right:10px;}
	.servicecontentlist ul li a{padding: 20px 0px 0px 10px;}
	.servicecontentlist ul li h3{ font-size:13px;}
}

@media (min-width: 768px) {
	.aboutbox{padding:70px 0px;}
	.commonentitle{ font-size:100px;}
	.about ul{padding-top: 40px;}
	.aboutslogan dl dt{  font-size:30px;}
	.aboutculturetitle{ font-size:34px; line-height:34px; margin-top:60px;}
	.servicesasetitle{ font-size:34px; margin-top:60px; line-height:34px;}
	.contactustitle{font-size:34px; line-height:34px; margin-top:60px;}

	.joinustitle{ font-size:34px;line-height:34px; margin-top:70px;}
	.expertteamtitle{ font-size:34px;line-height:34px;  margin-top:70px; }
	.aboutculturelist ul{margin: 0px -20px;}
	.aboutculturelist ul li{ float:left; width:33.333%; padding:0px 20px;}
	.aboutculturelist ul li:nth-child(1){ padding-top:130px;}
	.aboutculturelist ul li:nth-child(2){ padding-top:60px;}
	.aboutculturebox{ padding-bottom:90px;}
	.aboutculture h3{ margin-left:15px; position:relative; color:#222; background:#fcfcfc; z-index:2; margin-top:-20px; line-height:50px; padding-left:15px; font-size:18px;}
	.aboutculture h3 span{ font-size:18px; font-weight:700; margin-right:15px;}
	.aboutculture .desc{ margin-left:15px;padding-left:15px; font-size:14px; padding:10px 0px 10px 15px; line-height:30px; max-width: 370px; width: 330px;}
	.Founder{margin-top:50px;}
	.Founder dl dt{ float:left; width:277px;}
	.Founder dl dd{ float:left; width:calc(100% - 277px); padding:30px 30px 0px 20px;}
	.expertteadetailbox{ padding:35px 30px; margin:60px 0px 60px;}
	.joinusbanner{ height:300px;margin-top: 45px;padding: 55px 0px 0px 40px;}
	.joinusbanner h3{ font-size:30px; line-height:42px; color:#8f0000; font-weight:700; padding-bottom:20px;}
	.joinusbanner p{ position:relative; padding-left:25px; font-size:16px; color:#222222; line-height:30px;}
	.joinusbanner p:after{ width:10px; height:10px; border-radius:100%; content:''; position: absolute; left:0px; top:10px;}
	.joinuslist{padding: 30px 0px 60px;}
	.joinuslist ul li .jobtitle{ font-size:20px; line-height:28px; color:#222222; position:relative; font-weight:600; cursor:pointer;}
	.joinuslist ul li .subtitle{ font-size:14px; padding:10px 0px 0px; display:block;}
	.joinuslist ul li .jobcontent{ font-size:14px; color:#666666; line-height:30px; border-top:1px solid #e5e5e5; margin-top:20px; padding:35px 0px 10px; display:none;}
	.joinuslist ul li .jobcontenttitle{ font-size:20px; color:#222222; position:relative; font-weight:600;}
	.commonclass{padding-top: 60px;}
	.commonclass a{ color:#222; font-size:20px; margin:0px 30px; display:inline-block; padding:15px 0px;}
	.newslist h3{ font-size:20px; color:#222222; line-height:26px; height:52px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; margin-top:20px;}

	.newslisttwo ul li a .imgbox{float:left; width:300px;}
	.newslisttwo ul li a .imgbox img{ display:block; width:auto; height:188px;}
	.newslisttwo ul li a .newslisttwocontent{ float:left; width:calc(100% - 300px); padding-left:35px; padding-top:30px;}
	.newslisttwo ul li a .time{ color:#666666; font-size:14px; font-weight:700;}
	.newslisttwo ul li a h3{ font-size:20px; line-height:28px; font-weight:700; margin-top:15px;}
	.newsdetailbox{ padding-top:50px;}
	.newsdetailtitle{ font-size:30px;}
	.sourcetime{ margin-top:30px;font-size:14px;}
	.newsdetail{ font-size:16px;line-height:2.2; padding:20px 0px;}
	.sourcetime span{ margin-right:30px;}
	.sourcetime dl{ position:absolute; right:0px; top:0px; }
	.sourcetime dl dt{ margin-right:40px;}
	.upperandlower{font-size:16px; border-top:1px solid #e5e5e5; padding:25px 0px 50px;}
	.upperandlower p{ text-align:center; line-height:50px; position: absolute; left: 50%; padding: 0px; transform: translateX(-50%); -webkit-transform: translateX(-50%); top: 25px;}
	.upperandlower p a span{ display:inline-block; width:110px;  font-size:16px; height:50px;}
	.upperandlower dt{float: left; width: calc(50% - 100px); line-height: 50px; padding-left: 20px;}
	.upperandlower dt a{ height: 50px;}
	.upperandlower dd{float: right; width: calc(50% - 100px);line-height: 50px; padding-right: 20px; text-align: right;}
	.upperandlower dd a{ height: 50px;}
	.upperandlower dt:after{ width:12px; height:12px; display: block;}
	.upperandlower dd:after{width:12px; height:12px; display: block;}
	.recommendnews{ padding:50px 0px;}
	.recommendnews h2{ font-size:22px}
	.service{ padding-top:95px;}
	.positionmain{ margin-top:50px;}
	.strategyposition{ padding-top:90px;}
	.caselist a .caselistcontent .caselogo img{ height:50px;}
	.caselist a .caselistcontent h3{ font-size:22px; margin-top:15px;}
	.caselist a .caselistcontent .desc{ font-size:18px; padding-top:10px;}
	.logoshare dt img{ width:160px;}
	.cesadetailsbox{ padding:40px 35px 50px;}
	.communicatetitle{margin-top:70px;}
	.communicateform{ background:#fff; padding:30px 25px; margin-top:40px;}
	/*20210820*/
	/*.indexbannertext{ left:32%;}*/
	.indexbannertext {left: 44%;}
	.indexbannertext .textImg img{ max-width:80%;}
	.indextitle{ font-size:26px;line-height: 16px;padding-top: 10px;}
	.businessneedsbox{background-size:25% auto;}
	.servicecaselistbox{ padding: 0px;}
	.servicecaselistbox em{ width: 45px; height: 45px;}
	.servicecaselistbox em.servicecaselistprevbtn{ left:-80px;}
	.servicecaselistbox em.servicecaselistnextbtn{ right:-80px;}

	.servicecasebannertext h3{ font-size:24px; padding-bottom:30px;}
	.servicecasebannertext .desc{ font-size:18px; margin-top:15px;}
	.servicecaselist ul li a{ display:block; background:#fff; height:150px; padding:35px 30px 0px;  transition:all .4s ease}
	.servicecaselist ul li a h3{ color:#222222; font-size:22px;}
	.servicecaselist ul li a .desc{ font-size:16px; color:#222; margin-top:10px;}
	.servicecaselist ul li a .more{ text-align:right; font-size:14px; margin-top:15px;}

	.newstitleclass dt{ float:left;}
	.newstitleclass dd{ float:right; padding-top:0px; text-align:left;}
	.newstitleclass dd a{ font-size:18px; margin:0px 0px 0px 40px}

	.indexaboutnum li .time{ font-size:14px; color:#2a4d37;}
	.indexaboutnum li .time em{ font-size:16px;}
	.indexaboutnum li .time span{ font-size:40px; font-weight:600; line-height:1;}
	.indexaboutnum li .desc{ font-size:14px; color:#222222; padding-top:5px;}
	.indexabout{font-size:16px;line-height:28px;}
	.indexconnectForm ul li label input{ font-size:16px;}
	.indexconnect .tel{ font-size:34px; color:#870000; font-weight:700; padding-top:45px;}
	.indexconnect .mail{ font-size:16px; color:#999999;margin-top:20px;}
	.indexconnect .address{ font-size:16px; color:#999999;margin-top:20px;}
	.indexconnectForm ul li{ padding-bottom:20px; padding-right:25px;}
	.indexteamlist ul li{width:calc(33.333% - 15px);}
	.indexteamlist ul li .indexteamlistcontent{ width:100%;}

	.newsbanner ul li a{ width:auto; height:450px;}
	.newsbanner ul li img{display:block; width:auto; height:450px; left:50%; position:absolute; transform: translateX(-50%) scale(1); -webkit-transform:translateX(-50%) scale(1); transition:all .8s ease; -webkit-transition:all .8s ease;}
	.newsbanner ul li:hover img{transform: translateX(-50%) scale(1.1); -webkit-transform: translateX(-50%) scale(1.1);}

	.newslist .imgbox{ height:265px;}
	.newslist img{ display:block; width:auto; height:265px; position:absolute; left:50%; transform:translateX(-50%) scale(1); -webkit-transform:translateX(-50%) scale(1);}
	.newslist:hover img{transform:translateX(-50%) scale(1.1); -webkit-transform:translateX(-50%) scale(1.1);}

	.caselist a .imgbox img{ display:block; width:auto; height:280px; position:relative; left:50%;transform: translateX(-50%) scale(1);-webkit-transform:translateX(-50%) scale(1);}
	.caselist a:hover .imgbox img{transform: translateX(-50%) scale(1.1);-webkit-transform:translateX(-50%) scale(1.1);}

	.caserecommendimg img{ display:block; width:auto; height:450px;}

	.indexnewslistbox{ position:relative; padding:0px;}
	.indexnewslistbox em{width:45px; height:45px; top: calc(50% - 120px);}
	.indexnewslistbox em.indexnewslistprevbtn{ left:-80px;}
	.indexnewslistbox em.indexnewslistnextbtn{ right:-80px;}

	.indexteam{position:relative; padding: 0px;}
	.indexteam em{top:calc(50% - 120px); width:45px; height:45px;}
	.indexteam em.indexteamprevbtn{ left:-80px;}
	.indexteam em.indexteamnextbtn{ right:-80px;}
	.expertteadetailbox .upperandlower p{top: 0px;}
	.caserecommendbox{ display: block;}
	.caselisttitle{ display: block;}
	.newsbannerbox{ display: block;}

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

}
@media (min-width: 992px) {
	.footer dl dt{ float:left; color:#666666; font-size:14px;}
	.footer dl dd{ float:right; padding-top:0px;}
	.footer dl dd a{ margin:0px 0px 0px 25px}
	.footer ul{ text-align:left;}
	.footer ul li{ font-size:16px;}
	.footer ul li a{ padding:0px 20px;}
	.footer ul li:nth-child(1) a{padding:0px 20px 0px 0px}
	.about ul li{ width:33.333%; padding:0px;}
	.about ul li .time span{ font-size:40px;}
	.about ul li .desc{ font-size:16px;}
	.aboutslogan dl{ position:relative; padding:160px 0px 90px}
	.aboutslogan dl dt{ position:absolute; left:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:40px; color:#ffffff; font-weight:700; text-align:left;}
	.aboutslogan dl dd{ float:right; width:64%;}
	.aboutslogan dl dd img{left: 120px;}
	.aboutculturelist ul{margin: 0px -10px;}
	.aboutculturelist ul li{ float:left; width:33.333%; padding:0px 10px;}
	.aboutculturelist ul li:nth-child(1){ padding-top:230px;}
	.aboutculturelist ul li:nth-child(2){ padding-top:100px;}
	.Founder dl dt{ float:left; width:377px;}
	.Founder dl dd{width:calc(100% - 377px); padding:50px 50px 0px 40px;}
	.Founder dl dd h3{ font-size:26px; color:#870000; font-weight:700}
	.Founder dl dd h3 a{color:#870000;}
	.Founder dl dd .subtitle{ font-size:18px; color:#870000;padding-top:15px;}
	.Founder dl dd .desc{ font-size:16px; color:#222222;padding-top:20px; line-height:36px;}
	.Founder dl dd .Founderbtn{ padding:20px 0px 0px;}
	.expertteadetailImg{ float:left; width:350px;}
	.expertteadetail{ float:left; width:calc(100% - 350px); padding:20px 30px 0px 60px;}
	.expertteadetail h3{ font-size:26px; color:#870000; font-weight:700}
	.expertteadetail h3 a{color:#870000;}
	.expertteadetail h4{ font-size:18px;color:#222222; margin-top:30px;}
	.expertteadetail .subtitle{ font-size:18px; color:#870000;}
	.expertteadetail .desc{ font-size:16px; color:#222222;padding-top:20px; line-height:24px;}
	.expertteadetailImg span{ right:-40px; bottom:-40px;}
	.expertteadetailbox .upperandlower{ margin:80px 0px 0px; }
	.joinuslist ul li{ padding:40px 0px 20px;}
	.joinuslist ul li .jobcontent .submitresume dt{ float:left;}
	.joinuslist ul li .jobcontent .submitresume dt a{ display:block; width:180px; line-height:60px; background:#8f0000; text-align:center;}
	.joinuslist ul li .jobcontent .submitresume dt a span{ background:url(../images/icon16.png) no-repeat left center; font-size:18px; color:#fff; padding-left:35px;}
	.joinuslist ul li .jobcontent .submitresume dd{ float:right; color:#8f0000; font-size:16px; padding:0px;}

	.newsbanner{width:500px;}
	.newsbannertext{left: 500px; position:absolute; right:0px; bottom:0px; top:0px;}
	.newsbannertext ul li a{padding: 30px 30px 0px;}
	.newsbannertext ul li a .time{ font-size:28px; color:#8f0000}
	.newsbannertext ul li a .time span{ font-size:18px; color:#222222; display:block; padding-top:7px;}
	.newsbannertext ul li a h3{ color:#222222; font-size:22px;  margin-top:10px;line-height:30px; height:60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
	.newsbannertext ul li a .desc{ color:#666666; font-size:14px; margin-top:10px;line-height:24px; height:72px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
	.newsbannertext ul li a .more{ padding-top:20px;}
	.newsbannertext ul li a .more span{ padding-right:25px; color:#8f0000; font-size:14px; background:url(../images/icon03.png) no-repeat right center;}
	.service{ padding-top:125px;}
	.service dl dt{ float:left; width:50%;}
	.service dl dd{ position:absolute; right:0px; width:50%; bottom:0px; top:0px; padding:20px 40px 0px;}
	.service dl dd .bigtitle{  height:100px; font-size:24px; color:#fff; position:absolute; left:0px; right:0px; bottom:0px; margin: 0px;}
	.service dl dd .bigtitle span{ /*padding-left:50px;*/}
	.service dl dd .bigtitle span:before{ content:''; height:1px; background:#fff; width:40px; margin-right:25px; vertical-align:middle}
	.service dl dd .subtitle{ font-size:16px; color:#8f0000; margin:0px;}
	.service dl dd .threetitle{ font-size:28px; color:#222222; max-width:465px; line-height:30px; margin-top:15px;}
	.service dl dd .desc{ font-size:14px; color:#444444; max-width:590px; line-height:24px; margin-top:15px;}
	.strategyposition dl dt{ padding-top:60px; float:left; width:50%; padding-right:40px;}
	.strategyposition dl dt h3{ font-size:30px; color:#000; padding-bottom:30px; font-weight:700}
	.strategyposition dl dt img{ display:block; width:100%;}

	.strategyposition dl dd{ width:50%; float:left;}
	.strategypositioncontent{ min-height:220px; background:#f7f7f7; position:relative; padding:40px 30px 40px 135px; margin-top:30px; transition:all .4s ease; -webkit-transition:all .4s ease;}
	.strategypositioncontent img{ display:block; position:absolute; left:35px; top:48px; height:62px;}
	.strategypositioncontent h3{ font-size:22px; color:#000000; font-weight:700}
	.strategypositioncontent .desc{ font-size:14px; color:#444444; margin-top:15px; line-height:24px;}
	.strategypositioncontent:first-child{ margin:0px;}
	.strategyposition dl:last-child{border-bottom:none; padding:0px; margin:0px;}
	.strategyposition dl:nth-child(4) dt{ float:right; padding-right:0px; padding-left:90px;}
	.strategyposition dl:nth-child(4) dd{ float:left;}
	.positionmain{ margin-top:20px; padding-bottom:100px;}

	.caserecommendimg{ float:left; width:550px;}
	.caserecommendimg:after{ height:80px; background:#f7f7f7; width:90%; content:''; display:none; }
	.caserecommendcontent{ position:absolute; left:550px;padding: 30px 30px 0px;}

	.caserecommendcontent h3{ font-size:20px; color:#222222;line-height:26px; height:26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; font-weight:700;}
	.caserecommendcontent .desc{ font-size:16px; color:#222222;line-height:24px; height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; margin-top:15px;}
	.caserecommendcontent .subtitle{ font-size:16px; color:#222;line-height:24px; height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; margin-top:15px;}
	.caserecommendcontent .desc1{ font-size:14px; line-height:24px; height:96px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden; color:#222222;; margin-top:20px;}
	.caserecommendcontent .more{ font-size:14px; color:#870000; margin-top:40px;}
	.caserecommendbox .caseprevbtn{left:-80px;}
	.caserecommendbox .casenextbtn{right:-80px;}
	.caselist{ margin-top:30px;}

	.communicatetitle dt{ float:left; font-size:34px; color:#222222; font-weight:600; line-height:34px; border-left:6px solid #870000; padding-left:15px;}
	.communicatetitle dd{ float:right; width:520px; color:#444444; font-size:16px; line-height:30px; padding-top:0px;}
	.communicateform ul{ display:flex; padding-bottom:30px;}
	.communicateform ul .flex{ flex:1;}
	.communicateform ul li:nth-child(2){ margin:0px 30px;}
	.communicateform dl dt{ float:left; width:240px; font-size:18px;}
	.communicateform dl dd{ padding-top:0px;}
	.communicateform dl dd label{ font-size:18px;}

	.indexbannertext h3{ font-size:50px;}
	.indexbannertext h3 span{ display:inline-block; width:24px; font-size:14px; font-weight:700}
	.indexbannertext .desc{ font-size:20px;}
	.indexbannertext p.more a span{ font-size:16px;}
	.indextitle{font-size:36px;line-height: 26px;padding-top: 10px;}
	.businessneedstitle{ float:left;}
	.businessneedslist{ float:right; width:63%; margin:0px;}
	.businessneedslist ul li .businessneedslistcontent{height:100px;padding: 35px 30px 0px;}
	.businessneedslist ul li .businessneedslistcontent .num{line-height:100px; font-size:50px;}
	.businessneedslist ul li .businessneedslistcontent h3{ font-size:20px;}
	.businessneedslist ul li .businessneedslistcontent .icon{padding-top:10px;}
	.servicecontenttitle{ width:240px; padding:50px 0px 0px 40px}
	.servicecontent{display: flex;}
	.servicecontentlist{flex: 1;}
	.servicecontentlist ul li h3{ font-size:18px;font-weight:700;color:#000; margin-top:10px;line-height:26px;}
	.servicecontentlist ul li .num{ font-size:20px; font-weight:700; margin-top:25px;}
	.servicecontentlist ul li .icon{ text-align:right;}
	.servicecontentlist ul li .icon img{height:50px;}
	.servicecontentlist ul li a{ display:block; height:230px;padding:30px 20px 0px 45px}

	.servicecasebannertext h3{ font-size:28px; padding-bottom:30px;}
	.servicecasebannertext .desc{ font-size:20px; margin-top:15px;}
	.indexnewslist .indexnewslistdot{ padding-top:50px;}
	.indexteamlistbox .indexteamlistdot{padding-top:50px;}
	.indexabout{ width:80%;}
	.indexaboutnum{ padding-top:30px;}
	.indexaboutnum li .time{ font-size:14px; color:#2a4d37;}
	.indexaboutnum li .time em{ font-size:18px;}
	.indexaboutnum li .time span{ font-size:50px; font-weight:600; line-height:1;}
	.indexaboutnum li .desc{ font-size:16px; color:#222222; padding-top:5px;}


	.aboutculture .desc{width:330px; font-size: 16px;}
	.servicecaselistbox{ margin-top:100px;}

	.newsbannerbox em{width: 40px;height: 40px;transform: translateY(-50%);-webkit-transform: translateY(-50%);top: 50%;}
	.newsbannerbox .newsbannerprevbtn{left:-20px;}
	.newsbannerbox .newsbannernextbtn{right:-20px;}

	.Founder dl dd .Founderbtn a{ font-size:16px}

	.newsbanner ul li a{height:350px;}
	.newsbanner ul li img{height:350px;}

	.caserecommendimg img{ display:block; height:340px;}

	.caserecommendbox em{ width:40px; height:40px;top:calc(50% - 27px); top:-webkit-calc(50% - 27px); transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.caserecommendbox .caseprevbtn{left:-20px;}
	.caserecommendbox .casenextbtn{right:-20px;}

	.caserecommend .caserecommendDot{width:550px; position: absolute; bottom:30px;}
	.indexbanner ul li video{ display: block;}

}
@media (min-width: 1260px) {
	
	.main{ margin-top:110px;}
	.commonentitle{ font-size:150px;}
	.about ul{display: flex;}
	.about ul .flex { flex: auto; max-width: 360px;}
	.about ul li{flex: 1; float:none; width:auto; padding:0px;}
	.about ul li:nth-child(2){padding:0px 50px;}
	.aboutintro{ padding-right:70px; font-size:16px; line-height:30px}
	.aboutintro .aboutlogo svg{ width: 450px; height:70px;}
	.aboutintro .line{margin: 15px 0px;}
	.about{ float:left; width:55%;}
	.aboutimg{ position:absolute; right:12%; top:0px; width:35%; margin:0px;}
	.aboutimg span{ position:absolute; width:132px; height:132px; left:-132px; bottom:-132px; top:auto; margin:0px; display:block; cursor:pointer; background:url(../images/img26.png) no-repeat; background-size:cover;}
	.about ul{padding-top: 80px;}
	.aboutslogan dl dt{font-size:60px;}
	.aboutslogan dl dd img{left: 220px;}
	.aboutculturetitle{ font-size:44px; line-height:44px; margin-top:90px;}
	.servicesasetitle{ font-size:44px; margin-top:110px; line-height:44px;}
	.aboutculturelist ul{margin: 0px -20px;}
	.aboutculturelist ul li{ float:left; width:33.333%; padding:0px 20px;}
	.aboutculture h3{ margin-left:55px; position:relative; color:#222; background:#fcfcfc; z-index:2; margin-top:-40px; line-height:70px; padding-left:35px; font-size:18px;}
	.aboutculture h3 span{ font-size:28px; font-weight:700; margin-right:15px;}
	.aboutculture .desc{ margin-left:55px;padding-left:35px; font-size:18px; padding:10px 0px 10px 35px; line-height:30px; max-width: 380px; width:380px;}
	.aboutculturelist ul li:nth-child(2) .aboutculture .desc{ width:340px;}
	.aboutculturebox{ padding-bottom:170px;}
	.Founder dl dd{width:calc(100% - 377px); padding:50px 100px 0px 60px;}
	.expertteamtitle{ font-size:44px;line-height:44px;  margin-top:140px;}
	.joinustitle{ font-size:44px;line-height:44px; margin-top:135px;}
	.Founder{margin-top:70px;}
	.Founder dl dd h3{ font-size:36px; color:#870000; font-weight:700}
	.Founder dl dd h3 a{color:#870000;}
	.Founder dl dd .subtitle{ font-size:24px; color:#870000;padding-top:15px;}
	.Founder dl dd .desc{ font-size:20px; color:#222222;padding-top:30px; line-height:36px;}
	.Founder dl dd .Founderbtn{ padding:20px 0px 0px;}
	.expertteadetailbox{ padding:55px 50px; margin:120px 0px 100px;}
	.expertteadetailImg{ float:left; width:500px;}
	.expertteadetail{ float:left; width:calc(100% - 500px); padding:50px 30px 0px 80px;}
	.expertteadetail h3{ font-size:36px; color:#870000; font-weight:700}
	.expertteadetail h3 a{color:#870000;}
	.expertteadetail h4{ font-size:22px;color:#222222; margin-top:40px;}
	.expertteadetail .subtitle{ font-size:20px; color:#870000;}
	.expertteadetail .desc{ font-size:18px; color:#222222;padding-top:20px; line-height:36px;}
	.expertteadetailbox .upperandlower{ font-size:18px;}
	.upperandlower dt:after{ width:15px; height:15px;}
	.upperandlower dd:after{width:15px; height:15px;}
	.joinusbanner{margin-top: 65px;padding: 105px 0px 0px 80px; height:500px;}
	.joinusbanner h3{ font-size:40px; line-height:52px; color:#8f0000; font-weight:700; padding-bottom:80px;}
	.joinusbanner p{ position:relative; padding-left:25px; font-size:24px; color:#222222; line-height:40px;}
	.joinusbanner p:after{ border:1px solid #8f0000; width:10px; height:10px; border-radius:100%; content:''; position: absolute; left:0px; top:15px;}
	.joinuslist{padding: 40px 0px 80px;}
	.joinuslist ul li .jobtitle{ font-size:24px; line-height:36px; color:#222222; position:relative; font-weight:600; cursor:pointer;}
	.joinuslist ul li .subtitle{ font-size:16px; padding:10px 0px 0px; display:block;}
	.joinuslist ul li .jobcontent{ font-size:16px; color:#666666; line-height:30px; border-top:1px solid #e5e5e5; margin-top:20px; padding:35px 0px 10px; display:none;}
	.joinuslist ul li .jobcontenttitle{ font-size:24px; color:#222222; position:relative; font-weight:600;}
	.commonclass{padding-top: 90px;}
	.commonclass a{ color:#222; font-size:24px; margin:0px 50px; display:inline-block; padding:15px 0px; }
	.newsbanner{width:700px;}
	.newsbannertext{left: 700px;}
	.newsbannertext ul li a{padding: 50px 50px 0px;}
	.newsbannertext ul li a .time{ font-size:38px; color:#8f0000}
	.newsbannertext ul li a .time span{ font-size:18px; color:#222222; display:block; padding-top:7px;}
	.newsbannertext ul li a h3{ color:#222222; font-size:28px;  margin-top:30px;line-height:36px; height:72px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
	.newsbannertext ul li a .desc{ color:#666666; font-size:16px; margin-top:30px;line-height:28px; height:84px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
	.newsbannertext ul li a .more{ padding-top:50px;}
	.newsbannertext ul li a .more span{ padding-right:25px; color:#8f0000; font-size:14px; background:url(../images/icon03.png) no-repeat right center;}
	.newssearch{ padding-top:60px;}
	.newslistbox{ padding-bottom:80px;}
	.newslist{ padding-top:45px;}
	.newslist h3{ font-size:24px; color:#222222; line-height:34px; height:68px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; margin-top:20px;}
	.newslist .time{ color:#b3b3b3; font-size:16px; font-family:'HelveticaBold';padding-right:25px;background:url(../images/icon03.png) no-repeat right center;margin-top:20px;}
	.paginationbox{ padding:0px 0px 90px; text-align:center;}
	.paginationbox a{ display:inline-block;font-size:18px; padding:0px 15px; color:#666666; margin:0px 5px; min-width:60px; height:60px; line-height:60px; background:#f7f7f7; vertical-align:middle;}
	.paginationbox a:hover{ color:#fff;  background:#8c0014;}
	.paginationbox span{display:inline-block; padding:0px 20px;font-size:18px; font-size:18px;margin:0px 5px; color:#fff; min-width:60px; height:60px; line-height:60px; background:#8c0014; vertical-align:middle;}
	.newslisttwo ul li a .imgbox{float:left; width:420px;}
	.newslisttwo ul li a .imgbox img{ display:block; height:265px;}
	.newslisttwo ul li a .newslisttwocontent{ float:left; width:calc(100% - 420px); padding-left:65px; padding-top:50px;}
	.newslisttwo ul li a .time{ color:#666666; font-size:18px; font-weight:700;}
	.newslisttwo ul li a h3{ font-size:28px; line-height:36px; font-weight:700; margin-top:15px;}
	.newslisttwo{ margin-top:45px; padding-bottom:40px;}
	.newsdetailbox{ padding-top:100px;}
	.newsdetailtitle{ font-size:40px;}
	.sourcetime{ margin-top:50px;font-size:16px;}
	.newsdetail{ font-size:18px;line-height:2.2; padding:30px 0px;}
	.sourcetime span{ margin-right:80px;}
	.sourcetime dl dt{  margin-right:60px;}
	.upperandlower{font-size:18px; border-top:1px solid #e5e5e5; padding:25px 0px 90px;}
	.upperandlower p a span{ width:130px;  font-size:18px; height:50px;}
	.recommendnews{ padding:80px 0px;}
	.recommendnews h2{ font-size:28px}
	.newslist .desc{ font-size:16px;line-height:24px; height:48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; margin-top:20px; color:#666666;}

	.service dl dd{ position:absolute; right:0px; width:50%; bottom:0px; top:0px; padding:30px 60px 0px;}
	.service dl dd .bigtitle{ height:150px; font-size:30px; color:#fff; position:absolute; left:0px; right:0px; bottom:0px;}
	.service dl dd .bigtitle span{ /*padding-left: 70px;*/}
	.service dl dd .bigtitle span:before{ content:''; height:1px; background:#fff; width:60px; margin-right:25px;vertical-align:middle}
	.service dl dd .subtitle{ font-size:20px; color:#8f0000;}
	.service dl dd .threetitle{ font-size:36px; color:#222222; max-width:465px; line-height:40px; margin-top:20px;}
	.service dl dd .desc{ font-size:16px; color:#444444; max-width:590px; line-height:28px; margin-top:20px;}
	.service dl dt:after{ content:''; width:100px; height:100px;}
	.positionmain{ margin-top:70px;}
	.strategyposition{ padding-top:130px;}

	.strategypositioncontent{ min-height:220px; background:#f7f7f7; position:relative; padding:40px 60px 40px 135px; margin-top:30px; transition:all .4s ease; -webkit-transition:all .4s ease;}
	.strategypositioncontent img{ display:block; position:absolute; left:35px; top:48px; height:62px;}
	.strategypositioncontent h3{ font-size:26px; color:#000000; font-weight:700}
	.strategypositioncontent .desc{ font-size:14px; color:#444444; margin-top:15px; line-height:24px;}
	.caselist a .caselistcontent .caselogo img{ height:60px;}
	.caselist a .caselistcontent h3{ font-size:26px; margin-top:20px;}
	.caselist a .caselistcontent .desc{ font-size:20px; padding-top:15px;}
	.caserecommendimg{ float:left; width:720px;}
	.caserecommendimg:after{ height:80px; background:#f7f7f7; width:90%; content:'';}
	.caserecommendcontent{ position:absolute; left:720px;padding: 40px 60px 0px;}
	.caserecommendcontent h3{ font-size:24px; color:#222222;line-height:32px; height:32px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; font-weight:700;}
	.caserecommendcontent .desc{ font-size:18px; color:#222222;line-height:24px; height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; margin-top:25px;}
	.caserecommendcontent .subtitle{ font-size:18px; color:#222;line-height:24px; height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; margin-top:25px;}
	.caserecommendcontent .desc1{ font-size:16px; line-height:30px; height:120px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden; color:#222222;; margin-top:20px;}
	.caserecommendcontent .more{ font-size:16px; color:#870000; margin-top:40px;}
	.caserecommendbox{ margin-top:60px;}
	.caselisttitle{ font-size:28px;padding: 50px 0px 20px;}
	.caselistbox{padding-bottom:80px;}
	.loadmore{padding-bottom:90px;}
	.logoshare dt img{ width:220px;}
	.cesadetailsbox{ padding:70px 60px 90px;}
	.cssadetaildesc{ color:#222; font-size:18px; line-height:36px; margin-top:20px;}

	.cssadetailcommon{ color:#222; font-size:18px; line-height:36px; margin-top:55px;}
	.cssadetailcommon .texttitle{ font-size:30px; line-height:36px; color:#222; padding-bottom:25px; font-weight:600}
	.cesadetailsimg{padding-top:80px;}
	.cesadetailsrecommend{ padding-bottom:90px;}
	.communicatetitle{margin-top:120px;}
	.communicatetitle dt{ float:left; font-size:44px; color:#222222; font-weight:600; line-height:44px; border-left:6px solid #870000; padding-left:15px;}
	.communicatetitle dd{ float:right; width:640px; color:#444444; font-size:20px; line-height:30px;}
	.communicateform{ background:#fff; padding:60px 50px; margin-top:60px;}
	.communicateform ul li p{font-size: 18px;}
	.communicateform p.communicateformbtnbox{padding-top:40px;}
	.communicateform p.communicateformbtnbox input{ width:200px; height:60px; font-size:18px;}
	.contactustitle{font-size:44px; color:#222222; font-weight:600; line-height:44px; border-left:6px solid #870000; padding-left:15px; margin-top:100px;}

	.contactus dl dt{ width:58%;}
	/*20210820*/
	/*.contactus dl dd{ position:absolute; right:0px; width:42%; top:0px; bottom:0px; background:#fff; padding:20px 35px 0px}*/
	.contactus dl dd{ position:absolute; right:0px; width:42%; top:50%; background:#fff; padding:0px 35px 0px;-o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.contactus dl dd .title{ font-size:16px; color:#870000; padding-bottom:10px;}
	.contactus dl dd .desc{ color:#222;font-size:18px; padding-bottom:15px;}
	.contactus dl dd ul{ padding-top:10px;}
	.contactus{ position:relative; padding:50px 0px 70px;}
	/*20210820*/
	/*.indexbannertext{ left:32%;}*/
	.indexbannertext{ left:42%;}

	.indexbannertext h3{ font-size:70px;}
	.indexbannertext h3 span{ display:inline-block; width:24px; font-size:18px; font-weight:700}
	/*20210820*/
	/*.indexbannertext .textImg img{ max-width:50%;}*/
	.indexbannertext .desc{ font-size:24px;}
	.indexbannertext p.more a span{ font-size:16px;}
	.indextitle{ font-size:46px;padding-top: 10px;line-height: 38px;}
	.businessneedslist ul li .businessneedslistcontent{height:135px;padding: 45px 30px 0px;}
	.businessneedslist ul li .businessneedslistcontent .num{line-height:135px; font-size:90px;}
	.businessneedslist ul li .businessneedslistcontent h3{ font-size:24px;}
	.businessneedslist ul li .businessneedslistcontent .icon{padding-top:20px;}
	.servicecontenttitle{ width:310px;}
	.businessneedsbox{background-size:20% auto;}
	.servicecontentlist ul li h3{ font-size:22px;font-weight:700;color:#000; margin-top:10px;line-height:26px;}
	.servicecontentlist ul li .num{ font-size:24px; font-weight:700; margin-top:25px;}
	.servicecontentlist ul li .icon{ text-align:right;}
	.servicecontentlist ul li .icon img{height:60px;}
	.servicecontentlist ul li a{ display:block; height:290px;padding:50px 20px 0px 45px}

	.servicecasebannertext h3{ font-size:34px; padding-bottom:40px;}
	.servicecasebannertext .desc{ font-size:24px; margin-top:25px;}

	.servicecaselist ul li a{ display:block; background:#fff; height:180px; padding:35px 30px 0px;  transition:all .4s ease}
	.servicecaselist ul li a h3{ color:#222222; font-size:26px;}
	.servicecaselist ul li a .desc{ font-size:18px; color:#222; margin-top:10px;}
	.servicecaselist ul li a .more{ text-align:right; font-size:16px; margin-top:25px;}
	.newstitleclass dd a{ font-size:20px; margin:0px 0px 0px 70px}
	.indexnewslist .indexnewslistdot{ padding-top:80px;}

	.teamdesc{font-size:20px; padding-top:50px; line-height:30px;}
	.indexteamlistbox .indexteamlistdot{ padding-top:80px;}
	.indexaboutnum li .time{ font-size:16px; color:#2a4d37;}
	.indexaboutnum li .time em{ font-size:20px;}
	.indexaboutnum li .time span{ font-size:60px; font-weight:600; line-height:1;}
	.indexaboutnum li .desc{ font-size:18px; color:#222222; padding-top:5px;}
	.indexaboutnum li:nth-child(2){padding:0px 50px;}

	.indexaboutnum{ padding-top:40px;}
	.indexabout{font-size:18px;line-height:36px;}
	.indexabout .more a{ font-size:18px; height:50px; line-height:50px;}

	.indexconnectForm{ float:left; width:55%;}
	.indexconnectForm ul{ display:flex;flex-wrap: wrap; margin-top:45px;}
	.indexconnectForm ul li{width:50%; padding-bottom:20px; padding-right:40px;}
	.indexconnectForm ul li label{ display:block; border:1px solid #e5e5e5; padding:16px 10px; background:#fff; margin:0px;}
	.indexconnectForm ul li label input{outline:none; background:none; border:none;}
	.indexconnectForm p{padding-top:15px;}
	.indexconnectForm p input{ width:160px; height:60px; background:#870000; color:#fff; font-size:18px;}

	.indexconnect{ float:left; width:45%; font-size:18px; color:#000; padding-left:130px; padding-top:0px;}
	.indexconnect .tel{ font-size:34px; color:#870000; font-weight:700; padding-top:45px; line-height:40px;}
	.indexconnect .mail{ font-size:18px; color:#999999;margin-top:20px;}
	.indexconnect .address{ font-size:18px; color:#999999;margin-top:20px;}
	.indexconnect .desc{padding-top:5px;}

	.indexteamlist ul li{width:31%;}
	.indexteamlist ul li .indexteamlistcontent{ width:180px; margin:0px auto;}

	.indexteamlist ul li.swiper-slide-active .indexteamlistcontent{width:100%; display:flex;align-items:center; position:relative; padding:25px 0px 0px 25px;}
	.indexteamlist ul li.swiper-slide-active .indexteamlistcontent:after{ background:url(../images/img83.png) no-repeat; width:60px; height:60px; background-size:cover; position:absolute; content:''; left:0px; top:0px;}
	.indexteamlist ul li.swiper-slide-active .indexteamlistcontent h3{ background:url(../images/img64.png) no-repeat bottom; background-size:cover; width:70px; height:280px; padding:45px 20px 0px; line-height:30px; text-align:center; color:#fff; margin:0px;}
	.indexteamlist ul li.swiper-slide-active .indexteamlistcontent h3 span{ margin-top:10px; font-size:18px; color:#d9b765; display:inline-block; padding:0px 15px 0px 5px; line-height:20px;}
	.indexteamlist ul li.swiper-slide-active .indexteamlistcontent .imgbox{flex:1;}

	.servicecaselistbox{ margin-top:120px;}

	.indexteamlistPc{position:relative; left:0px; top:0px; width:100%; opacity:1; visibility:visible; z-index:9;}
	.indexteamlistMobile{ position:absolute; left:0px; top:0px; width:100%; opacity:0; visibility:hidden; z-index:1;}

	.newsbannerbox em{width: 50px;height:50px;transform: translateY(-50%);-webkit-transform: translateY(-50%);top: 50%;}
	.newsbannerbox .newsbannerprevbtn{left:-25px;}
	.newsbannerbox .newsbannernextbtn{right:-25px;}

	.Founder dl dd .Founderbtn a{ font-size:18px;}

	.newsbanner ul li a{height:450px;}
	.newsbanner ul li img{height:450px;}

	.caserecommendimg img{ display:block; height:440px;}

	.indexbanner{ top: 110px;}

	.caserecommendbox em{ width:50px; height:50px;}
	.caserecommendbox .caseprevbtn{left:-25px;}
	.caserecommendbox .casenextbtn{right:-25px;}

	.caserecommend .caserecommendDot{width:720px;}
	.expertteamlist ul li:nth-child(2n+1){ clear: none;}
	.expertteamlist ul li:nth-child(3n+1){ clear: left;}

}
@media (min-width: 1440px) {
	.nav ul li p{left:-30px; right:-30px;}
	.strategyposition{ padding-top:180px;}
	.aboutbox{padding:10px 0px;}
	.commonentitle{ font-size:200px;}
	.about ul li .time span{ font-size:50px;}
	.about ul li .desc{ font-size:16px;}
	.Founder dl dd{ padding:60px 100px 0px 60px;}
	.newsbanner{width:800px;}
	.newsbannertext{left: 800px;}
	.newsbannertext ul li a{padding: 80px 70px 0px;}
	.service{ padding-top:165px;}
	.strategyposition dl dt{ padding-top:60px; float:left; width:50%; padding-right:90px;}
	.strategyposition dl dt h3{font-size:50px; padding-bottom:60px;}
	.strategypositioncontent{ min-height:220px; background:#f7f7f7; position:relative; padding:40px 60px 40px 175px; margin-top:30px; transition:all .4s ease; -webkit-transition:all .4s ease;}
	.strategypositioncontent img{ display:block; position:absolute; left:55px; top:48px; height:62px;}
	.strategypositioncontent h3{ font-size:30px; color:#000000; font-weight:700}
	.strategypositioncontent .desc{ font-size:16px; color:#444444; margin-top:25px; line-height:26px;}
	.strategyposition dl{ border-bottom:1px solid #dcdcdc; padding-bottom:90px; margin-bottom:90px;}
	.positionmain{ margin-top:20px; padding-bottom:180px;}
	.caserecommendimg{ float:left; width:820px;}
	.caserecommendimg:after{ height:80px; background:#f7f7f7; width:90%; content:'';}
	.caserecommendcontent{ position:absolute; left:820px;}
	.caserecommendcontent h3{ font-size:30px; color:#222222;line-height:32px; height:32px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; font-weight:700;}
	.caserecommendcontent .desc{ font-size:20px; color:#222222;line-height:24px; height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; margin-top:25px;}
	.caserecommendcontent .subtitle{ font-size:20px; color:#222;line-height:24px; height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; margin-top:25px;}
	.caserecommendcontent .desc1{ font-size:18px; line-height:30px; height:120px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden; color:#222222;; margin-top:20px;}
	.caserecommendcontent .more{ font-size:18px; color:#870000; margin-top:60px;}
	.contactus dl dt{ width:64%;}
	/*20210820*/
	/*.contactus dl dd{ position:absolute; right:0px; width:36%; top:0px; bottom:0px; background:#fff; padding:75px 55px 0px}*/
	.contactus dl{background:#fff;}
	.contactus dl dd{ position:absolute; right:0px; width:36%; top:50%; background:#fff; padding:0px 55px 0px; -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}


	.contactus dl dd .title{ font-size:22px; color:#870000; padding-bottom:10px;}
	.contactus dl dd .desc{ color:#222;font-size:18px; padding-bottom:25px;}
	.contactus dl dd ul{ padding-top:10px;}
	/*20210820*/
	/*.indexbannertext{ left:36%;}*/
	.indexbannertext{ left:42%;}
	.servicecontenttitle{ width:410px;}
	.aboutculturelist ul {margin: 0px -40px;}
	.aboutculturelist ul li{padding:0px 40px;}
	.servicecaselistbox{ margin-top:140px;}
	.indexconnectForm { padding-bottom:200px;}

	.newsbanner ul li a{height:500px;}
	.newsbanner ul li img{height:500px;}
	.caserecommendimg img{ display:block; height:500px;}

	.caserecommend .caserecommendDot{width:820px;}

	.indexabout{ width:68%;}

}

@media (min-width: 1640px) {
	.strategyposition{ padding-top:230px;}
	.service{ padding-top:225px;}
	.commonentitle{ font-size:300px;}
	.aboutbox{padding:60px 0px;}
	.about ul li .time span{ font-size:60px;}
	.about ul li .desc{ font-size:18px;}
	.service dl dt:after{ content:''; width:132px; height:132px;}
	.aboutintro{ padding-right:110px; font-size:18px; line-height:36px}
	.service dl dd{ position:absolute; right:0px; width:50%; bottom:0px; top:0px; padding:60px 110px 0px;}
	.service dl dd .bigtitle{ height:200px; font-size:40px; color:#fff; position:absolute; left:0px; right:0px; bottom:0px;}
	.service dl dd .bigtitle span{ /*padding-left: 70px;*/}
	.service dl dd .bigtitle span:before{ content:''; height:1px; background:#fff; width:60px; margin-right:25px;vertical-align:middle}
	.service dl dd .subtitle{ font-size:20px; color:#8f0000;}
	.service dl dd .threetitle{ font-size:46px; color:#222222; max-width:465px; line-height:60px; margin-top:20px;}
	.service dl dd .desc{ font-size:18px; color:#444444; max-width:590px; line-height:34px; margin-top:30px;}
	.indexbannertext{ left:42%;}
	.indexbannertext h3{ font-size:88px;}
	.indexbannertext .textImg img{ max-width:100%;}
	.indexbannertext .desc{ font-size:30px;}
	.indexbannertext p.more a span{ font-size:18px;}
	.aboutculturelist ul {margin: 0px -70px;}
	.aboutculturelist ul li{padding:0px 70px;}


	.newsbannerbox em{width: 60px;height: 60px;transform: translateY(-50%);-webkit-transform: translateY(-50%);top: 50%;}
	.newsbannerbox .newsbannerprevbtn{left:-80px;}
	.newsbannerbox .newsbannernextbtn{right:-80px;}

	.caserecommendbox em{ width:60px; height:60px;}
	.caserecommendbox .caseprevbtn{left:-80px;}
	.caserecommendbox .casenextbtn{right:-80px;}
	.AnchorPoint{ left:3%; display:block;}

	.indexabout{ width:55%;}
	.indexaboutnum{ padding-top:80px;}
	.indexabout .more{ margin-top:40px;}
}
@media only screen and (max-width: 1440px){
	.servicecasebox .container, .indexnewsbox .container, .indexteambox .container{
		width: 90%;
	}
	.indexnewslistbox em.indexnewslistprevbtn, .servicecaselistbox em.servicecaselistprevbtn{
		left: -60px;
	}
	.indexnewslistbox em.indexnewslistnextbtn, .servicecaselistbox em.servicecaselistnextbtn{
		right: -60px;
	}
	.indexteam em.indexteamprevbtn{
		left: -50px;
	}
	.indexteam em.indexteamnextbtn{
		right: -50px;
	}
}

@media only screen and (max-width: 768px){
	.indexteam em.indexteamprevbtn{
		left: -10px;
	}
	.indexteam em.indexteamnextbtn{
		right: -10px;
	}
	.indexnewslistbox em.indexnewslistprevbtn, .servicecaselistbox em.servicecaselistprevbtn{
		left: -10px;
	}
	.indexnewslistbox em.indexnewslistnextbtn, .servicecaselistbox em.servicecaselistnextbtn{
		right: -10px;
	}


}

.commonclass{
	position: relative;
	z-index:9;
}
.alink{
	display: inline-block;
	position: relative;
}
.alink ul{
	position:absolute;
	left:0;
	right:0;
	top: 150%;
	z-index: -99;
	margin: auto;
	padding: 2px 0px 0px;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
	opacity: 0;
    visibility: hidden;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
}
.alink:hover ul{
	top: 100%;
	opacity: 1;
    visibility: visible;
	z-index: 10;
}
.alink ul li{
	text-align: center;
}
.alink ul li:last-child{
	margin-bottom: 0px;
}
.alink ul li a{
	display: block;
	width: 100%;
	color: #222222;
	font-size: 18px;
	height: 50px;
    line-height: 50px;
	background: #fff;
	margin: auto;
	box-shadow: 0px 0px 8px rgb(0 0 0 / 10%);
    padding: 0px;
}
.alink ul li a.on, .alink ul li:hover a{
	background: rgba(242,242,242,0.6);
	border-color: transparent;
}
@media only screen and (max-width: 1024px){
	.alink ul{
		display: none;
	}
}