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


.setlogo{ position: absolute; left: 0; top: 0; opacity: 0; pointer-events: none; width: 1px; height: 1px;}

.logo,
.caseList .h3,
.caseList .em,
.header wp,
.caseList .img img,
.caseList .text,
.caseM2 a,
.caseM2 i,
.caseM2 span{transition: all 0.3s ease;}
.caseList .pd:hover .img img{ transform:scale(1.1,1.1) translateZ(0);}
/*淡入 向上 循环*/
.FmovefadeInDown{animation:FmovefadeInDown 1.5s infinite ease both;}
@keyframes FmovefadeInDown{0%{opacity:0;transform:translateY(-10px)}90%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(15px)}}
.FmovefadeInUp{animation:FmovefadeInUp 1.5s infinite ease both;}
@keyframes FmovefadeInUp{0%{opacity:0;transform:translateY(30px)}70%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}
.Frotation360{animation:Frotation360 2s linear infinite;}
@keyframes Frotation360 {from{transform:rotate(0)}to{transform:rotate(360deg)}}
.FpulseSlow{animation:FpulseSlow infinite alternate 1s ease-in-out;}
@keyframes FpulseSlow {0% {transform:scale(1);opacity:1;}100%{transform:scale(0.9);opacity:0.5;}}
.lightSpeedIn{animation:lightSpeedIn infinite alternate 3s ease-in-out;}
@keyframes lightSpeedIn{0%{transform:skewX(-10deg);}60%{transform:skewX(10deg);}90%{transform:skewX(-5deg);}100%{transform:none;}}

.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}

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


