@charset "utf-8";
body{ overflow-x:hidden; height:auto; color:#333; box-sizing:border-box; font-size:16px; padding-top:70px; background:#f8f8f8;}
.course{-moz-user-select: none; /*火狐*/
-webkit-user-select: none;  /*webkit浏览器*/
-ms-user-select: none;   /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none; color:#c9002b;}
i,em{ font-style:normal;}






ffffffffffffff{
transition: all 0.4s ease-out;
}


hhhhhhhhhhh{ overflow:hidden;}
ddddddddddd{ transform:scale(1.05,1.05);}

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

.menu-link{ display:block; box-sizing: border-box; position:absolute; top:50%; right:-8px;font-size: 11px;z-index: 10; width:40px; height:40px; padding:7px; margin-top:-20px; transition: all 0.2s ease-out; display:none;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block; margin-top:12px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #000;width: 100%;height:1px; transition: all 0.4s;box-sizing: border-box;}
.menu-link span{transition:none;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -6px;content: " ";}
.menu-link span:after {top:6px;}
.menu-link.active{}
.menu-link.active span {background: transparent;}
.menu-link.active span:before { background-color:#c9002b; transform: rotate(45deg); top:0px;}
.menu-link.active span:after { background-color:#c9002b; transform: rotate(-45deg); top:0px;}
.menu-link.active em{ display:none;}



.wp{ width:1200px; margin:0 auto; position: relative; width:auto; margin:0 110px;}
.nwp{ width:1200px; margin:0 auto; position: relative;}
.nwp2{ width:1300px; margin:0 auto; position: relative;}

.header{ position:fixed; left:0px; top:0px; right:0px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); border-bottom:1px solid #ddd; z-index:10;}
.logo{ font-size:40px; position:absolute; left:0px; line-height:1; top:50%; margin-top:-0.5em;}
.logo img{ height:1em; width:auto; display:block;}
.menu{ float:right; margin-right:40px;}
.menu li{ float:left; margin-left:20px;}
.menu a{ font-size:1em; height:70px; line-height:70px; padding:0 1em; display:block;}
.menu strong{ display:block; font-weight:normal;}
.menu em{ display:none;}
.menu li.curr a{ color:#c9002b;}


.menu .h3 span{ display:none; position:absolute; color:#fff; right:22px; margin-right:-10px; margin-top:-20px; top:50%; width:40px; height:40px; line-height:40px; text-align:center; cursor:pointer;}
.menu .h3 span:before { content: "\e85a"; }
.menu .h3 i{ display:none; position:absolute; color:#fff; right:22px; margin-right:-10px; margin-top:-20px; top:50%; width:40px; height:40px; line-height:40px; text-align:center; cursor:pointer;}
.menu .h3 i:before { content: "\e604";}
.menu .h3 i.active:before { content: "\e606"; }

.tSearch{ position:absolute; right:0px; top:50%; margin-top:-16px;}
.tSearch .i{ width:32px; height:32px; line-height:32px; font-size:20px; cursor:pointer; text-align:center; position:relative; z-index:2;}
.tSearch .box{ display:none; position:absolute; right:0px; top:0px; width:180px; z-index:1;}
.tSearch .pd{ display:block; position:relative;}
.ipt_t1{ width:100%; height:auto; display:block; font-size:12px; height:32px; background:#f5f5f5; border:none; border-radius:16px; padding:0 20px 0 42px; box-sizing:border-box;}
.ipt_b1{ width:32px; height:32px; position:absolute; font-size:14px; left:0px; top:0px; border-radius:50%; border:none;}
.ipt_b1:hover{ background:#c9002b; color:#fff;}
.tSearch.active .i{ font-size:14px;}
.tSearch.active .i:before{ content:"\e80c";}
.tSearch.active .box{ display:block;}

.ibanner{ position:relative; overflow:hidden;}
.ibanner .img{ overflow:hidden;}
.ibanner .img img{ width:100%; height:calc(100vh - 30vh);}
.ibanner .video{ width:100%; height:100%; display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px;}
.ibanner .i{ cursor:pointer; position:absolute; left:50%; top:50%; width:2.5em; height:2.5em; line-height:2.5em; border:2px solid #fff; font-size:32px; text-align:center; border-radius:50%; color:#fff; z-index:2; margin:-1.25em 0 0 -1.25em;}
.ibanner .i.curr{ opacity:0;}
.html5_player { background: black; min-width: 100%; min-height: 100%; background-position: center center; background-size: cover; position:relative;}


.tit1{ text-align:center; line-height:1; margin-bottom:3em;}
.tit1 strong{ display:block; margin-bottom:0.25em; font-size:2em;}
.tit1 em{ display:block; text-transform:uppercase; color:#999;}
.tit1_1{}
.moreBox1{ text-align:center; padding-top:2.5em;}
.more1{color:#c9002b; font-weight:bold; padding:0 1.5em; position:relative; display:inline-block; vertical-align:bottom; font-size:14px; text-transform:uppercase;}
.more1:before{ content:''; width:0; height:2px; background:#c9002b; position:absolute; left:0px; top:50%; margin-top:-1px;transition: width .35s ease,margin .35s ease;}
.more1_1{}
.more2{ display:inline-block; vertical-align:bottom; text-align:center; line-height:44px; width:220px; text-align:center; height:44px; border:1px solid #000; background:#fff; color:#000; transition:background 0.3s ease;}
.more2:hover{ background:#000; color:#fff;}
.more3{ position:relative;}
.more3:before{ content:''; width:46px; height:46px; border:2px solid rgba(244,244,244,0.3); background: url(../images/arrow-right_white.svg) center no-repeat; background-size:15px 13px; position:absolute; top:50%; margin-top:-23px; border-radius:50%; box-sizing:border-box; transition:0.3s ease all;}
.more3_1:before{ right:0px; position:absolute;}
.more3_2{ padding-left:56px;}
.more3_2:before{ left:0px; position:absolute;}
.more3_2:hover:before{ border: 2px solid #f4f4f4; animation: cta-btn-arrow-hover .4s ease;}

@keyframes cta-btn-arrow-hover {
0% {background-position:center center}
50% {background-position:50px center}
50.1% {background-position:50px -50px}
50.2% {background-position:-50px -50px}
50.3% {background-position:-50px center}
100% {background-position:center center}
}

.iCon{ padding:110px 0;}

.iCon1{}
.iCase{}
.iCase ul{ margin-right:-40px;}
.iCase li{ float:left; width:33.3333%; margin-bottom:40px;}
.iCase li:nth-child(1),
.iCase li:nth-child(2){ width:50%;}
.iCase .pd{ display:block; margin-right:40px; position:relative;}
.iCase .img{ background:#000; overflow:hidden;}
.iCase .img img{ opacity:0.5; transition:1s ease all;}
.iCase .text{ position:absolute; left:0px; right:0px; bottom:0px; padding:2.5em; color:#fff;}
.iCase .h4{ position:relative; padding-right:46px;}
.iCase .em{ display:none;}
.iCase .pd:hover .more3:before{border: 2px solid #f4f4f4; animation: cta-btn-arrow-hover .4s ease;}
.iCase .pd:hover .img img{ transform:scale(1.05,1.05);}


.iCon2{}
.iAbout{}
.iAbout .pd{ display:block; text-align:center; width:1300px; margin:0 auto; position:relative;}
.iAbout .img{ padding-bottom:15vh;}
.iAbout .img img{}
.iAbout .text{ position:absolute; box-shadow:10px 30px 50px 0 rgba(0,0,0,0.1); left:15%; background:#fff; bottom:0px; right:15%; padding:3.75em; text-align:left; transition: box-shadow .35s ease; will-change: box-shadow; display:block;}
.iAbout .h3{ color:#c9002b; font-size:14px; position:relative; padding-left:3em; line-height:1; margin-bottom:3em;}
.iAbout .h3:before{ content:''; width:2.5em; height:2px; background:#c9002b; position:absolute; left:0px; top:50%; margin-top:-1px;}
.iAbout .p{ font-size:18px; height:3em; line-height:1.5; margin-bottom:3em; color:#000; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.iAbout .m{ text-align:right;}
.iAbout .text:hover{ box-shadow:12px 60px 60px 0 rgba(0,0,0,0.15);}
.iAbout .text:hover .more1:before{ width:1em;}

.iCon3{}
.iNews{}
.iNews .pd{ display:block; position:relative; background:#fff; box-shadow:0 0 4px 0 rgba(0,0,0,.1); transition: box-shadow .35s ease; will-change: box-shadow;}
.iNews .img{ overflow:hidden;}
.iNews .img img{ transition:1s ease all;}
.iNews .text{ padding:3em 2em; position:relative;}
.iNews .text:before{ content:''; width:0; height:2px; background:#c9002b; position:absolute; left:2em; top:2em;transition: width .35s ease,margin .35s ease;}
.iNews .h3{ color:#000; line-height:1.25; height:1.25em; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; margin-bottom:0.5em;}
.iNews .p{ color:#666; font-size:14px; line-height:1.5; height:3em; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-bottom:2em;}
.iNews .m{ text-align:right;}
.iNews .pd:hover{ box-shadow:10px 10px 20px 0 rgba(0,0,0,0.1);}
.iNews .pd:hover .img img{ transform:scale(1.05,1.05);}
.iNews .pd:hover .text:before{ width:4em;}
.iNews .pd:hover .more1:before{ width:1em;}

.iNewsSwiper{ margin:0 -20px;}
.iNewsSwiper .pd{ margin:20px; margin-top:0px;}
.iNewsSwiper .swiperDots{ display:block; bottom:-30px;}
.iNewsList{}
.iNewsList ul{ margin-right:-3.75em;}
.iNewsList li{ width:25%; float:left; margin-bottom:3.75em;}
.iNewsList .pd{ margin-right:3.75em;}
.iNewsList2{ padding-top:110px;}
.iNewsList2 li{ width:33.3333%;}

.iCon4{ background:url(../images/iContact.jpg) no-repeat; background-size:cover; position:relative; color:#fff; padding:160px 0;}
.iCon4:before{ content:''; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.5);}

.iContact{}
.iContact .text{}
.iContact .h3{ font-size:14px; position:relative; padding-left:3em; line-height:1; margin-bottom:1em;}
.iContact .h3:before{ content:''; width:2.5em; height:2px; background:#c9002b; position:absolute; left:0px; top:50%; margin-top:-1px;}
.iContact .p{ max-width:700px; font-size:18px; height:4.5em; line-height:1.5; margin-bottom:3em; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}

.footer{ color:#888;}
.footer a{ color:#888;}
.footer a:hover{ color:#fff;}
.fTop{ background:#111; padding:2em 0;}
.fBottom{ background:#000; font-size:12px; text-align:center; line-height:2.5; padding:1em 0;}
.fBottom p{ display:inline-block; vertical-align:bottom; margin:0 0.5em;}
.fContact{ float:left;}
.fContact .h3{ font-size:18px; color:#fff; line-height:1; margin-bottom:1em;}
.fContact .p{ font-size:14px;}
.fShare{ float:right;}
.fShare li{ float:left; margin-left:10px; position:relative;}
.fShare a{ width:44px; height:44px; line-height:44px; border-radius:50%; display:block; font-size:20px; border:1px solid #888; color:#fff; text-align:center; transition:background 0.3s ease;}
.fShare a:hover{ background:#c9002b; border-color:#c9002b;}
.fShare .box{ position:absolute; bottom:100%; width:120px; left:50%; margin-left:-60px; padding-bottom:15px; display:none;}
.fShare .box:before{ content:''; position:absolute; left:50%; bottom:5px; margin-left:-6px; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:10px solid rgba(255,255,255,1);}
.fShare .box img{ width:100%; height:auto; display:block;}
.fShare li:hover .box{ display:block;}


.subnav{ position:fixed; right:0px; top:50%; margin-top:-67px;-webkit-transform: translateZ(0); z-index:90; color:#fff;}
.subnav li{ position:relative; background:rgba(25,25,25,0.95); border-bottom:1px solid #5d5d5d; line-height:44px; overflow:hidden;}
.subnav .h3{ float:right;}
.subnav .h3 a{ display:block; width:44px; color:#fff; position:relative; z-index:3;line-height:44px; height:44px; display:block; text-align:center; font-size:18px; float:right;}
.subnav .h3 span{ display:none; margin-right:44px;}
.subnav li:first-child{ border-radius:8px 0 0 0; background:#c9002b;}
.subnav li:first-child .h3 a{ background:#c9002b;}
.subnav li:first-child:hover{ background:#c9002b;}
.subnav li:last-child{ border-bottom:none; border-radius:0 0 0 8px;}
.subnav .box{ display:none; margin-right:120px; padding-left:20px; min-width:260px; color:#fff;}
.subnav .box a{ color:#fff;}
.subnav .box img{ width:140px; height:auto; display:block; margin:20px auto;}
.subnav:hover .h3 span{ display:block;}
.subnav:hover .box{ display:block;}
.subnav li:hover{ background:rgba(137,137,137,0.95);}

.pCon{ padding:40px 0;}

.caseList{ max-width:1200px; margin:0 auto;}
.caseList li{ margin-bottom:70px;}
.caseList .pd{ display:block; position:relative; transition:1s ease all;}
.caseList .img{ overflow:hidden; background:#000;}
.caseList .img img{ transition:1s ease all; opacity:0.5;}
.caseList .text{ position:absolute; left:0px; bottom:0px; right:0px; padding:3.75em; color:#fff;}
.caseList .h4{ display:inline-block; vertical-align:bottom; opacity:0.8;}
.caseList .em{ display:inline-block; vertical-align:bottom; opacity:0; margin-left:0.25em; transform:translateX(-1em); transition:0.3s ease all;}
.caseList .em:before{ content:'/'; margin-right:0.25em;}
.caseList .pd:hover .img img{ transform:scale(1.05,1.05);}
.caseList .pd:hover .em{ transform:translateX(0em); opacity:1;}
.caseModels{ position:fixed; top:158px; right:110px; bottom:110px; z-index:2;}
.caseModelsBtn{}
.caseModelsBtn .li1{width: 20px;height: 20px;background: #f4f4f4;cursor: pointer;margin-bottom: 15px;}
.caseModelsBtn .li1:before,
.caseModelsBtn .li1:after{content: ""; display: block;width: 100%;height: 8px;border-right: 8px solid #ccc;border-left: 8px solid #ccc; box-sizing:border-box;transition: border .4s ease;}
.caseModelsBtn .li1:before{ margin-bottom:4px;}
.caseModelsBtn .li1.curr{ cursor:default;}
.caseModelsBtn .li1.curr:before,
.caseModelsBtn .li1.curr:after{ border-left-color:#000; border-right-color:#000;}
.caseModelsBtn .li2{ width:20px; height:15px; background:#ccc;cursor: pointer;}
.caseModelsBtn .li2.curr{ background:#000;}

.desktop .caseList ul{ margin-right:-40px;}
.desktop .caseList li{ width:50%; float:left; margin-bottom:40px;}
.desktop .caseList .pd{ margin-right:40px;}
.desktop .caseList .text{ padding:2em; font-size:14px;}


.caseNav{}
.caseNav .wp{ height:3em;}
.caseNav .wpd{ background:#fff; text-align:center; position:fixed; left:0px; top:70px; right:0px; z-index:2; box-shadow:0 0 10px rgba(0,0,0,0.1); border-bottom:1px solid #ddd; }
.caseNav ul{ display:inline-block; vertical-align:bottom;}
.caseNav li{ float:left; height:3em; line-height:3em;}
.caseNav a{ font-size:14px; display:block; padding:0 1em; }
.caseNav span{}
.caseNav li.curr a{ background:#000; color:#fff;}



.video_object{ position: relative; width: 100%; overflow: hidden; text-align: center; background: black; }
.video_object .img img{ width:100%; height:calc(100vh - 20vh);}
#youkuplayer { z-index: 9; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #000; }


.pCaseInfo1{ padding:120px 0; position:relative; background:no-repeat center center; background-size:cover;}
.pCaseInfo1:after{ content:''; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:rgba(255,255,255,0.5); z-index:1;}
.pCaseInfo1:before{ content:''; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background: linear-gradient(to right,#f4f4f4 20%,rgba(244,244,244,0) 100%); z-index:2;}
.pCaseInfo1_1{ width:900px; margin:0 auto; position:relative; z-index:3;}
.pCaseInfo1_1 .pd{ position:relative; display:block;}
.pCaseInfo1_1 .img{ width:520px;}
.pCaseInfo1_1 .text{ position:absolute; left:380px; bottom:2.5em; right:0px; background:#fff; padding:3em 2.5em;}
.pCaseInfo1_1 .h3{ font-size:14px; line-height:1; margin-bottom:1em; color:#000; position:relative; padding-top:20px;}
.pCaseInfo1_1 .h3:before{ content:''; width:4em; height:2px; background:#c9002b; position:absolute; left:0px; top:0px;transition: width .35s ease,margin .35s ease;}
.pCaseInfo1_1 .em{ font-size:1.5em; line-height:1.25; margin-bottom:1em; color:#000;}
.pCaseInfo1_1 .p{ line-height:1.5; max-height:6em; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}

.pCaseInfo2{ padding:120px 0; position:relative; background:no-repeat center center; background-size:cover; background:#fff;}
.pCaseInfo2_1{ position:relative; z-index:3;}
.pCaseInfo2_1 .pd{ position:relative; display:block;}
.pCaseInfo2_1 .img{ width:48%; float:right;}
.pCaseInfo2_1 .text{ position:absolute; width:32%; bottom:0px; left:10%; top:0px; padding:3.75em 2.5em;}
.pCaseInfo2_1 .h3{ font-size:14px; line-height:1; margin-bottom:1em; color:#000; position:relative; padding-top:20px;}
.pCaseInfo2_1 .h3:before{ content:''; width:4em; height:2px; background:#c9002b; position:absolute; left:0px; top:0px;transition: width .35s ease,margin .35s ease;}
.pCaseInfo2_1 .em{ font-size:1.5em; line-height:1.25; margin-bottom:1em; color:#000;}
.pCaseInfo2_1 .p{ line-height:1.5; max-height:6em; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}

.pCaseInfo2_2{ padding-top:200px;}
.pCaseInfo2_2 li{ width:50%; float:left;}
.pCaseInfo2_2 li:nth-child(2) img{ transform:scale(0.75,0.75); transform-origin:right center;}

.pAboutCon1{ background:url(../images/aboutbg.jpg) no-repeat center center; background-size:cover; color:#fff;}


.tit2{}
.tit2 .h3{ font-size:14px; padding-bottom:1em; position:relative; margin-bottom:1.5em; line-height:1;}
.tit2 .h3:before{ content:''; width:2em; height:2px; background:#c9002b; position:absolute; left:0px; bottom:0px; transition: width .35s ease,margin .35s ease;}
.tit2 .h3 strong{ font-weight:normal;}
.tit2 .h3 em{ margin-left:0.5em; text-transform:uppercase;}
.tit2 .em{ font-size:1.25em; margin-bottom:0.25em;}
.tit2 .p{}
.tit2_2{ margin-bottom:4em;}
.tit2_3{ margin-bottom:4em; color:#fff;}


.team{}
.team ul{ margin-right:-2.5em;}
.team li{ float:left;}
.team .pd{ position:relative; display:block; margin-right:2.5em;}
.team .img{ overflow:hidden; box-shadow:0 0 4px 0 rgba(0,0,0,.1); transition: box-shadow .35s ease; will-change: box-shadow;}
.team .img img{ transition:1s ease all;}
.team .text{ position:absolute; top:100%; left:0px; right:0px; padding-top:1em; font-size:14px;}
.team .h3{ height:1.25em; line-height:1.25; color:#000; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.team .h3:after{ content:'/'; margin-left:0.25em;}
.team .em{ color:#999; height:1.25em; line-height:1.25; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.team .pd:hover .img{ box-shadow:10px 10px 20px 0 rgba(0,0,0,.1);}
.team .pd:hover .img img{ transform:scale(1.05,1.05);}

.teamTop li{ width:33.3333%;}
.teamTop li:nth-child(1){ margin-right:33.3333%;}
.teamTop li:nth-child(2){ margin-left:0;}
.teamTop li:nth-child(3){ margin-left:33.3333%; margin-right:33.3333%; margin-bottom:8em;}

.teamList{}
.teamList li{ width:16.6666%; margin-left:16.6666%;}
.teamList li:nth-child(1),
.teamList li:nth-child(6n+1){ margin-left:0px;}


.pAboutCon3{ background:url(../images/pAboutCon3.jpg) no-repeat center center; background-size:cover;}

.partner{ }
.partner .swiper-wrapper{flex-direction: inherit;}
.partner .swiper{ height: auto; padding-bottom: 72px; }
.partner .pd{ display: block; height: 100%; width: 100%; border-radius: 3px; background-size: 65%; background-position: center center; background-repeat: no-repeat; opacity: 0.9; }
.partner .pd:hover{ background-color: #000; opacity: 1; border-radius: 5px; }
.partner .swiper-slide{ height: 170px; overflow: hidden; position: relative;}
.partner .swiperDots{ display:block;}


.pAboutCon4{ background:#f4f4f4;}
.process{}
.process img{ width:50%; float:left;}

.pAboutCon5{ background:url(../images/pAboutCon5.jpg) no-repeat center center; background-size:cover; color:#fff;}

.pAboutCon6{}
.job{}
.job ul{ margin-right:-2.5em;}
.job li{ width:50%; float:left; margin-bottom:2.5em;}
.job .pd{ display:block; margin-right:2.5em; background:#fff; padding:5em 3.75em; cursor:pointer;}
.job .h3{ text-align:center; font-size:1.75em;}
.job .em{ text-align:center; color:#666;}
.job .em span{ margin:0 0.5em;}
.job .em em{ color:#000;}
.job .text,
.job .hr,
.job .m{ display:none;}
.job .pd:hover{ background:#c9002b; color:#fff;}
.job .pd:hover .em{ color:#fff;}
.job .pd:hover .em em{ color:#fff;}

.jobBg{ background:rgba(0,0,0,0.5); position:fixed; left:0px; top:0px; right:0px; bottom:0px; z-index:20; cursor:pointer; display:none;}
.jobBxo{ background:#fff; width:1200px; height:540px; position:fixed; left:50%; top:50%; margin:-270px 0 0 -600px; z-index:21; display:none;}
.jobBxo .i{ position:absolute; right:0px; top:0px; width:44px; height:44px; line-height:44px; text-align:center; color:#fff; background:#c9002b; margin:-22px -22px 0 0; border-radius:50%; cursor:pointer;}
.jobBxo .pd{ padding:3.75em 2.5em; height:100%; box-sizing:border-box;}
.jobBxo .img{ float:left; width:40%;}
.jobBxo .text{ float:left; width:60%; height:100%; overflow-y:auto;}
.jobBxo .h3{ font-size:1.75em; color:#c9002b;}
.jobBxo .em{ color:#999; margin-bottom:4em;}
.jobBxo .em span{ margin-right:1em;}
.jobBxo .hr{ margin-bottom:1em;}
.jobBxo .m{ width:128px;}
.jobBxo .m a{ display:block; height:44px; line-height:44px; text-align:center; color:#fff; background:#c9002b;}
.jobBxo .m a:hover{ background:#c9002b;}
.jobBxo .p{ color:#666; line-height:1.75;}
.jobBxo .p strong{ font-size:1.5em; color:#000; font-weight:normal;}

.teamInfo{ width:900px; margin:0 auto; padding-top:120px;}

.pagination{ text-align:center; padding-top:2.5em;}
.pagination li{ display:inline-block; vertical-align:bottom; margin:3px; font-size:14px; font-family:arial;}
.pagination a,
.pagination span{ display:block; border:1px solid #ccc; line-height:2; padding:0 0.6em;}
.pagination .active span{ background:#c9002b; color:#fff; border-color:#c9002b;}

.pNewsInfo{ padding-top:0px;}

.newsImg{ position:relative;}
.newsImg img{ width:100%; height:auto;}
.newsConw{  margin:0 15%; margin-top:-3.75em; position:relative; z-index:2;}
.newsTit{ background:#fff; padding:2em 1em; margin-bottom:4em; text-align:center;}
.newsTit h1{ font-size:2em;}
.newsCon{}

.pContacts{}
.contacts{}
.contacts .img{ width:30em; float:left;}
.contacts .text{ margin-left:38em; position:relative; padding:4em 0 0 0;}
.contacts .text:before{ content:''; position:absolute; left:0px; top:0px; width:2em; height:1px; background:#c9002b;}
.contacts .h3{ font-size:1.5em; margin-bottom:1em; color:#c9002b;}
.contacts .p{ position:relative; padding-bottom:4em; margin-bottom:4em;}
.contacts .p:after{ content:''; position:absolute; left:0px; bottom:0px; width:2em; height:1px; background:#c9002b;}
.contacts .m{ width:140px;}
.contacts .m img{ width:100%; height:auto; display:block;}

@media screen and (max-width:1680px){
.iAbout .pd{ width:90%;}
.iAbout .text{ padding:3em;}
.iNewsList ul{ margin-right:-2.5em;}
.iNewsList li{ margin-bottom:2.5em;}
.iNewsList .pd{ margin-right:2.5em;}
}
@media screen and (max-width:1440px){
body{ font-size:14px;}
.caseModels{ right:44px;}
.wp{ margin:0 80px;}
.nwp{ width:1000px;}
.nwp2{ width:1100px;}
}
@media screen and (max-width:1024px){
body{ padding-top:50px; padding-bottom:44px;}
.wp{ margin:0 30px;}
.logo{ font-size:32px;}
.header{ border-bottom:none;}
.header .wp{ height:50px;}
.nwp,
.nwp2{ width:80%;}

.menu-link{ display:block;}
.menu{ display:none; position:fixed; -webkit-transform: translateZ(0); background:rgba(0,0,0,0.8); top:50px; left:0px; bottom:0px; right:0px; padding:0px; margin:0px;display:flex;align-items:center;vertical-align:middle;justify-content: center; flex-direction:row;}
.menu ul{ display:block; }
.menu li{ float:none; padding:0px; width:auto; margin:0px;}
.menu .h3 a:before{ display:none !important;}
.menu .h3{ position:relative; text-align:center; padding:0px;}
.menu .h3 a{ height:2.5em; line-height:2.5; position:static; padding:0 30px; color:#fff !important; font-size:24px;}
.menu .h3 a:after{ display:none;}
.menu li:hover .h3 a{ background-color:#ff1c00; color:#fff;}
.menu li:hover .box{ display:none;}
.menu .box{ border-bottom:1px solid #ccc; position:static; margin:0px !important; width:auto !important;}
.menu .box:before{ display:none;}
.menu .box .pd{ float:none;}
.menu .box a{ float:none; position:static; display:block; margin:0px; height:30px; line-height:30px; text-align:center; background:none;}
.menu .h3 i{ display:block;}
.menu .h3 span{ display:none;}

.tSearch{ right:30px; color:#000;}
.tSearch .box{ position:fixed; left:0px; top:50px; right:0px; margin:0px; width:auto; height:0px; background:#f5f5f5;}
.tSearch .pd{ width:274px; margin:0 auto;}
.tSearch.active .box{ width:auto; height:32px; padding:20px 0;}
.ipt_t1{ background:#fff !important;}


.subnav{ left:0px; bottom:0px; top:auto; margin:0px;}
.subnav .h3{ float:none;}
.subnav .h3 a{ width:auto; display:block; float:none; border-right:1px solid rgba(255,255,255,0.5);}
.subnav li{ width:25%; float:left; border-bottom:none; overflow:visible;}
.subnav li:first-child,
.subnav li:last-child{ border-radius:0px;}
.subnav li:last-child a{ border-right:0px;}
.subnav .box{ position:absolute; bottom:100%; left:0px; right:0px; background:rgba(137,137,137,0.95); min-width:inherit; margin-right:0px; padding:0px; text-align:center;}
.subnav .h3 span,
.subnav:hover .h3 span{ display:none;}
.subnav:hover .box{ display:none;}
.subnav li:hover .box{ display:block;}


.ibanner .img img{ height:auto;}

.iCon{ padding:80px 0;}
.iCon1{}
.iCase ul{ margin-right:-20px;}
.iCase li{ margin-bottom:20px;}
.iCase .pd{ margin-right:20px;}
.iCon2{ padding-bottom:0px;}
.iAbout .img{ padding-bottom:10em;}
.iAbout .text{ left:10%; right:10%; padding:2.5em;}
.iAbout .h3{ margin-bottom:2em;}
.iAbout .p{ font-size:16px; margin-bottom:2em;}
.iCon4 .wp{ margin:0 10%;}
.iContact .p{ max-width:70%; font-size:16px;}
.caseNav .wpd{ top:50px;}
.caseNav ul{ display:block;}
.caseNav li{ width:14.285714285714286%;}
.caseNav a{ padding:0px;}
.caseModels{ right:30px; top:132px;}
.caseList{ margin-right:30px;}
.caseList li{ margin-bottom:50px;}
.caseList .text{ padding:40px;}
.desktop .caseList ul{ margin-right:-20px;}
.desktop .caseList .text{ padding:20px;}
.desktop .caseList li{ margin-bottom:20px;}
.desktop .caseList .pd{ margin-right:20px;}

.video_object .img img{ height:auto;}
.pCaseInfo1_1{ width:auto;}
.pCaseInfo1_1 .img{ width:50%; }
.pCaseInfo1_1 .text{ left:40%; box-sizing:border-box;}
.pCaseInfo2_1 .text{ left:0px; width:50%; box-sizing:border-box;}
.pCaseInfo2_1 .img{ width:50%;}

.job ul{ margin-right:-20px;}
.job li{ margin-bottom:20px;}
.job .pd{ padding:3em 1em; margin-right:20px;}

.teamTop ul{ margin-right:-30px;}
.teamTop .pd{ margin-right:30px;}
.teamList ul{ margin-right:-20px;}
.teamList li{ width:25%; margin-left:25%;}
.teamList li:nth-child(1),
.teamList li:nth-child(6n+1){ margin-left:25%;}
.teamList li:nth-child(4n+1){ margin-left:0px;}
.teamList .pd{ margin-right:20px;}
.teamInfo{ width:auto; padding-top:60px;}

.job .h3{ font-size:1.5em;}
.jobBxo{ width:auto; left:0px; top:0px; right:0px; margin:0px; height:100%;}
.jobBxo .i{ margin:0px; width:32px; height:32px; line-height:32px;}
.jobBxo .img{ width:auto; float:none;}
.jobBxo .text{ width:auto; float:none;}
.jobBxo .em{ margin-bottom:2em;}
.jobBxo .m{ position:fixed; left:0px; bottom:44px; right:0px; width:auto;}

.iNewsList ul{ margin-right:-20px;}
.iNewsList li{ width:33.3333%; margin-bottom:20px;}
.iNewsList .pd{ margin-right:20px;}

.newsInfo{ width:auto;}
.newsConw{ margin:-2.25em 10% 0 10%;}
.newsTit{ padding:1em 0.5em;}
.newsTit h1{ font-size:1.5em;}

.contacts .img{ width:235px;}
.contacts .text{ margin-left:275px; padding-top:2em;}
.contacts .p{ margin-bottom:2em; padding-bottom:2em;}

}

@media screen and (max-width:960px){
.iCase .text{ padding:20px;}
.iCase .h4{ padding-right:32px; font-size:14px;}
.iCase ul{ margin-right:-10px;}
.iCase li{ margin-bottom:10px;}
.iCase .pd{ margin-right:10px;}
.more3:before{ width:32px; height:32px; margin-top:-16px;}

.iAbout .img{ padding-bottom:8em;}
.iAbout .text{ padding:20px;}
.iAbout .h3{ margin-bottom:15px;}
.iAbout .p{ margin-bottom:20px;}

.iNewsSwiper{ margin:0 -15px;}
.iNewsSwiper .pd{ margin:0 15px 15px 15px; box-shadow:0 0 3px 0 rgba(0,0,0,.1);}
.iNews .pd:hover{ box-shadow:5px 5px 10px 0 rgba(0,0,0,0.1);}
.tit1 strong{ font-size:1.5em;}
.tit1 em{ font-size:1em;}


.pCaseInfo1_1 .img{ width:40%;}
.pCaseInfo1_1 .text{ left:35%; padding:40px 20px;}
.pCaseInfo1_1 .text:before{ left:20px; top:30px;}
.pCaseInfo1_1 .h3{ margin-bottom:10px;}
.pCaseInfo1_1 .em{ margin-bottom:15px;}
.pCaseInfo2_1 .img{ width:40%;}
.pCaseInfo2_1 .text{ width:60%; padding:40px 20px; bottom:auto;}
.pCaseInfo2_2{ padding-top:100px;}
.pCaseInfo2_2 li:nth-child(2) img{ transform:scale(0.8,0.8);}
}

@media screen and (max-width:720px){
.pCaseInfo1_1 .img{ width:auto;}
.pCaseInfo1_1 .text{ position:relative; left:auto; bottom:auto;}
.pCaseInfo1_1 .h3{ padding-top:15px;}
.pCaseInfo2_1 .img{ width:auto; float:none;}
.pCaseInfo2_1 .text{ position:relative; left:auto; bottom:auto; width:auto; padding:40px 0 0 0;}
.pCaseInfo2_1 .h3{ padding-top:15px;}
.pCaseInfo2_1 .h3:before{ top:0px;}
.pCaseInfo2_2{ padding-top:60px;}

.iNewsList li{ width:50%;}
.iNews .text{ padding:20px;}
.iNews .h3{ font-size:14px;}
.iNews .p{ font-size:12px;}
.iNewsList2 li:nth-child(3){ display:none;}
}

@media screen and (max-width:640px){
.logo{ font-size:24px;}
.iCon{ padding:60px 0;}
.iCase ul{ margin-right:-5px;}
.iCase li{ margin-bottom:5px; width:50%;}
.iCase li:nth-child(5){ display:none;}
.iCase .pd{ margin-right:5px;}
.iCase .text{ padding:5px 10px;}
.iCase .h4{ padding-right:0px;}
.iCase .h4:before{ display:none;}
.iAbout .pd{ width:100%;}
.iAbout .img{ padding-bottom:6em;}
.iAbout .text{ box-shadow:5px 15px 25px 0 rgba(0,0,0,0.1);}
.iAbout .h3{ font-size:12px;}
.iAbout .p{ font-size:14px; margin-bottom:10px;}
.iAbout .text:hover{ box-shadow:6px 30px 30px 0 rgba(0,0,0,0.15);}
.iContact .h3{ font-size:12px;}
.iContact .p{ max-width:none; font-size:14px;}
.fContact{ float:none; text-align:center; margin-bottom:20px;}
.fShare{ float:none; text-align:center;}
.fShare ul{ display:inline-block; vertical-align:bottom;}
.fShare li{ margin:0 5px;}

.caseModels{ display:none;}
.caseList{ margin-right:0px;}
.caseList li{ margin-bottom:30px;}
.caseList .text{ padding:10px 20px;}
.caseList .em{ transform:translateX(0px); opacity:1;}
.team{}
.team .h3:after{ display:none;}
.team .text{ font-size:10px;}
.teamTop{ width:auto; margin:0 20px;}
.teamTop .pd{ margin-right:15px;}
.teamTop ul{ margin-right:-15px;}
.teamTop li:nth-child(3){ margin-bottom:3em;}
.teamList{ padding-bottom:4em;}
.teamList ul{ margin-right:-10px;}
.teamList .pd{ margin-right:10px;}
.teamList .text{ font-size:8px;}
.partner .swiper-slide{ height:60px;}
.process{ width:auto; margin:0px;}
.job{ width:auto; margin:0px;}
.job .pd{ padding:2em 0.5em;}
.job .em span{ display:block;}

.contacts{ width:auto; margin:0px;}
.contacts .img{ width:80px;}
.contacts .text{ margin-left:100px;}
.contacts .m{ width:120px;}
}

@media screen and (max-width:540px){
.iCase li{ width:100% !important;}
.iCase li:nth-child(5){ display:block;}
.caseNav a{ font-size:13px;}

.iNews .text{ padding:15px;}
.iNews .m{ text-align:center;}
.iNewsList ul{ margin-right:-10px;}
.iNewsList li{ margin-bottom:10px;}
.iNewsList .pd{ margin-right:10px;}
.newsTit h1{ font-size:1.25em;}
.newsConw{ margin:-2.25em 5% 0 5%;}
}

@media screen and (max-width:413px){
body{ font-size:12px;}
.iNews .h3{ font-size:12px;}
.iNews .p{ font-size:10px;}
}
@media screen and (max-width:374px){}

.crumbs{ height:24px; line-height:24px; padding:15px 0; background:#f9f9f9;}
.crumbs a{ color:#666;}
.crumbs a:hover{ text-decoration:underline;}
.crumbs em{ color:#666; margin:0 3px;}
.crumbs span{ color:#000;}

.search_tit{ font-size:18px; height:20px; line-height:20px; color:#25211e; border-left:2px solid #043785; padding-left:14px; margin-bottom:24px;}
.search_list{ background:#fff; padding:50px 0 80px 0; min-height:50vh;}
.search_list ul{ border-top:1px dashed #ccc; width:70%;}
.search_list li{ padding:15px 0; border-bottom:1px dashed #ccc;}
.search_list .pd{}
.search_list .h3{ font-size:18px;}
.search_list .h3 em{ color:#043785; margin-right:10px;}
.search_list .em{ font-size:14px; color:#ccc;}
.search_list .p{ font-size:14px; color:#666;}

.proInfo4{ background:#f5f5f5;}
.proInfo5{ background:#fff;}
@media screen and (max-width:1440px){
.search_list ul{ width:auto;}
.search_list .h3{ font-size:14px;}
.search_list .p{ font-size:12px;}
}
.album{ min-height: 20vw;}
.album ul{ margin-right: -10px;}
.album li{ width: 20%; float: left; margin-bottom: 10px;}
.album .pd{ display: block; position: relative; margin-right: 10px; overflow: hidden;box-shadow: 0 0 4px 0 rgba(0,0,0,.1);transition:all 0.3s;}
.album .img{ overflow: hidden;}
.album .img img{transition: 1s ease all;}
.album .text{ position: absolute; left: 0px; right: 0px;overflow: hidden; text-align: center; color: #fff; bottom: -40px; height: 40px; transition: 0.3s all; line-height: 40px; background: rgba(0,0,0,0.5);}
.album .pd:hover{box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.1);}
.album .pd:hover .img img{transform: scale(1.05,1.05);}
.album .pd:hover .text{ bottom: 0px;}


@media screen and (max-width:1024px){
.album li{ width: 33.3333%;}
}
@media screen and (max-width:640px){
.album li{ width: 50%;}
.album .text{ height: 30px; line-height: 30px; bottom: -30px; font-size: 10px;}
}

.fLink{ text-align: left; line-height: 1.2;}
.fLink a{ display: inline-block; vertical-align: bottom;}