.tContact{ position:absolute; right:80px; top:50%; height:40px; line-height:40px; margin-top:-20px;}
.tContact a{ color:#fff; font-size:24px;}
.tContact i{ float:left; margin-right:10px; font-size:1em;}
.tContact span{ float:left; font-weight:bold;}

.tSearch{ top:50%; margin-top:-20px; position:absolute; right:0px; color:#fff;}
.tSearch .i{ display:block; font-size:20px; width:40px; height:40px; line-height:40px; text-align:center; cursor:pointer; z-index:2; position:relative;}
.tSearch .box{ position:absolute; top:50%; margin-top:-18px; right:40px; width:0px; overflow:hidden;}
.tSearch .pd{ width:260px; margin:0 auto; position:relative;}
.ipt_t1{ width:100%; box-sizing:border-box; height:36px; border:none; border-radius:18px; background:#fff; padding:0 25px; color:#333; }
.ipt_b1{ position:absolute; right:0px; top:0px; height:36px; border:none; color:#fff; border-radius:0 26px 26px 0; background:#ff1c00; width:50px; text-align:center;}

.tSearch.active .box{ width:260px;}
.tSearch.active .i{ color:#ff1c00;}
.tSearch.active .i:before{ content:'\e80c';}
.tSearch:hover .i{ color:#ff1c00; }

.subNav{ position:fixed; right:15px; top:50%; z-index:9; width:40px; margin-top:-114px;}
.subNav li{ margin-bottom:1px; position:relative;}
.subNav .h3{}
.subNav .h3 a{ display:block; line-height:40px; background:rgba(255,255,255,0.1); box-shadow:0 0 3px rgba(0,0,0,0.1); color:#fff; text-align:center; font-size:22px; position:relative; text-shadow:0 0 0.1em rgba(0,0,0,0.3);}
.subNav .box{ position:absolute; right:100%; top:0px; padding-right:2px; display:none;}
.subNav li.li1 .box{ width:200px; }
.subNav li.li1 .pd{ background:#ff1c00; color:#fff; line-height:32px; padding:20px; font-size:18px; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.subNav li.li1 .box a{ color:#fff; font-size:20px;}
.subNav li.li1 .box a:hover{ text-decoration:underline;}
.subNav li.li1 .box i{ font-size:20px; margin-right:5px;}
.subNav li.li2 .pd{}
.subNav li.li3 .box{ width:160px;}
.subNav li.li3 .box img{ width:100%; height:auto; display:block;}
.subNav li:hover .h3 a{ background:#ff1c00; color:#fff;}
.subNav li:hover .box{ display:block;}

.body_fix{}
.body_fix .logo,
.pbody .logo{ margin-top:-6px;}
.body_fix .header,
.pbody .header{ top:0px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.body_fix .menu .h3 a,
.pbody .menu .h3 a{ font-size:14px; color:#3b3b3b;}
.body_fix .menu .h3 a:hover,
.pbody .menu .h3 a:hover{ color:#ff1c00;}
.body_fix .menu .h3 a:before,
.pbody .menu .h3 a:before{ background:#ff1c00;}
.body_fix .tSearch .i,
.pbody .tSearch .i{ color:#3b3b3b;}
.body_fix .tSearch:hover .i,
.pbody .tSearch:hover .i{ color:#ff1c00;}
.body_fix .ipt_t1,
.pbody .ipt_t1{ background-color:#f5f5f5;}
.body_fix .subNav .h3 a,
.pbody .subNav .h3 a{ box-shadow:0 0 3px rgba(0,0,0,0.3); color:#000;}
.body_fix .tContact a,
.pbody .tContact a{ color:#595757;}


.ibody2 .menu .h3 a,
.ibody2 .tSearch,
.ibody2 .tContact a{ color:#000;}
.ibody2 .menu .h3 a:before{ background:#000;}

.iBanner{}
.iBanner .swiperArrow{ display:block;}
.iBanner .swiperPrev{ left:80px;}
.iBanner .swiperNext{ right:80px;}
.iBanner .swiperDots{ display:block;}
.iBanner .pd{ overflow:hidden; display:block;}
.iBanner .pd img{ height:100vh; width:100.418410041841%;}

.iBannerHome .pd img{ transform:scale(1.2);}
.iBannerHome .swiper-slide-active .pd img{ transform:scale(1);}


.tit1{ text-align:center; line-height:1.25; margin-bottom:90px;}
.tit1 strong{ display:block; font-size:2.25em; margin-bottom:1em;}
.tit1 em{ display:block; color:#898989; }

.tit2{ margin-bottom:40px; text-align:center;}
.tit2 dl{ display:inline-block; vertical-align:bottom; text-align:left;}
.tit2 dt{ float:left; font-size:48px; line-height:1; margin-right:15px;}
.tit2 dt img{ height:1em; display:inline-block; vertical-align:bottom;}
.tit2 dd{ overflow:hidden;}
.tit2 dd strong{ font-size:24px; display:block; line-height:1; color:#3e3a39; margin-bottom:8px;}
.tit2 dd em{ font-size:14px; display:block; line-height:1; padding-bottom:0.13em; color:#898989;}
.tit2 p{ line-height:1.25; display:block; margin-top:25px; color:#898989;}
.tit2 p strong{ color:#595757; font-weight:normal;}

.tit3{ line-height:1.25; margin-bottom:30px;}
.tit3 strong{ font-size:22px; color:#727171;}
.tit3 em{ color:#898989; margin-left:1em; font-weight:lighter;}

.tit4{ line-height:1.25; margin-bottom:30px;}
.tit4 strong{ font-size:18px;}



.iMain{ background:no-repeat center center; background-size:cover;  padding:80px 0;}


.iMain1{}
.iBannerNav{ overflow:hidden;}
.iBannerNav .swiper{ margin-right:-1px;}
.iBannerNav .pd{ display:block; padding:20px 10px; text-align:center; border-right:1px solid #efefef;}
.iBannerNav .i{ font-size:74px; line-height:1; margin-bottom:15px;}
.iBannerNav .em{ text-transform:uppercase; line-height:1.25; margin-bottom: 1em;  color:#808080; font-weight: lighter;}
.iBannerNav .h3{ line-height:1.25; padding-bottom:35px; position:relative; margin-bottom:30px; color:#808080;}
.iBannerNav .h3:before{ content:''; position:absolute; left:50%; width:2em; margin-left:-1em; height:4px; background:rgba(181,181,182,0.5); bottom:0px;}
.iBannerNav .p{  color:#808080; line-height:2.85; height:11.4em; width: 11em; letter-spacing: 0.1em; margin-left: auto; margin-right: auto; text-align:justify; margin-bottom:10px; font-weight: lighter;}
.iBannerNav .m{ display: none;}
.iBannerNav .m em{ display:inline-block; height:24px; line-height:24px; width:76px; text-align:center; font-size:12px; background:#595757; color:#fff; border-radius:15px;}
.iBannerNav li:last-child .pd{ border-right-color:#fff;}
.iBannerNav .pd:hover .i{ color:#ff1c00;}
.iBannerNav .pd:hover .h3:before{ background-color:#ff1c00;}
.iBannerNav .pd:hover .m em{ background:#ff1c00;}

.iMain2{ }
.iCaseTab{ text-align:center; margin-bottom:45px;}
.iCaseTab ul{ display:inline-block; vertical-align:bottom;}
.iCaseTab li{ float:left;}
.iCaseTab a{ display:block; padding:0 35px; overflow:hidden; font-size:16px; line-height:40px;}
.iCaseTab a i{ float:left; width:40px; text-align:center; height:40px; line-height:40px; background:#595757; color:#fff; border-radius:50%; font-size:24px; margin-right:10px;}
.iCaseTab a span{ float:left;}
.iCaseTab li:last-child a{ border-right-color:#fff;}
.iCaseTab a:hover,
.iCaseTab li.curr a{ color:#ff1c00;}
.iCaseTab a:hover i,
.iCaseTab li.curr i{ background-color:#ff1c00;}

.caseBox{}
.caseBox ul{ margin-right:-6px; position:relative;}
.caseBox li{ float:left; width:49%;margin:5px; border: solid 1px #ccc;}
.caseBox .pd{ display:block; position:relative;}
.caseBox .pd:before{ content:''; position:absolute; left:0px; top:0px; bottom:0px; right:0px; /*background:url(../images/teambg.png) repeat-x;*/ background:rgba(0,0,0,0.75); background-size:100% 100%; opacity:0; z-index:1}
.caseBox .img{}
.caseBox .text{ position:absolute; left:0px; bottom:0px; right:0px; top:0px; color:#fff;  line-height:1.7142857142857142; z-index:2; opacity:0;}
.caseBox .h3{ font-size:24px; line-height:1; display: table-cell; vertical-align: middle;}
.caseBox .h3 strong{ display:inline-block; vertical-align:bottom; padding-bottom:0.5em; border-bottom:3px solid #ff1c00; margin-bottom:0.5em;}
.caseBox .h3 em{ text-transform:uppercase; display:block; font-size:0.75em;}
.caseBox .h4{ display:none;}
.caseBox .p{display:none;}
.caseBox .em{display:none;}
.caseBox .npd{/* position:absolute; left:30px; bottom:30px; right:30px;*/ text-align:center; display: table; table-layout: fixed; width: 100%; height: 100%;}
.caseBox .pd:hover .text{ opacity:1;}
.caseBox .pd:hover:before{ opacity:1;}


.more1{ display:inline-block; vertical-align:bottom; overflow:hidden; font-size:14px; width:94px; text-align:center; height:32px; line-height:32px; border-radius:16px; border:1px solid #898989; color:#898989;}
.more1:hover{ color:#fff; border-color:#ff1c00; background:#ff1c00;}
.iCaseM{ text-align:center; padding-top:30px;}

.iMain3{}
.iAbout{ padding:25px 0 0 0; width:80%; margin:0 auto;}
.iAbout ul{}
.iAbout li{ float:left; width:33.3333%;}
.iAbout .pd{ text-align:center; padding-bottom:60px; position:relative;}
.iAbout .pd:after{ content:''; width:30px; height:1px; background:#fff; position:absolute; left:50%; margin-left:-15px; bottom:-1px; z-index:1;}
.iAbout .pd:before{ content:''; width:8px; height:8px; background:#898989; border:1.5px solid #fff; position:absolute; left:50%; bottom:-5px; transform:rotate(45deg) translateZ(0); margin-left:-4px; z-index:2;}
.iAbout .h3{ font-size:80px; font-weight:bold; line-height:1; margin-bottom:20px; color:#898989;}
.iAbout .h3 span{ display:inline-block; vertical-align:bottom; position:relative; padding-right:0.5em;}
.iAbout .h3 span:before{ content:'\e8bf'; position:absolute; right:0px; font-size:0.5em; line-height:1; top:0px; font-weight:normal;}
.iAbout .p{ line-height:1.25; color:#898989;}
.iAbout li.curr .h3,
.iAbout .pd:hover .h3{ color:#ff1c00;}
.iAbout li.curr .pd:before,
.iAbout .pd:hover:before{ background:#ff1c00; box-shadow:0 0 0 1px #ff1c00;}

.iMain3_2{ border-top:1px solid #efefef; padding:25px 0 0 0;}
.iMain3_2 .li{ display:none; min-height:200px;}
.iMain3_2 .li:first-child{ display:block;}
.iaboutCon{ padding:0 8%; line-height:2; text-align: justify;}

.iMain8 .iHonor{ border-top:1px solid #efefef;}
.iHonor{}
.iHonor .swiper-slide{}
.iHonor .pd{ text-align:center; padding:25px 0 15px 0; position:relative;}
.iHonor .img{ width:150px; margin:0 auto; position:relative; z-index:2;}
.iHonor .img img{ transform:translateZ(0);}
.iHonor .img .img1{}
.iHonor .img .img2{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; opacity:0;}
.iHonor .text{ position:relative; z-index:2; padding-top:30px;}
.iHonor .txt{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:3; color:#fff; background:#ff1c00; opacity:0; transition:all 0.3s ease;}
.iHonor .txt .i{ width:60%;font-size:48px; margin:0 auto; margin-bottom:0.4em; line-height:1;}
.iHonor .txt .i i{ font-weight:bold;}
.iHonor .txt .i em{  font-weight:bold;}
.iHonor .ntd{ padding:0 10%;}

.iHonor .pd:hover{ background:#ff1c00; color:#fff;}
.iHonor .pd:hover:before{ opacity:1;}
.iHonor .pd:hover .txt{ opacity:1;}
.iHonor .pd:hover .img1{ opacity:0;}
.iHonor .pd:hover .img2{ opacity:1;}

.iproCon{}
.iproCon img{ width:100%; height:auto; display:block;}



.iMain4{ background: #f5f5f5;}
.iNewsList .swiper{ margin-right:-15px;}
.iNews{}
.iNews .npd{ margin-right:15px; background:#fff; padding:35px;}
.iNews1{}
.iNews2{}
.iNews3{}
.iNewsList1{}
.iNewsList1 ul{ min-height:31em;}
.iNewsList1 .pd{ display:block; overflow:hidden;}
.iNewsList1 .img{ display:none; margin-bottom:12px;}
.iNewsList1 .text{ padding:12px 0;}
.iNewsList1 .h3{ font-size:16px; height:1.5em; margin-bottom:5px; line-height:1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; color:#727171; overflow:hidden;}
.iNewsList1 .em{ color:#898989;}
.iNewsList1 li:first-child .img{ display:block;}
.iNewsList1 li:first-child .h3{ height:1.3333em;}
.iNewsList1 .pd:hover .h3{ color:#ff1c00;}




.pBanner{}
.pBanner .pd img{ height:calc(100vh - 46px);}
.bBanner{}
.bBanner .pd img{ height:calc(100vh - 157px);}

.pNav{text-align:center; height:46px;}
.pNav .npd{ background:#f7f8f8; position:relative; z-index:2;}
.pNav ul{ display:inline-block; vertical-align:bottom;}
.pNav li{ float:left; margin:0 6px;}
.pNav li a{ display:block; color:#727171; font-size:16px; height:46px; line-height:46px; padding:0 50px;}
.pNav li.curr a,
.pNav li a:hover{ color:#ff1c00;}

.pNavFix{}
.pNavFix .npd{ position:fixed; top:60px; left:0px; right:0px; box-shadow:0 0 3px rgba(0,0,0,0.3);}



.pMain{ padding:50px 0;}
.newsList1{ margin-bottom:30px;}
.newsList1 ul{ margin-right:-15px;}
.newsList1 li{ float:left; width:33.3333%;}
.newsList1 .pd{ position:relative; display:block; margin-right:15px;}
.newsList1 .img{}
.newsList1 .text{ position:absolute; left:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.5); padding:10px 20px; opacity:0;}
.newsList1 .h3{ height:20px; overflow:hidden; color:#fff;}
.newsList1 .pd:hover .text{ opacity:1;}
.newsList2{}
.newsList2 ul{ margin-right:-15px;}
.newsList2 li{ float:left; width:33.3333%; margin-bottom:20px;}
.newsList2 .pd{ display:block; margin-right:15px; font-size:16px; padding-left:16px; position:relative; overflow:hidden; height:1.5em; line-height:1.5;}
.newsList2 .pd:before{ content:''; position:absolute; left:0px; top:50%; margin-top:-3px; width:6px; height:6px; background:#727171; border-radius:50%;}


.pBannerCase{}
.pBannerCase .wpd{ background:#f7f8f8; padding-right:0%; position:relative;}
.pBannerCase .img{ overflow:hidden; position:relative;}
.pBannerCase .img img{ height:100vh; width:100%;}
.pBannerCase .text{ padding:40px 0; display:none;}
.pBannerCase .i{ font-size:40px; line-height:1; margin-bottom:0.5em;}
.pBannerCase .i img{ height:1em; width:auto; display:block;}
.pBannerCase .h3{ font-size:42px; line-height:1.2; margin-bottom:0.5em;}
.pBannerCase .p{ color:#595757;}
.pBannerCase .swiperDots{ display:block;}


.aseInfoTop{ display: none;}
.aseInfoTop .h3{ font-size:16px; line-height:1.5; margin-bottom:10px; color:#231815;}
.aseInfoTop .p{}
.aseInfoTop dl{ float:left; width:25%;}
.aseInfoTop dt{ float:left; width:56px; height:56px; background:#727171; line-height:56px; text-align:center; font-size:32px; color:#fff;}
.aseInfoTop dd{ margin-left:56px; padding-left:15px; color:#595757;}
.aseInfoTop dl:hover dt{ background:#ff1c00;}

.pMainCaseInfo{ background:#f7f8f8;}
.caseInfo{}
.aseInfoCon{}
.aseInfoCon img{ width:100%; height:auto !important; max-width:100%; display:block; margin-bottom:30px;}

.caseList{}
.caseList ul{ margin-right:-15px;}
.caseList li{ float:left; width:33.3333%; margin-bottom:15px;}
.caseList .pd{ margin-right:15px; display:block;}
.caseList .img{}
.caseList .text{ background:#fff; padding:20px 10px; position:relative;}
.caseList .h3{ font-size:18px; color:#595757; line-height:24px; height:24px; margin-right:70px; overflow:hidden; margin-bottom:10px;}
.caseList .em{ position:absolute; right:20px; top:20px; color:#595757; line-height:24px; right: 10px;}
.caseList .em strong{ font-weight:normal; border-right:1px solid #898989; padding-right:6px; border-right: none; padding-right: 0px;}
.caseList .em em{ padding-left:6px; display: none;}
.caseList .p{ color:#898989; height:20px; line-height:20px; overflow:hidden;}
.caseList .pd:hover .text{ background:#ff1c00;}
.caseList .pd:hover .h3{ color:#fff;}
.caseList .pd:hover .em{ color:#fff;}
.caseList .pd:hover .em strong{ border-right-color:#fff;}
.caseList .pd:hover .p{ color:#fff;}

.caseNav{ padding-bottom:50px;}
.caseNav dl{ margin-bottom:10px;}
.caseNav dt{ float:left; margin-right:35px; color:#727171; font-weight:bold;}
.caseNav dd{ overflow:hidden;}
.caseNav dd a{ float:left; color:#898989; margin-right:25px;}
.caseNav dd a.curr,
.caseNav dd a:hover{ color:#ff1c00;}

.navBtn{ position:absolute; left:0px; top:50%; margin-top:-15px; display:none;}
.navBtn a{ width:30px; height:30px; font-size:18px; display:block; background:#fff; border-radius:3px; padding:0px;}

.aBanner{ position:relative;}
.aBanner .img{}
.aBanner .img img{ height:100vh;}
.aBanner .text{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; text-align:center; color:#fff;}
.aBanner .h3{ font-size:36px; margin-bottom:0.8em; font-weight:bold; line-height:1;}
.aBanner .em{ font-size:26px; margin-bottom:160px; line-height:1;}
.aBanner .p{}

.numList{ width:1000px; margin:0 auto;}
.numList ul{}
.numList li{ float:left; width:33.3333%;}
.numList .pd{ text-align:center; position:relative;}
.numList .t{ font-size:56px; font-weight:bold; line-height:1; margin-bottom:20px;}
.numList .t span{ display:inline-block; vertical-align:bottom; position:relative; padding-right:0.3em; font-family:"bbb";}
.numList .t span:before{ content:'\e8bf'; position:absolute; right:0px; font-size:0.3em; line-height:1; top:0px; font-weight:normal;}
.numList .c{ line-height:1.25;}

.values{}
.values li{ float:left; width:20%; position:relative; margin-bottom:30px;}
.values .pd{ display:block; text-align:center; position:relative; width:180px; margin:0 auto; padding:20px 0;}
.values .img{ position:relative; z-index:2; width:74px; height:74px; font-size:48px; border:2px solid #9fa0a0; color:#9fa0a0; border-radius:50%; text-align:center; line-height:74px; margin:0 auto;}
.values .text{ position:relative; z-index:2; line-height:1; color:#000; padding:15px 0;}
.values .text strong{ display:block; font-size:18px; margin-bottom:5px; font-weight:normal;}
.values .text em{ display:block; color:#898989;}
.values .pd:hover{ opacity:1; background:#ff1c00;}
.values .pd:hover .img{ color:#fff; border-color:transparent;}
.values .pd:hover .text{ color:#fff;}
.values .pd:hover .text strong{ font-weight:bold;}
.values .pd:hover .text em{ color:#fff;}

.history{ position:relative;}
.history:before{ content:''; position:absolute; left:0px; bottom:39px; height:1px; right:0px; background:#efefef;}
.history .swiper{ margin-right:-30px;}
.history .pd{ position:relative; display:block; background:#f7f8f8; margin-right:30px; margin-bottom:40px;}
.history .pd:before{ content:''; width:8px; height:8px; background:#898989; position:absolute; left:50%; bottom:-4px; transform:rotate(45deg); margin-left:-4px;}
.history .img{}
.history .text{ padding:20px;}
.history .i{ position:absolute; bottom:-40px; left:0px; right:0px; line-height:1; text-align:center; font-family:"bbb"; font-size:18px;}
.history .h3{ line-height:1; margin-bottom:20px; font-size:18px; text-align:center; position:relative; color:#000;}
.history .h3 strong{ display:block;}
.history .h3 em{ display:block; font-size:12px; position:absolute; left:50%; width:100%; margin-left:-50%; bottom:-1em; margin-bottom:-3px;}
.history .p{ line-height:1.5;min-height:7.5em;}
.history .pd:hover:before{ background:#ff1c00; border:1.5px solid #fff; box-shadow:0 0 0 1px #ff1c00; margin-left:-5.5px; bottom:-6px;}
.history .pd:hover .i{ color:#ff1c00;}

.team{}
.team ul{ margin-right:-15px; position:relative;}
.team li{ float:left; width:33.3333%; margin-bottom:15px;}
.team li:last-child{ position:absolute; right:0px; top:0px; width:33.3333%;}
.team .pd{ margin-right:15px; position:relative;}
.team .pd:before{ content:''; position:absolute; left:0px; top:0px; bottom:0px; right:0px; background:url(../images/teambg.png) repeat-x; background-size:100% 100%; opacity:0;}
.team .img{}
.team .text{ position:absolute; color:#fff; padding:20px 25px; background:rgba(0,0,0,0.5); left:0px; bottom:0px; right:0px; z-index:2;}
.team .h3{ font-size:18px;}
.team .p{}
.team .pd:hover:before{ opacity:1;}
.team .pd:hover .text{ background:rgba(0,0,0,0);}

.team li:nth-child(2),
.team li:nth-child(3){ margin-right:33.3333%;}

.iMain9{ padding-bottom:100px;}
.customer{}
.customer li{ float:left; width:16.6666%; margin-bottom:15px;}
.customer .pd{ background:#f7f8f8; margin-right:15px; position:relative;}
.customer .img{ position:relative;}
.customer .img1{}
.customer .img2{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; opacity:0;}
.customer .pd:hover .img1{ opacity:0;}
.customer .pd:hover .img2{ opacity:1;}




.nCrumbs{ padding:80px 0 20px 0; line-height:20px; background:#f5f5f5;}
.nCrumbs a{}
.nCrumbs em{ margin:0 10px;}
.nCrumbs span{}

.newsInfoMain{ background:#f5f5f5;}
.newsInfoFl{ width:66.6666%; float:left;}
.newsInfoTit{ padding-bottom:20px; border-bottom:1px dashed #999; margin-bottom:30px;}
.newsInfoTit h1{ font-size:20px;}
.newsInfoTit .em{ color:#999;}
.newsInfoCon{ font-size:14px; line-height:1.85; color:#666; margin-bottom:30px;}
.newsInfoCon p{ margin:0.5em 0;}
.newsInfoCon img{ max-width:100%; height:auto; display:inline-block; vertical-align:bottom;}
.newsInfoM{}
.newsInfoM li{ background:#f5f5f5; margin-bottom:10px; line-height:46px; height:46px; padding:0 20px;}
.newsInfoM strong{ float:left; line-height:46px; height:46px;}
.newsInfoM a{ display:block; line-height:46px; height:46px; overflow:hidden;}
.newsInfoFr{ width:29.5238%; float:right; background:#fff; padding:20px; box-sizing:border-box;}

.tit5{ line-height:24px; margin-bottom:30px; overflow:hidden;}
.tit5 strong{ float:left; font-weight:normal; font-size:24px;}
.tit5 a{ float:right;}
.more3{ display:inline-block; vertical-align:bottom;}
.more3 span{ float:left; height:24px; line-height:24px; font-size:14px;}
.more3 i{ float:left; margin-top:5px; margin-left:6px; width:14px; height:14px; background:#ff1c00; font-size:10px; text-align:center; color:#fff; line-height:14px;}


.news_list3{}
.news_list3 li{ margin-bottom:20px;}
.news_list3 li:last-child{ margin-bottom:0px;}
.news_list3 .pd{ position:relative; display:block;}
.news_list3 .img{}
.news_list3 .text{ position:absolute; left:0px; bottom:0px; right:0px; background:rgba(0,0,0,0.8); padding:10px 20px; color:#fff;}
.news_list3 .h3{ font-size:14px; line-height:20px; height:20px; overflow:hidden;}
.news_list3 .pd:hover{ box-shadow:0 0 3px rgba(0,0,0,0.3);}
.news_list3 .pd:hover .text{ background:#ff1c00;}



.bNav{ background:#f5f5f5;}
.bNav ul{ margin:0px;}
.bNav li{ float:left; width:14.285714285714286%;}
.bNav .pd{ display:block; text-align:center; position:relative; padding:20px 0 35px 0; color:#3b3b3b;}
.bNav6 li{ width:16.666666666666668%;}

.bNav .img{ height:1em; line-height:1; position:relative; color:#606060; z-index:2; margin-bottom:10px; font-size:54px;}
.bNav .text{ position:relative; z-index:2;}
.bNav .h3{ font-size:16px;}
.bNav .em{ font-size:12px; line-height:1; color:#9fa0a0; transform:scale(0.9,0.9);}

.bNav .pd:hover,
.bNav li.curr .pd{ color:#fff;background:#ff1c00;}
.bNav .pd:hover .img,
.bNav li.curr .img{ color:#fff;}
.bNav .pd:hover .em,
.bNav li.curr .em{ color:#fff;}
.bNav .pd:hover:before,
.bNav li.curr .pd:before{ opacity:1;}


@media screen and (max-width:1600px){
.wp{ width:1200px;}
.iBannerNav .p{ font-size:13px;}
.footer{ padding:60px 0 80px 0;}
.fContact{ padding-left:166px;}
.fBottom{ width:580px;}
.fBottom .p1 a{ }
.history .swiper{ margin-right:-20px;}
.history .pd{ margin-right:20px;}


.bNav .em{ transform:scale(0.8333,0.8333);}

.iAbout .h3{ font-size:72px;}
.iCaseTab a{ padding:0 30px;}

.menu li{ margin:0 10px;}

.iNewsList1 ul{ min-height:28.15em;}

}
@media screen and (max-width:1366px){
body{ font-size:14px;}
.wp{ width:1100px;}
.tContact{ right:50px;}
.iMain{ padding:70px 0;}
.iMain4{ padding-bottom:80px;}
.iMain9{ padding-bottom:80px;}
.iBannerNav .pd{ padding:15px 25px;}
.iBannerNav .em{ }
.iBannerNav .h3{}
.iBannerNav .p{}

.aBanner .h3{ font-size:32px;}
.aBanner .em{ font-size:22px; margin-bottom:100px;}
.numList .t{ font-size:48px;}

.tit2 dt{ font-size:42px; margin-right:12px;}
.tit2 dd strong{ font-size:20px;}
.tit2 dd em{ font-size:12px;}
.iAbout .h3{ font-size:60px;}
.caseBox .npd{ left:20px; bottom:20px; right:20px;}
.caseBox ul{ margin-right:-6px;}
.caseBox li{ margin-bottom:6px;}
.caseBox .pd{ margin-right:6px;}
.caseBox .h3{ font-size:20px;}
.iHonor .swiper-slide{}
.iHonor .img{ width:132px;}
.iHonor .pd:before{ width:170px; margin-left:-85px;}
.iNews .npd{ padding:30px;}
.iNewsList1 .h3{ font-size:14px;}
.footer{ padding:50px 0 70px 0;}
.fContact{ padding-left:140px;}
.fContact .ewm{ width:120px;}
.tit4{ margin-bottom:20px;}
.dizhi, .youxiang{ line-height:1.5;}
.dianhua dl{ padding-left:65px;}
.fBottom .p{ line-height:26px;}
.fBottom .p1{ margin-bottom:9px;}
.fBottom .p2{ margin-bottom:9px;}
.fBottom .p2 strong{ font-size:16px; margin-right:15px;}
.newsList2 li{ margin-bottom:15px;}
.newsList2 .pd{ font-size:14px;}

.values li{ margin-bottom:30px;}

.team ul{ margin-right:-13px;}
.team .pd{ margin-right:13px;}
.team li{ margin-bottom:13px;}

.tit5 strong{ font-size:21px;}

.bBanner .pd img{ height:calc(100vh - 125px);}


.bNav .pd{ padding:15px 0 25px 0;}
.bNav .pd:before{ width:130px; margin-left:-65px; height:125px;}
.bNav .img{ font-size:40px;}
.bNav .h3{ font-size:14px;}
.bNav .em{ transform:scale(0.75,0.75);}

.iaboutCon{}
.iCaseTab a{ padding:0 25px;}

.fBottom{ width: 520px;}
}
@media screen and (max-width:1280px){
body{ font-size: 13px;}
}
@media screen and (max-width:1024px){
body{ padding-top:50px;}
.wp{ width:auto; margin:0 30px;}
.header .wp{ margin:0 30px;}
.header{ top:0px; background:#fff;}
.header .wp{ height:50px;}
.logo{ font-size:32px;}
.body_fix .logo, .pbody .logo{ margin-top:-0.5em;}
.menu-link{ display:block;}
.menu{ display:none; position:fixed; -webkit-transform: translateZ(0); top:50px; width:240px; right:0px; padding:0px;}
.menu ul{ display:block;}
.menu li{ float:none; padding:0px; background:rgba(0,0,0,0.8); width:auto; margin:0px;}
.menu .h3 a:before{ display:none !important;}
.menu .h3{ position:relative; border-bottom:1px solid #ccc; padding:0px;}
.menu .h3 a{ height:40px; line-height:40px; text-align:left; position:static; padding:0 30px; color:#fff !important; font-size:14px;}
.menu .h3 a:after{ display:none;}
.menu li:hover .h3 a{ background-color:#ff1c00; color:#fff;}
.menu-link{ display:block;}
.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 em{ display:block;}

.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;}
.tSearch.active .box{ width:auto; height:40px; padding:20px 0;}
.ipt_t1{ background:#fff !important;}
.tContact{ right:75px;}
.tContact a{ color:#595757;}

.subNav{ left:0px; bottom:0px; right:0px; top:auto; width:auto;}
.subNav li{ width:25%; float:left; margin-bottom:0px;}
.subNav .h3{ border-right:1px solid #f5f5f5 !important;}
.subNav .h3 a{ font-size:20px; line-height:40px; background:#fff; color:#000;}
.subNav li:last-child .h3{ border-right:none;}
.subNav li.li1 .box{ bottom:40px; right:0px; width:auto; padding-right:0px; left:0px; top:auto; position:fixed;}
.subNav li.li1 .pd{ box-shadow:none; text-align:center;}
.subNav li.li1 .pd .p{ display:inline-block; vertical-align:bottom; margin:0 10px;}
.subNav li.li3 .box{ position:absolute; bottom:100%; top:auto; left:50%; width:140px; margin-left:-70px;}
.subNav li.li3 .h3 a:after{ font-size:10px; top:5px;}

.fContact{ float:none; margin-bottom:110px;}
.fBottom{ width:auto; float:none;}

.iBanner .pd img{ height:auto;}
.iBannerNav .pd{ margin-bottom:30px;}
.iBannerNav .swiperDots,
.iHonor .swiperDots,
.history .swiperDots{ display:block;}
.iBannerNav .swiperDots span,
.iHonor .swiperDots span,
.iNewsList .swiperDots span,
.history .swiperDots span{ height:4px;}
.iBannerNav .swiperDots span:before,
.iHonor .swiperDots span:before,
.iNewsList .swiperDots span:before,
.history .swiperDots span:before{ background:rgba(0,0,0,0.5);}
.iBannerNav .swiperDots .swiper-pagination-bullet-active:before,
.iHonor .swiperDots .swiper-pagination-bullet-active:before,
.iNewsList .swiperDots .swiper-pagination-bullet-active:before,
.history .swiperDots .swiper-pagination-bullet-active:before{ background:#ff1c00;}


.iMain{ padding:50px 0;}
.iMain4{ padding-bottom:40px;}
.iMain9{ padding-bottom:40px;}

.tit1{ margin-bottom:40px;}
.tit1 strong{ font-size:24px;}

.iCaseTab{ margin-bottom:30px;}
.iCaseTab a{ padding:0 15px;}

.iNews .npd{ padding:20px;}
.tit3{ margin-bottom:20px;}

.newsList2 li{ width:50%;}
.newsList1 ul{ margin-right:-5px;}
.newsList1 .pd{ margin-right:5px;}
.newsList1 .text{ position:static; opacity:1; background:#f5f5f5;}
.newsList1 .h3{ color:#333;}

.pNav li a{ padding:0 30px;}
.pNavFix .npd{ top:50px;}

.nCrumbs{ padding:10px 0;}
.nCrumbs em{ margin:0 5px;}

.caseNav dl{ margin-bottom:20px;}
.caseNav dt{ float:none; margin-right:0px; margin-bottom:10px;}
.caseNav dd a{ background:#f5f5f5; margin-right:3px; line-height:28px; margin-bottom:3px; padding:0 10px;}
.caseNav dd a.curr{ background:#ff1c00; color:#fff;}

.pBannerCase .img img{ height:auto;}
.pBannerCase .text{ position:static; padding:30px 0;}
.pBannerCase .h3{ font-size:36px;}

.aBanner .img img{ height:auto;}
.aBanner .h3{ font-size:24px;}
.aBanner .em{ font-size:16px;}
.numList{ width:80%;}
.numList .t{ font-size:36px;}

.history:before{ bottom:59px;}
.history .pd{ margin-bottom:60px;}
.history .text{ text-align:center;}
.history .p{min-height:4.5em;}

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


.caseBox .h3,
.caseBox .h4,
.caseBox .p,
.caseBox .em{ opacity:1; transform:translateY(0px); transition-delay: 0s;}

.caseBox .text{ background:#f7f8f8; padding:30px 15px; position:relative; color:#595757; opacity:1;}
.caseBox .npd{ position:static;}
.caseBox .h3{ line-height:20px; margin-bottom:5px; margin-right:80px;}
.caseBox .h4{ position:absolute; right:55px; top:10px; padding-right:1em; line-height:20px;}
.caseBox .h4:before{ content:''; position:absolute; width:1px; height:12px; top:50%; right:0px; background:#898989; margin-top:-6px;}
.caseBox .p{ color:#898989;}
.caseBox .em{ position:absolute; right:15px; top:10px;}
.caseBox .pd:hover .text{ color:#fff;}
.caseBox .pd:hover .h4:before{ background:#fff;}
.caseBox .pd:hover .p{ color:#fff;}

.caseList .text{ padding:10px 15px;}
.caseList .h3{ font-size:16px; height:20px; margin-bottom:5px; line-height:20px;}
.caseList .em{ top:10px; right:15px; font-size:12px; line-height:20px;}

#nb_icon_wrap,
#nb_toolbar_wrap{ display:none !important;}



.pBannerCase .wpd{ padding-right:0px;}
.pBannerCase .text{ width:auto; padding:30px 0;}
}
@media screen and (max-width:960px){
.iCaseTab a{ padding:0 20px;}
.iCaseTab a i{ display:block; margin:0 auto; float:none;}
.iCaseTab a span{ float:none; display:block;}
.caseBox li{ float:left; margin-bottom:15px; width:50%;}


.iNews .npd{ margin-bottom:30px;}
.iNewsList .swiperDots{ display:block;}

.pNav li a{ padding:0 20px;}

.pMain{ padding:40px 0;}
.tit5{ margin-bottom:20px;}
.newsInfoFl{ width:auto; float:none; margin-bottom:40px;}
.newsInfoFr{ width:auto; float:none; padding:0px;}

.caseList li{ width:50%;}

.caseInfo{}

.aBanner .em{ margin-bottom:60px;}

.values .img{ width:64px; height:64px; line-height:64px; font-size:32px; border-width:1px;}
.values .text strong{ font-size:16px;}
.values .text em{ font-size:12px;}

.team li{ width:50%;}
.team li:nth-child(2), .team li:nth-child(3){ margin-right:0px;}
.team li:last-child{ position:static; width:100%;}

.pNav li a{ font-size:14px;}
.pNav li.curr a,
.pNav li a:hover{ background:#ff1c00; color:#fff;}

.bNav{}
.bNav .wp{ margin:0px;}
.bNav .pd{ padding:0; line-height:40px; background:#f7f8f8; border-right:1px solid #fff; color:#727171;}
.bNav .img{ display:none;}
.bNav .em{ display:none;}
.bNav .pd:before{ display:none;}
.bNav .img{ font-size:24px;}
.bNav .pd:hover,
.bNav li.curr .pd{ background:#ff1c00; color:#fff;}
}
@media screen and (max-width:768px){
.values li{ width:33.3333%;}
.values .pd:before{ width:116px; height:140px; margin-left:-58px;}
.values .pd{ width:auto;}

.aseInfoTop dl{ width:auto; float:none; overflow:hidden; margin-bottom:15px;}
.aseInfoTop dl:last-child{ margin-bottom:0px;}
}
@media screen and (max-width:640px){
.iCaseTab a{ font-size:14px; padding:0 15px;}

.iBannerNav .swiperDots span{ height:2px;}

.newsList1 ul{ margin-right:0px;}
.newsList1 li{ width:auto; float:none; margin-bottom:20px;}
.newsList2 li{ width:auto; float:none;}

.caseList ul{ margin-right:0px;}
.caseList li{ width:auto; float:none;}
.caseList .pd{ margin-right:0px;}

.caseInfo{}
.aseInfoTop{}
.aseInfoCon img{ margin-bottom:5px;}

.aBanner .h3{ font-size:16px;}
.aBanner .em{ font-size:12px; margin-bottom:20px;}
.numList .t{ font-size:24px; margin-bottom:5px;}
.numList .c{ font-size:12px;}

.values .img{ width:48px; height:48px; line-height:48px; font-size:24px;}
.values li{ margin-bottom:10px;}
.values li:last-child{ width:100%;}
.values .text{ padding:10px 0;}
.values .pd:before{ width:90px; height:110px; margin-left:-45px;}

.team li{ width:auto; float:none;}
.team .text{ padding:10px 15px;}
.team .h3{ font-size:14px;}


.pNav .wp{ margin:0px; overflow:hidden;}
.pNav ul{ display:block; margin-right:-1px;}
.pNav li{ width:25%; margin:0px; border-bottom:1px solid #fff;}
.pNav li a{ padding:0; line-height:40px; height:40px; box-sizing:border-box; border-right:1px solid #fff;}


.pNav1,
.pNav2,
.pNav3,
.pNav4{ height:41px;}
.pNav5,
.pNav6,
.pNav7,
.pNav8,
.pNav9,
.pNav10{ height:82px;}
.pNav11,
.pNav12,
.pNav13,
.pNav14{ height:123px;}

.pNav1 li{ width:100%;}
.pNav2 li{ width:50%;}
.pNav3 li{ width:33.3333%;}
.pNav4 li{ width:25%;}
.pNav5 li{ width:33.3333%;}
.pNav5 li:nth-child(4),
.pNav5 li:nth-child(5){ width:50%;}
.pNav6 li{ width:33.3333%;}
.pNav7 li{ width:25%;}
.pNav7 li:nth-child(5),
.pNav7 li:nth-child(6),
.pNav7 li:nth-child(7){ width:33.3333%;}
.pNav8 li{ width:25%;}

.bNav .pd{ border-bottom:1px solid #fff;}

.navBtn{ display:none;}
.caseNav{ display:block;}

.fBottom .p1 a{ width: auto; margin-right: 30px;}
}
@media screen and (max-width:540px){
.wp,
.header .wp{ margin:0 25px;}

.iBanner .swiperArrow{ display:block;}

.iBannerNav .pd{ border-right:none; padding:0px 30px;}
.iBannerNav .h3{ padding-bottom:25px; margin-bottom:20px;}
.iBannerNav .h3:before{ height:3px;}
.iBannerNav .swiperArrow{ display:block;}

.iMain{ padding:40px 0;}
.iMain4{ padding-bottom:30px;}
.iMain9{ padding-bottom:30px;}

.iCaseTab{ margin-bottom:20px;}
.iCaseTab ul{ display:block;}
.iCaseTab li{ width:33.3333%;}
.iCaseTab a{ font-size:14px; padding:0;}
.caseBox ul{ margin-right:0px;}
.caseBox li{ width:auto !important; float:none; margin-bottom:10px;}
.caseBox .pd{ margin-right:0px;}

.tit1{ margin-bottom:30px;}
.tit1 strong{ font-size:18px;}

.iAbout{ width:auto; padding:0px;}
.iAbout .h3{ font-size:32px; margin-bottom:10px;}
.iAbout .pd{ padding-bottom:20px;}
.iAbout .p{ height:2.5em; overflow:hidden;}

.iMain3_2 .li{ min-height:180px;}
.iHonor .swiperArrow{ display:block;}
.iaboutCon{ line-height:1.5; padding:0px;}

.iNewsList .swiper{ margin-right:0px;}
.iNews .npd{ margin-right:0px;}

.fContact{ padding-left:130px;}
.fContact .tit4 strong{ font-size:16px;}
.fContact .tit4{ margin-bottom:10px;}
.dianhua dl{ padding-left:0px;}
.dianhua dt{ display:none;}
.dianhua .p{ margin-left:10px;}
.dianhua .p:first-child{ margin-left:0px;}
.dianhua .p i{ font-size:16px;}
.dizhi, .youxiang{ line-height:1.3;}

.fBottom .p3{ line-height:1.5;}



.pMain{ padding:30px 0;}

.history .swiperArrow{ display:block; margin-top:-45px;}

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

.caseBox .h3{ font-size:20px;}
.aseInfoTop .h3{ font-size:21px;}

.caseNav{ padding-bottom:0px;}

.iBanner .swiperPrev{ left:20px;}
.iBanner .swiperNext{ right:20px;}
}
@media screen and (max-width:413px){
.wp,
.header .wp{ margin:0 20px;}

.caseBox .npd{ left:15px; bottom:15px; right:15px;}

.footer{ font-size:12px;}
.fContact{ padding-left:110px;}
.fContact .ewm{ width:100px;}

.pNav li a{ font-size:14px;}
.pBannerCase .text{ padding:20px 0;}
.pBannerCase .h3{ font-size:16px; margin-bottom:0.5em;}
.aseInfoTop .h3{ font-size:18px;}

.values .text strong{ font-size:14px;}
.values .text em{ font-size:10px;}

.newsList2 .pd{ font-size:13px; padding-left:10px;}
.newsList2 .pd:before{ width:4px; height:4px; margin-top:-2px;}
}
@media screen and (max-width:374px){
body{ font-size:12px;}
.wp,
.header .wp{ margin:0 15px;}
.fContact{ padding-left:85px;}
.fContact .ewm{ width:80px;}
.fContact .tit4{ margin-bottom:5px;}
.dianhua{ margin-bottom:5px;}
.dianhua .p{ margin-left:5px;}
.dianhua dl{ line-height:20px;}
.fBottom .p1 a{ margin-right:10px;}
.fBottom .p2 strong{ font-size:14px; margin-right:10px;}
.fBottom .p2 a{ margin-right:10px;}

.iCaseTab a{ font-size:12px;}

.aBanner .h3{ font-size:14px;}
.numList .c{ font-size:10px;}

.pNav li a{ font-size:12px;}
.bNav .h3{ font-size:12px;}
}

.pNavFix .navBtn{ display:none;}

.template{}
.template img{ width:100%; height:auto; display:block; margin-bottom:10px;}



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

.search{ background:#fff;}
.searchCon{ width:80%; margin:0 auto;}
.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{ min-height:50vh;}
.search_list ul{ border-top:1px dashed #ccc;}
.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;}
}
@media screen and (max-width:1024px){
.crumbs{ margin-top:0px;}
.searchCon{ width:auto;}
}





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



.iNewsListA .pd{ margin:0 10px; display: block; position: relative;}
.iNewsListA .img{}
.iNewsListA .text{padding: 10px 0;}
.iNewsListA .h3{ height: 1.5em; line-height: 1.5; overflow: hidden; color: #000;}

.footer .wp{ min-height: 244px;}
.footerLink{ background: #222; color: #666; padding: 15px 0; font-size: 12px; line-height: 1.2;}
.footerLink a{ color: #666; }
.footerLink a:hover{ color: #fff;}


.iCaseTab{ display: none;}
.iBannerNav .h3{ margin-bottom: 0px;}
.iBannerNav .p{ display: none;}