.menu-link{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:#000; transform: rotate(45deg); top:0px;}
.menu-link.active span:after { background-color:#000; transform: rotate(-45deg); top:0px;}
.menu-link.active em{ display:none;}

.wp{ margin:0 3.125vw; position: relative;}
.wpx{ width:1200px; margin:0 auto; position:relative;}
.wpm{ width:1000px; margin:0 auto; position:relative;}

.header{ position:fixed; left:0px; top:0px; right:0px; z-index:9; background: #fff; border-bottom: 1px solid #b8b8b8; }
.logo{ position:absolute; left:0px; top:50%; margin-top:-0.08860518111001991em; height:0.17721036222003983em; font-size:210px; overflow:hidden; color:#000; z-index:2;}
.logo svg{ position:relative; font-size:1em; line-height:1; display:block; top:50%; margin:-0.5em 0 0 -0em;}
.logo:hover{ color:#000;}
.logo:hover svg{ color:#000;}
.logo img{ height:32px; width:auto;}

.tContact{ position: absolute; right: 0px; top: 50%; margin-top: -16px;}
.tContact .i{ display: none;}
.tContact .box a{ font-size: 32px; font-weight: bold; color: #ff0000; line-height: 1;}

.menu{ padding:31px 0; text-align: center;}
.menu ul{ display: inline-block; vertical-align: bottom;}
.menu li{ float:left; position:relative;}
.menu .h3 a{ display:block; font-size:22px; height:38px; line-height:38px; padding:0 32px; overflow:hidden; color:#000; position:relative;}
.menu .h3 a:before{ content: ''; width: 1em; height: 1px; position: absolute; left: 50%; bottom: 0px; margin-left: -0.5em; background: #ff0000; display: none;}
.menu .h3 a:hover{ color:#ff0000 !important;}
.menu .curr .h3 a{ color:#ff0000 !important;}
.menu .curr .h3 a:before{ display: block;}

.menu .box{ position:absolute; text-align:center; left:50%; margin-left:-60px; width:120px; top:100%; font-size:14px; line-height:30px; padding-top:15px; display:none;}
.menu .box:before{ position:absolute; left:50%; top:5px; margin-left:-6px; content:''; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:10px solid #f5f5f5;}
.menu .box .pd{ display:block; padding:10px 0; background:#f5f5f5; box-shadow:0 0 3px rgba(0,0,0,0.3); border-radius:5px;}
.menu .box a{ display:block;}
.menu .box a.curr{ color:#ff0000;}

.menu li:hover .box{ display:block;}

.cbody{ padding-top:100px;}
.cbody .header{ background:#fff; border-bottom: 1px solid #ccc;}
.cbody .menu ul:first-child{ display:none;}
.cbody .menu ul:last-child{ display:block;}

.abody{}
.abody .logo{ color:#fff;}
.abody .logo:hover svg{ color:#fff;}
.abody .menu .h3 a{ color:#fff;}

.backTop{ position:fixed; right:3.5%; bottom:15%; z-index:1; cursor:pointer; width:40px; height:40px; border:1px solid rgba(0,0,0,0.5); color:rgba(0,0,0,0.5); border-radius:50%; text-align:center; line-height:40px; display:none;}
.backTop:hover{ color:#ff0000; border-color:#ff0000;}
.body_fix .backTop{ display:block;}

.body_fix{}
.body_fix .logo{ font-size:140px; color:#000;}
.body_fix .logo:hover svg{ color:#000;}
.body_fix .header{ background:#fff; border-bottom: 1px solid #ccc;}
.body_fix .header .wp{ height:60px;}
.body_fix .menu{ padding:10px 0;}
.body_fix .menu .h3 a{ height:40px; line-height:40px; font-size:16px; color:#000;}
.body_fix .menu .h3 a:before{ background:rgba(0,0,0,0.3);}
.body_fix .menu .h3 a:hover{ color:#ff0000;}


.iBanner{}
.iBanner .swiperDots{ display:block;}
.iBanner .pd img{ height:75.83333333333333vh;}



.iMain{ padding:60px 0 20px 0;}
.iMainCon1{}
.iMainCon1_2{ display:none;}

.iMainCon1{}
.iAbout{}
.iAbout .h3{ font-size:36px; color:#6c6c6c; padding-bottom:1em; margin-bottom:0.8em; position:relative; line-height:1;}
.iAbout .h3:before{ content:''; height:1px; width:4.5em; position:absolute; left:0px; bottom:0px; background:rgba(114,113,113,0.3);}
.iAbout .p{ color:rgba(114,113,113,0.7); line-height:2; font-size:16px;}




.footer{ background:#595757; padding:40px 0 30px 0; color:rgba(255,255,255,0.25); font-size: 12px;}
.footer .wp{ padding-bottom:20px;}
.footer a{ color:rgba(255,255,255,0.25);}
.footer a:hover{ color:#fff;}
.footerTop{ position:relative; margin-bottom:20px;}
.fEwm{ width:80px; position:absolute; right:0px; top:0px;}
.fEwm li{ margin-bottom:15px;}
.fEwm li:last-child{ margin-bottom:0px;}
.fEwm .img{}
.fEwm .img img{}
.fEwm .text{ padding:5px 0 0 0; text-align:center;margin:0 -20%}
.fContact{ width:350px; float:left; transform: translateY(-7px);}
.fContact .img{ margin-bottom: 0.1951219512195122em; height:0.23708630585206242em; overflow:hidden; font-size:205px; display:block; color:rgba(255,255,255,0.25);}
.fContact .img svg{ font-size:1em; position:relative; top:50%; margin:-0.5em 0 0 0; display:block; line-height:1;}
.fContact .img img{ height:84px; width:auto; display:block;}
.fContact .img:hover{ color:rgba(255,255,255,0.25);}
.fContact .img:hover svg{ color:rgba(255,255,255,0.25);}

.fContact .text{ padding-bottom:12px; position: relative;}
.fContact .text:before{ content: ''; position: absolute; left: 0px; bottom: 0px; width: 60px; height: 1px; background: rgba(255,255,255,0.25);}
.fContact .em{ margin-bottom:1em;}
.fContact .em br{ display:none;}
.fContact .p{ line-height: 2;}
.fNav{ float:left; width:500px;}
.fNav dl{ float:left; width:25%; height:204px; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.1); text-align:center;}
.fNav dl:last-child{ border-right-color:#595757;}
.fNav dt{ line-height:1; margin-bottom:20px;}
.fNav dt a{ font-size:22px; padding-left:0.3em; letter-spacing:0.3em; font-weight:normal; color:rgba(255,255,255,0.5);}
.fNav dd{}
.fNav dd a{ display:block; line-height:1.22em; margin-bottom:1em;}
.fCopy{ font-size:12px;}
.fCopy a img{ margin-left:3px; transform:translateY(-2px);}
.fCopy p br{ display: none;}

.pBanner{}
.pBanner .swiperDots{ display:block;}
.pBanner .pd{ display:block; position:relative;}
.pBanner .img img{ width:100.418410041841%; height:auto; display:block;}
.pBanner .text{ position:absolute; left:238px; right:238px; top:0px; bottom:0px; line-height:1; color:#fff;}
.pBanner .h3{ font-size:36px; margin-bottom:3em; letter-spacing:0.08em; margin:3.8em 0 3.3em 0;}
.pBanner .em{ font-size:36px; padding-left:4.07em; position:relative; overflow:hidden; float:right;}
.pBanner .em i{ float:left; height:1em; font-size:inherit;}
.pBanner .em i:before{ position:relative; display:block; font-size:4.5em; line-height:1; margin:-0.5em 0 0 0; top:50%;}
.pBanner .em span{ float:left;}
.pBanner .em:after{ content:''; position:absolute; width:3.6296296296296298em; height:2px; background:#fff; left:0px; top:50%; margin-top:-1px;}

.pMain{ padding:60px 0;}
.pMainCase1{}
.caseList{}
.caseList ul{}
.caseList li{ width:33.3333%; float:left; background:#fff;}
.caseList li:nth-child{ background:#fff;}
.caseList .pd{ position:relative; display:block;}
.caseList .img{ overflow:hidden;}
.caseList .img img{ width: 100%;}
.caseList .text{ background:rgba(0,0,0,0); position:absolute; left:0px; top:0px; right:0px; bottom:0px; color:#fff;}
.caseList .npd{ position:absolute; left:30px; bottom:30px; right:30px;}
.caseList .h3{ opacity:0; transform:translateY(30px); font-size:24px; line-height:1.4; height:1.4em; overflow:hidden; margin-bottom:10px; transition-delay:0.2s;}
.caseList .em{ opacity:0; transform:translateY(30px); line-height:1.4; height:1.4em; overflow:hidden; transition-delay:0.3s;}
.caseList .pd:hover{}
.caseList .pd:hover .text{ background:rgba(0,0,0,0.5);}
.caseList .pd:hover .h3,
.caseList .pd:hover .em{transform:translateY(0px); opacity:1;}


.caseM2{ text-align:center; padding-top:60px;}
.caseM2 a{ display:inline-block; vertical-align:baseline; border:1px solid rgba(0,0,0,0.3); font-size:16px; height:40px; line-height:40px; background:#fff; color:#7f7f7f; width:200px; text-align:center;}
.caseM2 a span{ display:inline-block; margin-right:-1em;}
.caseM2 a i{ display:inline-block; visibility:hidden; opacity:0;}
.caseM2 a:hover{}
.caseM2 a:hover span{ margin-right:5px;}
.caseM2 a:hover i{ margin-left:5px; visibility:visible; opacity:1;}

.caseInfo{}
.caseInfo img{ width: 100%; max-width:100%; height:auto; display:inline-block; vertical-align:bottom;}

.aBanner{}
.aBanner .pd{ display:block; position:relative;}
.aBanner .img{ position:relative; overflow:hidden;}
.aBanner .img:before{ content:''; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:url(../images/banner_aboutbg.png) repeat-x; background-size:100% 100%;}
.aBanner .img img{ width:100.418410041841%; height:auto;}
.aBanner .text{ position:absolute; color:#fff; left:2.5%; right:2.5%; bottom:0; top:100px; z-index:2;}
.aBanner .i{ position:absolute; right:100px; height:1em; font-size:102px; top:100px; margin-top:-0.5em; overflow:hidden;}
.aBanner .i svg{ position:relative; font-size:1em; line-height:1; top:50%; margin-top:-0.5em; display:block;}
.aBanner .npd{ position:absolute; left:100px; bottom:82px;}
.aBanner .h3{ font-size:28px; line-height:1; margin-bottom:1em;}
.aBanner .p{ font-size:16px; line-height:2; padding-left:1.5em;}

.pMainAbout1{}
.aboutList{ margin-right:-160px;}
.aboutList dl{ width:20%; float:left;}
.aboutList dt{ line-height:1; margin-bottom:2em; font-size:24px; font-weight:normal; position:relative;}
.aboutList dt:before{ content:''; position:absolute; left:50%; width:1px; background:rgba(0,0,0,0.2); margin-left:2em; height:1em;}
.aboutList dt a{ color:#7f7f7f;}
.aboutList dt a:hover{ color:#ff0000;}
.aboutList dd{}
.aboutList dd a{ display:block; line-height:1.22; margin-bottom:0.75em; position:relative; color:#7f7f7f;}
.aboutList dd a:last-child{ margin-bottom:0px;}
.aboutList dd a:hover{ color:#ff0000;}
.aboutList dl:last-child dt:before{ opacity:0;}

.cBanner{}
.cBanner .pd{ display:block; position:relative;}
.cBanner .img{ position:relative; overflow:hidden;}
.cBanner .img:before{ content:''; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:url(../images/banner_aboutbg.png) repeat-x; background-size:100% 100%;}
.cBanner .img img{ width:100.418410041841%;}
.cBanner .text{ position:absolute; color:#fff; left:2.5%; right:2.5%; bottom:0; top:0px; text-align:center;}
.cBanner .h3{ font-size:24px; line-height:1; letter-spacing:0.1em; margin-bottom:1.5em; font-weight:normal;}
.cBanner .p{ font-size:28px; line-height:1; letter-spacing:0.1em; margin-bottom:4em; font-weight:normal;}
.cBanner .i{ font-size:18px; height:1em; overflow:hidden; position:absolute; left:50%; margin-left:-2.2em; bottom:60px;}
.cBanner .i:before{ font-size:5.454545454545454em; position:relative; display:block; top:50%; margin:-0.5em 0 0 -0.057em; line-height:1;}

.pMainContact1{ padding:60px 0; min-height:168px; color:#7f7f7f;}
.contactList{ padding-right:168px; position:relative;}
.contactList a{ color:#7f7f7f;}
.contactList a:hover{ color:#ff0000;}
.contactList dl{ float:left;}
.contactList .dl1{ width:35%;}
.contactList .dl2{ width:35%;}
.contactList .dl3{ width:30%;}
.contactList dt{ font-size:24px; line-height:1; margin-bottom:1em; font-weight:normal; position:relative;}
.contactList dt:before{ content:''; position:absolute; left:50%; width:1px; background:rgba(0,0,0,0.2); margin-left:2em; height:1em;}
.contactList dd{ line-height:1.7647; }
.contactList dl:last-child dt:before{ opacity:0;}
.contactList .img{ width:168px; position:absolute; right:0px; top:0px;}
.contactList .img img{ width:100%; height:auto; display:block;}












.swiperTab{ overflow: hidden; font-size: 18px;height: 3.3333333333333335em; }
.swiperTab ul{ margin-right: -5px;}
.swiperTab li{ float: left; width: 20%; }
.swiperTab a{ background: #eaeaea; height: 3.3333333333333335em; line-height: 3.3333333333333335; display: block; text-align: center; margin-right: 5px; position: relative; font-weight: normal;}
.swiperTab a:before{ content: ''; position: absolute; left: 0px; bottom: 0px; right: 0px; height: 1px; background: #ff0000; display: none;}
.swiperTab li.curr a{ color: #ff0000; font-weight: normal;}
.swiperTab li.curr a:before{ display: block;}

.iMainCon2{ padding: 160px 0;}
.iMainCon2_1{ padding-bottom: 80px; border-bottom: 1px solid #504d4d; margin-bottom: 80px;}
.iMainCon2_1 li{ float:left; width: 33.3333%; text-align: center;}
.iMainCon2_1 .h3{ font-size: 150px; line-height: 1em; font-weight: lighter; margin-bottom: 0.1em;}
.iMainCon2_1 .h3 span{ font-size: 1em; display: inline-block; vertical-align: middle;}
.iMainCon2_1 .h3 i{ font-size:0.9em; display: inline-block; vertical-align: middle;}
.iMainCon2_1 .h3 em{ font-size: 0.9em; display: inline-block; vertical-align: middle;}
.iMainCon2_1 .p{ font-size: 21px; line-height: 1.7; height: 3.4em; color: #727171; font-weight: normal; display: flex;align-items: center;vertical-align: middle;justify-content: center;flex-direction:row;}

.iMainCon2_2{ }
.iMainCon2_2 li{ float:left; width: 33.3333%; text-align: center;}
.iMainCon2_2 .h3{ font-size: 36px; line-height: 1.6667; height: 3.3333333333333335em; font-weight: normal;  color: #4d4d4d; display: flex;align-items: center;vertical-align: middle;justify-content: center;flex-direction:row;}
.iMainCon2_2 .i{ font-size: 194px;}
.iMainCon2_2 .i img{ height: 1em; width: auto; display: block; margin: 0 auto;}

.iMainCon3_1{ color: #fff; font-size: 21px; margin-bottom:60px;}
.iMainCon3_1 ul{ margin-right: -10px;}
.iMainCon3_1 li{ float:left; width: 33.3333%; text-align: center;}
.iMainCon3_1 .pd{ display: block; background: #ff0000; margin-right: 10px; height: 100px;}
.iMainCon3_1 .h3{ line-height: 1; margin-bottom: 10px; font-weight: normal;}
.iMainCon3_1 .m a{ display: block; margin: 0 auto; font-weight: normal; height: 34px; line-height: 34px; width: 128px; background: #fff; color: #ff0000;  transition: 0.3s all;}
.iMainCon3_1 .m a:hover{ transform: translateY(-5px);}
.iMainCon3_1 .em a{ display: block; font-size: 1.9047619047619047em; line-height: 1; font-weight: bold; color: #fff;}
.iMainCon3_1 .em a:hover{ text-decoration: underline;}
.iMainCon3_1 .p{ overflow: hidden; width: 250px; margin: 0 auto; position: relative;}
.ipt_t1{ height: 34px; width: 180px; font-size: 14px; background:none; border: 1px solid #fff; color: #fff; padding: 0 10px; box-sizing: border-box; display: block; float: left; border-radius: 8px 0 0 8px}
.ipt_b1{ display: block; float: left; height: 34px; width: 70px; background: #fff; color: #ff0000; font-size: 16px; border: 1px solid #fff; box-sizing: border-box;  border-radius:0 8px 8px 0;}

.caseTab{ position: relative; margin-bottom: 45px;}
.caseTab .t{ position: absolute; left: 0px; top: 50%; font-size: 32px; line-height: 1; margin-top: -0.5em; color: #4d4d4d;}
.caseTab .c{ float: right;}
.caseTab li{ float: left; position: relative; padding: 0 1.6666666666666667em; font-size: 18px;}
.caseTab li:before{ content: ''; position: absolute; right:0px; top: 50%; margin-top: -0.5em; width: 1px; height:1em; background: #000; }
.caseTab li:last-child{ padding-right: 0px;}
.caseTab li:last-child:before{ content: ''; display: none;}
.caseTab a{ color: #4d4d4d; line-height: 32px; height: 32px; display: block; font-weight: normal;}
.caseTab li.curr a{ color: #ff0000; text-decoration: underline;}
.caseTabB .c{ padding-left: 90px;}
.caseTabB ul{ display: none;}
.caseTabB ul:first-child{ display: block;}

.iMainCon3_2{ padding: 90px 0 20px 0;}
.iMainCon3_2 .ul{ margin-right: -156px;}
.iMainCon3_2 .li{ float: left; width: 50%;}
.iMainCon3_2 .npd{ margin-right: 156px;}
.tit2{ font-size: 36px; line-height: 1; padding-bottom: 0.8333333333333334em; border-bottom: 1px solid #000; margin-bottom: 0.4166666666666667em;}
.tit2 strong{ display: inline-block; vertical-align: bottom; font-weight: normal; color: #4d4d4d;}
.tit2 i{ display: inline-block; vertical-align: bottom; font-size: 1em; color: #cacaca; margin-left: 0.25em;}
.iNewsList{}
.iNewsList a{ display: block; height: 2em; line-height: 2; overflow: hidden; font-size: 18px; color: #808080; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.iNewsList a:hover{ color: #ff0000;}


/*悬浮菜单*/
.subNav{ position: fixed; right: 0px; padding: 0 30px; top:50%; width: 50px; margin-top: 50px; z-index: 5;}
.subNav ul{ box-shadow: 0 0 10px rgba(255,255,255,0.1); box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 5px; transition: 0.3s all;}
.subNav li{ position: relative;}
.subNav li:first-child .h3 a{ border-radius: 5px 5px 0 0;}
.subNav li:last-child .h3 a{ border-radius:0 0 5px 5px;}
.subNav .h3 a{ display: block; height: 56px; line-height: 56px; text-align: center; font-size: 32px; background: #000; color: #fff;}
.subNav .li1 .h3 a{ background: #1a1a1a;}
.subNav .li2 .h3 a{ background: #4d4d4d;}
.subNav .li3 .h3 a{ background: #666666;}
.subNav .li4 .h3 a{ background: #999;}
.subNav .box{ display: none; right: 100%; position: absolute; top: 0px; padding-right: 10px;}
.subNav .box .pd{ background: #fff; box-shadow: 0 0 10px  rgba(0,0,0,0.3); border-radius: 5px; padding-bottom: 10px;}
.subNav .li3 .box{ width: 140px; font-size: 12px; text-align: center; line-height: 1.2;}
.subNav .li3 .box img{ width: 100%; height: auto; display:block; border-radius: 5px;}
.subNav .li1 .box{ width: 240px;}
.subNav .li1 .box .pd{ padding: 20px 20px 10px 20px;}
.subNav .li1 .box strong{ display: block; font-size: 16px; color: #000; line-height: 1; margin-bottom: 0.25em;}
.subNav .li1 .box a{ font-size: 28px; font-weight: bold; color: #1ac0c1; line-height: 1;}
.subNav li:hover .h3 a{ background: #ff0000; color: #fff;}
.subNav li:hover .box{ display: block;}
.subNav .t{ padding-bottom: 10px;}
.subNav .t .h3 a{ box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 50%; transition: 0.3s all;}
.subNav .t .h3 a.curr{ border-radius: 5px; background: #1ac0c1; color: #fff;}
.subNav:hover ul{opacity: 1;}
.subNav:hover .t .h3 a{ border-radius: 5px; background: #1ac0c1; color: #fff;}

.telBox{ position: fixed; left: 50%; top: 50%; width: 354px; margin: -108px 0 0 -177px; background: #fff; z-index:9; box-shadow: 0 0 15px rgba(0,0,0,0.1); display: none;}
.telBox .i{ position: absolute; right: 0px; top: 0px; width: 36px; height: 36px; line-height: 36px; text-align: center; color: #808080; cursor: pointer;}
.telBox .i:hover{color: #ff0000;}
.telBox .pd{ padding: 32px 20px;}
.telBox .h3{ font-size: 18px; line-height: 1;}
.telBox .em{ font-size: 38px; font-weight: bold; padding: 0.15em 0;}
.telBox .em a{ color: #ff0000; line-height: 1.2;}
.telBox .p{ font-size: 12px; line-height: 1; margin-bottom:20px;}
.telBox .m a{ display: block; font-size: 20px; height: 2em; line-height: 2; text-align: center; border:2px solid #ff0000; color: #ff0000;}
.telBox .m a:hover{ background: #ff0000; color: #fff;}

.caseMenu{ text-align: right; margin-bottom: 30px;}
.caseMenu ul{ display: inline-block; vertical-align: bottom;}
.caseMenu li{ float: left;}
.caseMenu li a{ display: block; padding: 0 3em; font-size: 16px; height: 2.5em; line-height: 2.5; background: #afafaf; color: #fff;}
.caseMenu li.curr a{ background: #ff0000; color: #fff;}


.tit3{ text-align: center; color: #000;}
.tit3 strong{ font-size: 45px; position: relative; display: block; line-height: 1; font-weight: normal; padding-bottom: 0.4em; margin-bottom:  0.4em;}
.tit3 strong:before{ content: ''; position: absolute; left:50%; bottom: 0px; width: 2em; margin-left: -1em; height: 1px; background: #ff0000;}
.tit3 em{ font-size: 45px; display: block; line-height: 1; font-weight: normal;}
.tit3 p{ font-size: 16px; line-height: 2; color: #7f7f7f; font-weight: normal;}
.tit3_1{ padding-bottom: 80px;}
.tit3_2{ padding-bottom: 50px;}
.tit3_3{ text-align: center; padding-bottom: 30px;}
.tit3_3 strong{ font-size: 1.4583333333333334vw;}
.tit3_3 strong:before{ left: 50%; margin-left: -1em;}
.tit3_4{ position: static; text-align: center; margin-bottom: 50px;}
.tit3_4 strong:before{ left: 50%; margin-left: -1em;}

.pMainAbout2{ padding: 110px 0 60px 0;}
.pMainAbout2_1{ width: 900px; margin: 0 auto; padding-bottom: 170px;}
.textA{ font-size: 21px; line-height: 1.7; font-weight: normal; color: #7f7f7f; text-align: justify;}
.pMainAbout2_2{ width: 900px; margin: 0 auto; padding-bottom: 170px;}
.imgA img{ width: 100%; height: auto; display: block;}
.pMainAbout2_3{ margin-bottom: 20px;}
.listA ul{ margin: 0 -32px;}
.listA li{ width: 25%; float: left;}
.listA .pd{ margin: 0 32px;}
.listA .img{ font-size: 24px; margin-bottom: 0.75em; line-height: 1;}
.listA .img img{ height: 1em; width: auto; max-width: 100%; display: block;}
.listA .text{}
.listA .p{ font-size: 12px; line-height: 1.6667; height: 13.3336em; overflow-y: auto; margin-bottom: 2em; color: #727171;}
.pMainAbout2_4{ margin-bottom: 50px;}
.listB{}
.listB ul{ margin: 0 -10px;}
.listB li{ width: 14.285714285714286%; float: left; padding: 20px 0;}
.listB .img{ margin: 0 10px;}
.pMainAbout2_5{ border-top: 1px solid #ccc; padding: 100px 0 0 0;}
.pMainAbout2_5 .npd{ position: relative;}
.listC{font-weight: normal; text-align: center;}
.listC .pd{ display: inline-block; vertical-align: bottom;}
.listC dl{ float: left; padding: 0 50px; text-align: center;}
.listC dt{ font-size: 21px; line-height: 1; margin-bottom: 1em; position: relative;}
.listC dt:before{ content: ''; position: absolute; right: -50px; height: 1em; margin-top: -0.5em; top: 50%; width: 1px; background: #000;}
.listC dl:last-child dt:before{ display: none;}
.listC dd{}
.listC dd a{ display: block; font-size: 18px; line-height: 2; color: #7f7f7f;}
.listC dd a:hover{ color: #ff0000;}

.pMainNews2{ padding: 100px 0;}
.pMainNews2 .wp{ width: 68.22916666666666vw; margin: 0 auto;}
.newsTabA{ position: relative; margin-bottom: 100px;}
.nTit{ position: absolute; left: 0px; bottom: 0px; line-height: 1; font-size: 26px; color: #7f7f7f; text-transform: uppercase;}
.nNav{ padding-left: 170px; font-size: 14px;}
.nNav li{ float: left; padding: 0 2em; position: relative;}
.nNav li:before{ content: ''; position: absolute; right: 0px; height: 1em; width: 1px; background: #7f7f7f; top: 50%; margin-top: -0.5em;}
.nNav li:last-child:before{ display: none;}
.nNav a{ display: block; height: 24px; line-height: 24px; position: relative; border-bottom: 1px solid #fff; color: #7f7f7f;}
.nNav a:hover{ color: #ff0000; border-bottom-color: #ff0000;}
.nNav li.curr a{ color: #ff0000; border-bottom-color: #ff0000;}

.nSearch{ position: absolute; right: 0px; top: 50%; margin-top: -22px; width: 194px;}
.nSearch .pd{ display: block; position: relative;}
.ipt_t2{ height: 44px; width: 100%; padding: 0 15px; background: #f7f7f7; border: none; color: #7c7c7c; box-sizing: border-box; font-size: 14px;}
.ipt_b2{ position: absolute; width: 44px; height: 44px; text-align: center; top: 50%; margin-top: -22px; right: 0px; background: none; color: #7c7c7c; border:none; cursor: pointer;}

.newsListB{}
.newsListB ul{ margin: 0 -2.8645833333333332vw;}
.newsListB li{ float: left; width: 50%; margin-bottom: 60px;}
.newsListB .pd{ display: block; margin: 0 2.8645833333333332vw; position: relative; padding-top: 30px;}
.newsListB .img{}
.newsListB .img img{ aspect-ratio: 400/300; object-fit: cover;}
.newsListB .text{ width: 70%; padding: 25px 0 0 0;}
.newsListB .em{ position: absolute; left: 0px; top: 0px; line-height: 1; color: #000000; font-size: 19px;}
.newsListB .h3{ font-size: 21px; line-height: 1.25; height: 2.5em; margin-bottom: 1em; color: #000; overflow: hidden;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.newsListB .p{ font-size: 12px; line-height: 1.25; height: 2.5em; overflow: hidden; color: #7c7c7c; margin-bottom: 50px; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.newsListB .m{ font-size: 14px; text-decoration: underline; color: #7c7c7c; line-height: 1;}

.tit3_5{ text-align: center; margin-bottom: 60px;}
.tit3_5 strong{ font-size: 36px; padding-bottom: 1.2em; margin-bottom:0.75em;}
.tit3_5 p{ font-size: 21px; line-height: 1.7;}
.pMainContact2{ padding: 110px 0 60px 0;}
.pMainContact2 .wp{ width: 740px; margin:0 auto;}
.pMainContact2_1{ text-align: center; margin-bottom: 110px;}
.pMainContact2_1 ul{ margin: 0 -60px;}
.pMainContact2_1 li{ float: left; width: 33.3333%;}
.pMainContact2_1 .pd{ display: block; position: relative; margin: 0 60px;}
.pMainContact2_1 .img{ margin:0 auto 20px auto; width: 156px;}
.pMainContact2_1 .p{ color: #9d9c9c; font-size: 14px; line-height: 1.5;}

.pMainContact2_2{ }
.pMainContact2_2 .img{ width: 408px; float: right;}
.pMainContact2_2 .text{ margin-right: 408px; padding:40px 40px 0 0; color: #7f7f7f;}
.pMainContact2_2 .h3{ font-size: 32px; font-weight: normal; margin-bottom: 1.5em;}
.pMainContact2_2 .p{ font-size: 18px; margin-bottom: 1.5em;}
.pMainContact2_2 .p a{ color: #7f7f7f;}
.pMainContact2_2 .em{ position: relative; padding-left: 40px; margin-bottom: 10px;}
.pMainContact2_2 .em i{position: absolute; left: 0px; top: 50%; width: 1em; height: 1em; line-height:1; margin-top: -0.5em; font-size: 34px; color: #c02426;}
.pMainContact2_2 .em span{ font-size: 18px; line-height: 34px; display: block;}


.pMainNews3{ padding: 110px 0 60px 0;}
.newsInfo{ width: 442px; margin: 0 auto; color: #7f7f7f;}
.newsTit{ font-weight: normal;}
.newsTit .em{ font-size: 19px; line-height: 1.25; margin-bottom: 0.5em;}
.newsTit .p{ font-size: 21px; line-height: 1.25; margin-bottom: 3em;}
.newsTit .h3{ font-size: 21px; line-height: 1.25; width: 90%; margin-bottom: 2em;}
.newsTit .h3 h1{ font-weight: normal; color: #000;}
.newsCon{ text-align: justify; font-size: 12px; line-height: 1.5; margin-bottom: 0;}
.newsCon img{ max-width: 100%; height: auto; display: inline-block; vertical-align: bottom; margin: 2em 0;}
.newsTool{ padding-top: 75px;}
.newsTool .img{ border-bottom: 1px solid #afafaf; padding-bottom: 10px; margin-bottom: 12px;}
.newsTool .img .logo{ position: relative; left: auto; top: auto; font-size: 210px; margin:0 0 20px 0;}
.newsTool .img .h3{ font-size: 12px;}
.newsTool .text{}
.share{ cursor: pointer; float: left; font-size: 26px; color: #888; line-height: 1;}
.paging{ float: right;}
.paging a{ font-size: 26px; color: #888; float: left; margin-left: 16px; line-height: 1;}
.bshare-custom{ display: none;}

.pMainCaseInfo1{ padding: 110px 0 60px 0;}
.pMainCaseInfo1 .wp{ width: 70.3125%; margin: 0 auto; max-width: 1200px;}
.tit4{ border-bottom: 1px solid #8e8d8d; margin-bottom: 50px;}
.tit4 em{ display: block; font-size: 26px; line-height: 1; font-weight: normal;}
.tit4 strong{ display: block; font-size: 16px; padding: 1em 0; line-height: 1; font-weight: normal;}

.con4{ line-height: 2; font-size: 15px; color: #8e8d8d; text-align: justify;}

.caseInfoTop{ background: #efefef; padding: 95px; margin-bottom: 0px;}
.caseInfoFl{ width: 40.7279%; float: left;}
.caseInfoFr{ width: 40.7279%; float: right;}

/*PC*/

.iMainCon2{ padding: 8.333333333333333vw 0;}
.iMainCon2_1{ padding-bottom: 4.1666666666666664vw; margin-bottom: 4.1666666666666664vw;}
.iMainCon2_1 .h3{ font-size: 7.8125vw;}
.iMainCon2_1 .p{ font-size: 1.09375vw;}
.iMainCon2_2 .h3{ font-size: 1.875vw;}
.iMainCon2_2 .i{ font-size: 10.104166666666667vw;}
.iMainCon3_1{ font-size: 1.09375vw; margin-bottom: 60px;}
.iMainCon3_1 .em a{ }
.iMainCon3_2{}
.caseTab{ margin-bottom: 2.34375vw;}
.caseTab .t{ font-size: 1.6666666666666666vw;}
.tit2{ font-size: 1.875vw;}

.tit3 em,
.tit3 strong{ font-size: 2.34375vw;}
.tit3_1{ padding-bottom: 4.1666666666666664vw;}
.tit3_3 strong{ font-size: 1.4583333333333334vw;}
.tit3_5{ margin-bottom: 3.125vw;}
.tit3_5 strong{ font-size: 1.875vw;}
.pMainAbout2{ padding: 5.7291666666666664vw 0 60px 0;}
.textA{ font-size: 1.09375vw;}
.pMainAbout2_2,
.pMainAbout2_1{ padding-bottom: 8.854166666666667vw;}
.pMainAbout2_4{ margin-bottom: 2.6041666666666668vw;}
.pMainAbout2_5{ padding-top: 5.2083333333333336vw;}

.newsTabA{ margin-bottom: 5.2083333333333336vw;}
.newsListB .em{ font-size: 0.9895833333333333vw;}
.newsListB .pd{ padding-top: 1.5625vw;}
.newsListB .p{ margin-bottom: 2.6041666666666668vw;}
.pMainNews2{ padding: 5.2083333333333336vw 0;}

.pMainContact2_1{ margin-bottom: 5.7291666666666664vw;}
.pMainContact2{ padding-top: 5.7291666666666664vw;}


.pMainContact2_1{ margin-bottom: 5.7291666666666664vw;}

.pMainNews3{ padding-top: 5.7291666666666664vw;}
.caseInfoTop{ padding: 4.9479166666666664vw;}
.pMainCaseInfo1{ padding-top: 5.7291666666666664vw;}

.tit4{ margin-bottom: 2.6041666666666668vw;}

@media screen and (max-width:1600px){
.listC dt{ font-size: 20px;}
.listC dd a,
.swiperTab,
.caseTab li,
.iNewsList a{ font-size: 16px;}
.tit3 p{ font-size: 14px;}
.newsListB .h3{ font-size: 18px;}
.newsListB .text{ width: 80%;}
.pMainCaseInfo1 .wp{ width: 80%;}
.caseInfoFl,
.caseInfoFr{ width: 42%;}
.con4{font-size: 14px;}

.pMainCase1{ padding-top: 40px;}
.iMainCon3_1{ margin-bottom: 35px;}
}
@media screen and (max-width:1400px){
.listC dt{ font-size: 18px;}
.listC dd a,
.swiperTab,
.caseTab li,
.iNewsList a{ font-size: 14px;}
.newsListB .h3{ font-size: 16px;}
.con4{font-size: 12px;}
.caseInfoFl,
.caseInfoFr{ width: 43%;}
}


@media screen and (max-width:1440px){
body{ font-size:12px; padding-top: 79px;}
.wpx{ width:1100px}
.wpm{ width:900px;}
.menu{ padding:20px 0;}
.menu .h3 a{ font-size:16px;}
.body_fix .menu .h3 a{ font-size:14px;}
.caseList .h3{ font-size:18px;}
.caseList .em{ }
.caseList .npd{ left:20px; right:20px; bottom:20px;}
.caseM2{ padding-top:40px;}
.iAbout .h3{ font-size:28px;}
.iAbout .p{ font-size:14px;}
.aBanner .text{ top:80px;}
.aBanner .npd{ left:75px;}
.aBanner .i{ right:75px; top:50px; margin-top:0px;}
.aBanner .h3{ font-size:24px;}
.aBanner .p{ font-size:14px;}
.aBanner .i{ font-size:48px;}
.fContact{ width:300px;}
.fNav dl{ height:134px;}
.fNav dt a{ letter-spacing:0px; padding:0px;}
.fEwm li{ margin-bottom:10px;}


.cbody{ padding-top:80px;}
.aboutList{ margin-right:-135px;}

}
@media screen and (max-width:1024px){
body{ padding: 60px 0 0 0;}
.footer{ padding-bottom: 70px;}
.pMainContact2 .wp,
.pMainNews2 .wp,
.wp,
.wpm,
.wpx{ margin:0 30px; width:auto;}

.tContact{ right:27px; margin-top: -20px;}
.tContact .i{ display: block; width: 40px; height: 40px; font-size: 22px; line-height:40px; text-align: center; color: #333;}
.tContact .box{ display: none; position: fixed; left: 0px; top: 60px; right: 0px; background: rgba(0,0,0,0.5); padding: 30px; text-align: center;}
.tContact .box a{ color: #fff;}

.subNav{ padding: 0px; width: auto; left: 0px; bottom: 0px; top: auto; right: 0px;}
.subNav li{ width: 33.3333%; float: left;}
.subNav .h3 a{ height:60px; line-height: 60px; font-size: 24px; }
.subNav li:first-child .h3 a{border-radius: 5px 0 0 0;}
.subNav li:last-child .h3 a{border-radius: 0 5px 0 0;}
.subNav .li3 .box{ left: 50%; margin-left: -70px; right: auto; bottom: 60px; top: auto;}

.header .wp{ height:60px;}
.menu-link{ display:block;}
.logo{ font-size:168px;}
.menu{ position:fixed; left:-1px; top:-1px; right:-1px; background:#fff; transition: 0.3s all; transform:translateZ(0); padding:0px; height:0px; overflow:hidden;}
.menu ul{ float:none;}
.menu li{ float:none;}
.menu .h3 a{ font-size:32px; height:80px; line-height:80px; text-align:center; padding:0px !important;}
.menu.active{ display:block; bottom:-1px; height:101%;}

.cbody{ padding-top:60px;}
.cbody .header{ background:#fff;}

.abody .logo.active{ color:#000;}
.abody .menu .h3 a{ color:#000;}
.abody .menu-link span,.abody .menu-link span:before,.abody .menu-link span:after{ background:#fff;}
.abody .menu-link.active span,.abody .menu-link.active span:before,.abody .menu-link.active span:after{ background:#000;}
.abody .menu-link.active span{ background:transparent;}

.body_fix .menu-link span,.body_fix .menu-link span:before,.body_fix .menu-link span:after{ background:#000;}
.body_fix .menu-link.active span,.body_fix .menu-link.active span:before,.body_fix .menu-link.active span:after{ background:#000;}
.body_fix .menu-link.active span{ background:transparent;}
.body_fix .logo{ font-size:168px;}
.body_fix .header .wp{ height:60px;}
.body_fix .menu .h3 a{ font-size:32px; height:80px; line-height:80px;}

.iMain{ padding:60px 0}
.iAbout .h3{ font-size:24px;}

.caseList li{ width:50%;}
.caseList .text{ background:rgba(0,0,0,0.3); display:none;}
.caseList .h3,
.caseList .em{transform:translateY(0px); opacity:1;}

.aboutList{ margin-right:-120px;}

.aBanner .text{ top:60px; left:30px; right:30px;}
.aBanner .npd{ left:0px; bottom:30px;}
.aBanner .i{ right:0px;}

.menu .box{ position:static; display:block; left:auto; margin:0px; width:auto; padding:0px;}
.menu .box:before{ display:none;}
.menu .box .pd{ background:none; box-shadow:none; padding:0px;}

.iMainCon3_1{ font-size: 14px;}
.iMainCon3_2 .ul{ margin: 0 -40px;}
.iMainCon3_2 .npd{ margin: 0 40px;}
.tit2{ font-size: 18px;}
.iMainCon2_1 .p{ font-size: 14px;}
.iMainCon2_2 .h3{ font-size: 16px;}
.caseTab .t{ font-size: 24px;}
.fContact .img{ font-size: 168px;}

.iMainCon3_2{ padding: 60px 30px 0 30px;}
.iMainCon3_2 .ul{ margin: 0 -20px;}
.iMainCon3_2 .npd{ margin: 0 20px;}
.pMainAbout2_1{ width: auto;}
.pMainAbout2_2{ width: auto;}
.listA li{ width: 33.3333%;}
.listA .p{ line-height: 1.5; height: 7.5em;}
.listB li{ width: 20%;}

.tit3 strong{ font-size: 24px; line-height: 1.2;}
.tit3 em{ font-size: 24px;}
.tit3 p{ line-height: 1.5;}
.textA{ font-size: 14px;}
.tit3_4{ position: static; margin-bottom: 40px;}

.listC{ float: none;}
.listC dl{ float: none; padding: 0px; text-align: left; margin-bottom: 30px;}
.listC dl:last-child{ margin-bottom: 0px;}
.listC dt{ margin-bottom: 0.5em; padding-bottom: 0.5em;}
.listC dt:before{ bottom: 0px; left: 0px; right: auto; height: 1px; width: 100%; background: #eee; top: auto; display: block !important;}
.listC dd{ overflow: hidden;}
.listC dd a{ float: left; width: 20%;}

.listA ul{ margin: 0 -15px;}
.listA .pd{ margin: 0 15px;}
.pMainAbout2{ padding: 60px 0;}
.pMainAbout2_2, .pMainAbout2_1{ padding-bottom: 60px;}
.tit3_2{ padding-bottom: 30px;}
.nNav{ margin: 0 200px 0 80px; padding-left: 0px; text-align: center;}
.nNav ul{ display: inline-block; vertical-align: bottom;}
.pMainNews2{ padding: 60px 0;}
.newsTabA{ margin-bottom: 40px;}
.newsListB ul{ margin: 0 -30px;}
.newsListB .em{ font-size: 14px;}
.newsListB .pd{ padding-top: 30px; margin: 0 30px;}
.nSearch{ margin-top: -19px;}
.ipt_t2{ height: 38px;}
.ipt_b2{ height: 38px; margin-top: -19px;}


.tit3_5{ margin-bottom: 60px;}
.pMainContact2_1{ width: 70%; margin: 0 auto 60px auto;}
.pMainCaseInfo1{ padding-top: 0px !important;}
.pMainCaseInfo1 .wp{ width: auto; margin: 0px;}

.swiperTab{ display: none;}
.iBanner .pd img{ height: auto;}

.tit3_3{ text-align: center;}
.tit3_3 strong:before{ left: 50%; margin-left: -1em;}
}
@media screen and (max-width:960px){
.iMainCon1{ padding:40px 0;}
.pMainCase1{ padding-top: 30px !important;}
.pMainCase1 .wp{ margin:0px;}
.pMainCaseInfo1{ padding-top: 60px;}
.pMainCaseInfo1 .wpx{ margin:0px;}
.iAbout{}
.iAbout .h3:before{ width:4em;}
.iMainCon1_2{ display:block;}

.fNav{ display:none;}
.caseM2{ padding:40px 0 0 0;}

.pMainAbout1{ text-align:center;}
.aboutList{ margin-right:0px; display:inline-block; vertical-align:bottom; text-align:left;}
.aboutList dl{ float:none; width:auto; margin-bottom:30px;}
.aboutList dl:last-child{ margin-bottom:0px;}
.aboutList dt{ font-size:16px; position:relative; padding-bottom:1em; margin-bottom:1em;}
.aboutList dt:before{ width:2em; height:1px; left:0px; margin-left:0px; bottom:0px;}
.aboutList dl:last-child dt:before{ opacity:1;}
.aboutList dd{ overflow:hidden;}
.aboutList dd a{ display:block; float:left; margin-bottom:5px; margin-right:20px;}


.contactList dl{ width:auto; float:none; margin-bottom:30px;}
.contactList .dl1{ width:auto;}
.contactList .dl2{ width:auto;}
.contactList .dl3{ width:auto;}
.contactList dl:last-child{ margin-bottom:0px;}
.contactList dl:last-child dt:before{ opacity:1;}
.contactList dt{ font-size:16px; position:relative; padding-bottom:1em; margin-bottom:1em;}
.contactList dt:before{ width:2em; height:1px; left:0px; margin-left:0px; bottom:0px;}


.aBanner .img img{ width:100%; position:relative;}
.aBanner .h3{ margin-bottom:15px; font-size:18px;}
.aBanner .p{ line-height:1.8; font-size:12px;}
.aBanner .i{ font-size:24px; top:30px;}
.aBanner .npd{ bottom:28px;}

.cBanner .img img{ width:100%; position:relative;}
.cBanner .i{ bottom:30px;}
.cBanner .h3{ margin-top:30px; font-size:14px;}
.cBanner .p{ font-size:18px;}

.pMainContact2 .wp{ width: auto;}

.pMainContact2_1{ width: auto; margin: 0 0 60px 0;}
.pMainContact2_1 ul{ margin: 0 -30px;}
.pMainContact2_1 .pd{ margin: 0 30px;}
}

@media screen and (max-width:750px){
.menu .h3 a,
.body_fix .menu .h3 a{ font-size:24px; line-height:2.5em; height:2.5em;}

.footer{ padding:30px 0 70px 0;}
.footerTop{ padding-right:90px; padding-bottom:30px;}
.fContact{ width:auto;}
.fContact .em br{ display:block;}

.iAbout .h3{}

.pMainContact1{}
.contactList{ padding-right:0px; }
.contactList dt:before{}
.contactList .img{ position:static; padding-top:20px; margin:0 auto;}

.aBanner .i{ top:20px;}
.aBanner .npd{ bottom:20px;}
.aBanner .p{ padding-left:1em;}

.cBanner .i{ bottom:20px;}

.backTop{ width:32px; height:32px; line-height:32px; bottom:40px;}

.caseM2 a{ font-size:14px; height:36px; line-height:36px; width:140px;}
.caseM2 a i{ font-size:14px;}

.contactList .dl3 dd br{ display:none;}

.iMainCon2_1 .h3{ font-size: 32px;}
.iMainCon2_1 ul{ margin: 0 -10px;}
.iMainCon2_1 .pd{ margin: 0 10px;}
.iMainCon2_1 .p{ font-size: 10px;}
.iMainCon2_1 .p br{ display: none;}
.iMainCon2_2 .h3{font-size: 10px;}
.iMainCon2_2 .i img{ width: 70%; height: auto;}
.iMainCon2_2 ul{ margin: 0 -10px;}
.iMainCon2_2 .pd{ margin: 0 10px;}
.iMainCon3_1{ margin-bottom: 30px;}
.iMainCon3_1 ul{ margin: 0 -1px;}
.iMainCon3_1 .pd{ margin:0 1px;}
.iMainCon3_1 li{ width: 50%; margin-bottom: 2px;}
.iMainCon3_1 li:last-child{ width: 100%; margin-bottom:0px;}
.caseTab{ margin: 0 0 20px 0;}
.caseTab .t{ position: static; margin: 0px; text-align: center; margin-bottom: 20px;}
.caseTab .c{ float: none;}
.caseTab li{ padding: 0; width: 33.3333%; text-align: center; }
.caseTab li:nth-child(3n+0):before{ display: none;}
.caseTab a{ height: 24px; line-height: 24px;}
.iMainCon3_2 .ul{ margin: 0px;}
.iMainCon3_2 .li{ width: auto; float: none; margin-bottom: 30px;}
.iMainCon3_2 .li:last-child{ margin-bottom: 0px;}
.iMainCon3_2 .npd{ margin: 0px;}
.caseMenu{ text-align: center; margin-bottom:20px;}
.caseMenu ul{ display: block;}
.caseMenu li{ width: 50%;}
.caseMenu li a{ padding: 0px;}
.caseTabB .t{ display: none;}
.caseTabB .c{ padding-left: 0px;}


.pMainAbout2_4{ padding-bottom: 40px; margin-bottom: 0px;}
.listA li{ width: auto; margin-bottom: 30px;}
.listA .img{ margin-bottom: 0.5em;}
.listA .p{ height: auto; margin-bottom: 0px;}
.listA li:last-child{ margin-bottom: 0px;}
.listB li{ width: 33.3333%; padding: 0px; margin-bottom: 10px;}
.listB ul{ margin: 0 -5px;}
.listB .img{ margin: 0 5px; border: 1px solid #f8f8f8; padding: 10px;}
.tit3 p{ font-size: 12px;}
.tit3_4{ text-align: center;}
.tit3_4 strong:before{ margin-left: -1em; left: 50%;}
.pMainAbout2_5{ padding-top: 60px;}
.textA{ font-size: 12px;}

.nTit{ top: 0px; bottom: auto; font-size: 18px; line-height: 26px;}
.nNav{ margin: 0 0 20px 80px; font-size: 12px;}
.nNav ul{ display: block;}
.nNav li{ width: 33.3333%; padding: 0px;}
.nNav a{ display: inline-block; vertical-align: bottom;}
.nSearch{ position: static; margin-top: 0px; width: auto; }

.newsListB ul{ margin: 0 -10px;}
.newsListB .pd{ margin: 0 10px; padding-top: 24px;}
.newsListB .text{ width: auto;}
.newsListB .h3{ font-size: 14px;}
.newsListB .p{ font-size: 10px;}
.newsListB .m{ font-size: 12px;}

.pMainContact2_1 ul{ margin: 0 -15px;}
.pMainContact2_1 .img{ width: 120px;}
.pMainContact2_1 .pd{ margin: 0 15px;}
.pMainContact2_1 li{}
.pMainContact2_2 .img{ width: auto; float: none;}
.pMainContact2_2 .text{ margin-right: 0px; padding: 0;}
.pMainContact2_2 .h3{ font-size: 24px; margin-bottom: 1em;}
.pMainContact2_2 .p{ font-size: 14px;}
.pMainContact2_2 .em{ padding-left: 30px;}
.pMainContact2_2 .em i{ font-size: 24px;}
.pMainContact2_2 .em span{ font-size: 14px;}

.pMainNews3{ padding-top: 60px;}
.newsInfo{ width: auto;}
.newsTit .em{ font-size: 14px;}
.newsTit .p{ font-size: 18px; margin-bottom: 2em;}
.newsTit .h3{ width: auto;}

.bsBox{ width: 100% !important; box-sizing: border-box !important; margin-left: -50% !important;}
.bsTop{ width: 100% !important;}
#bsMorePanel{ width: 100% !important;}
.bsFooterDiv{ display: none !important;}
#bsMorePanel{ height: auto !important;}

.caseInfoTop{ padding: 30px;}
.caseInfoFl{ margin-bottom: 40px;}
.caseInfoFl,
.caseInfoFr{ width: auto; float: none;}
.tit4{ margin-bottom: 30px;}
.tit4 em{ font-size: 16px;}
.tit4 strong{ font-size: 14px; padding: 0.5em 0;}
.con4{ width: auto; line-height: 1.5;}




.tContact{ display: none;}
.iMainCon3_1 li:nth-child(1),
.iMainCon3_1 li:nth-child(3){ display: none;}
.iMainCon3_1 li:nth-child(2){ width: 100%;}
.fCopy{ padding-right: 110px; font-size: 11px;}
.pMainContact2_2 .p br{ display: none;}
.footer{ font-size: 11px;}
.pMainContact2_2 .em{ margin-left: 30px;}


}

@media screen and (max-width:480px){
.pMainNews2 .wp,
.wp,
.wpm,
.wpx{ margin:0 25px;}
.iMainCon3_2{ padding-left: 25px; padding-right: 25px;}

.pMainContact2_2 .img{ margin-left: -25px; margin-right: -25px;}

.iMainCon1{ padding:30px 0;}
.iAbout .h3{ font-size:16px;}
.iAbout .p{ font-size:12px;}
.caseList li{ width:auto; float:none;}

.pBanner .img img{ width:110%; margin-left:-5%;}

.aboutList{ display:block;}
.aboutList dd a{ margin-right:15px;}

.aBanner .text{ left:25px; right:25px;}
.aBanner .i{ font-size:22px;}
.aBanner .h3{ font-size:16px;}
.aBanner .p{ line-height:1.5;}

.cBanner .i{ bottom:15px; font-size:16px;}

.pMainContact2_1{}
.pMainContact2_1 ul{ margin: 0px; border-top: 1px solid #f8f8f8; padding-top: 20px;}
.pMainContact2_1 li{ width: auto; float: none; margin-bottom: 20px; border-bottom: 1px solid #f8f8f8; padding-bottom: 20px;}
.pMainContact2_1 li:last-child{margin-bottom: 0px;}
.pMainContact2_1 .pd{ margin: 0px; overflow: hidden;}
.pMainContact2_1 .img{ float: left; margin-bottom: 0px;}
.pMainContact2_1 .text{ margin-left: 120px; padding: 30px 0 0 20px; text-align: left;}
.pMainContact2_1 .p{ font-size: 18px;}
.pMainContact2_2 .img{ margin-bottom: 30px;}

.tit3 p{width: 84%; margin: 0 auto; }
.tit3 p br{ display: none;}

.caseInfoTop{ padding: 30px 25px;}

.pMainContact2_2 .em{ margin-left: 25px;}

}
@media screen and (max-width:413px){
.pMainContact2 .wp,
.pMainNews2 .wp,
.wp,
.wpm,
.wpx{ margin:0 20px;}

.iMainCon3_2{ padding-left: 20px; padding-right: 20px;}
.pMainContact2_2 .img{ margin-left: -20px; margin-right: -20px;}

.iAbout .h3{ font-size:15px;}
.iAbout .p{ font-size:11px;}

.aBanner .text{ left:20px; right:20px;}
.aBanner .i{ font-size:20px;}
.aBanner .h3{ font-size:15px; margin-bottom:10px;}
.aBanner .p{ font-size:11px;}

.cBanner .i{ font-size:14px;}

.iMainCon3_1 .em a{ font-size: 1.5em;}

.caseInfoTop{ padding: 30px 20px;}

.footer,
.fCopy{ font-size: 10px;}
.pMainContact2_2 .em{ margin-left: 20px;}
}
@media screen and (max-width:374px){
body{ font-size:10px;}

.pMainContact2 .wp,
.pMainNews2 .wp,
.wp,
.wpm,
.wpx{ margin:0 15px;}

.iMainCon3_2{ padding-left: 15px; padding-right: 15px;}
.pMainContact2_2 .img{ margin-left: -15px; margin-right: -15px;}

.fContact .img{ font-size:32px;}
.footerTop{ padding-right:74px; padding-bottom:15px;}
.fEwm{ width:64px;}
.fEwm .text{ font-size:10px;}
.fCopy{ font-size:10px;}

.iAbout .h3{ font-size:14px;}
.iAbout .p{ font-size:10px;}

.aBanner .text{ left:15px; right:15px;}
.aBanner .npd{ bottom:10px;}
.aBanner .i{ top:10px; font-size:18px;}
.aBanner .h3{ font-size:13px; margin-bottom:8px;}
.aBanner .p{ font-size:9px;}

.caseInfoTop{ padding: 30px 15px;}

.footer,
.fCopy{ font-size: 8px;}
.pMainContact2_2 .em{ margin-left: 15px;}
}


.dingwei{ position: relative;}
.dingwei a{ position: absolute ; top: -100px; left: 0px; height: 1px; width: 1px; background: rgba(0,0,0,0.01);}

.topCase{ padding-bottom: 0px;}
.topCaseList{}
.topCaseList li{ margin-bottom: 20px;}
.topCaseList li:last-child{ margin-bottom: 0px;}
.topCaseList .pd{ display: block;}
.topCaseList .img{ overflow: hidden;}
.topCaseList .img img{ transition: 0.3s all;}
.topCaseList .pd:hover .img img{transform: scale(1.01, 1.01);}
@media screen and (max-width:640px){
.topCase .wp{ margin: 0px;}
.pMainCase1{ padding-top: 20px !important;}

.fCopy p br{ display: block;}
}


#nb_icon_wrap{ right: 13px !important; left:auto !important; top: 50% !important; margin-top: -100px !important; width: 87px !important; height: 144px !important; overflow: hidden !important;}
#nb_icon_wrap .nb-icon-inner-wrap{ margin-left: -222px !important; margin-top: -42px !important;}
@media screen and (max-width:540px){
#nb_icon_wrap{ right:0px!important; top: 98px !important; margin-top: 0px !important;height:10% !important;width:17% !important; }
}