@charset "utf-8";
body,html{ overflow-x:hidden;}
body{ color:#333; height:auto; box-sizing:border-box; font-size:14px; padding-top:92px;}
.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:#0068b7;}
i,em{ font-style:normal;}

.slick-arrow,
.iaboutNav .pd,
.iCustomer .pd,
.subNav .h3,
.more1,
.more2,
.more3,
.iCase .pd,
.aboutCon2_1 .pd,
.strengths .pd:before,
.caseList .pd,
.more5 i,
.iBanner .slick-dots button{
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


.iAdvantage .img img{
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

.iAdvantage .img{ overflow:hidden;}

.iAdvantage .pd:hover .img img{ transform:scale(1.1,1.1);}



.slick-arrow,
.menu .h3 em,
.menu .h3 i,
.maintenanceCon1_1 .pd:before{
font-family:"iconfont" !important; font-size:16px; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

.menu-link{
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.menu-link *{box-sizing: border-box;}
.menu-link { display:none; border-radius:5px; box-sizing: border-box; position:absolute; top:50%; margin-top:-20px; right:-8px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:8px;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:10px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #0068b7;width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -.55em;content: " ";}
.menu-link span:after {top: .55em;}
.menu-link.active span {background: transparent;}
.menu-link.active span:before { background-color:#00b0ec;
-webkit-transform: rotate(45deg) translate(.5em, .4em);
-moz-transform: rotate(45deg) translate(.5em, .4em);
-ms-transform: rotate(45deg) translate(.5em, .4em);
-o-transform: rotate(45deg) translate(.5em, .4em);
transform: rotate(45deg) translate(.5em, .4em);
}
.menu-link.active span:after { background-color:#00b0ec;
-webkit-transform: rotate(-45deg) translate(.4em, -.3em);
-moz-transform: rotate(-45deg) translate(.4em, -.3em);
-ms-transform: rotate(-45deg) translate(.4em, -.3em);
-o-transform: rotate(-45deg) translate(.4em, -.3em);
transform: rotate(-45deg) translate(.4em, -.3em);
}


.slick-slide img{ width:100%; height:auto; display:block;}
.slick-dots{ position:absolute; left:50%; bottom:0px; transform: translateZ(0);}
.slick-dots li{ float:left; margin:0 6px;}
.slick-dots li button{ display:block; border:none; padding:0px; width:12px; height:12px; border-radius:50%; text-indent:-99px; overflow:hidden; background:#363c4d; box-sizing:border-box;}
.slick-dots li.slick-active button{ background:#a09253;}

.slick-arrow{position:absolute; top:50%; z-index:2; height:60px; margin-top:-30px; line-height:60px; width:60px; text-align:center; padding:0px; border:none; color:rgba(255,255,255,0.5); overflow:hidden; font-size:0px; z-index:2; background:none;font-size:40px;}
.slick-prev{ left:30px;}
.slick-prev:before{ content: "\e818";}
.slick-next{ right:30px;}
.slick-next:before{ content: "\e816";}
.slick-arrow:hover{ color:#ed6d00;}

.wp{ width:1200px; margin:0 auto; position: relative;}

.subNav{ position:fixed; right:0px; top:50%; width:60px; z-index:9; margin-top:-130px;}
.subNav li{ margin-bottom:5px; position:relative;}
.subNav .h3{ background:#0068b7; text-align:center; border-radius:5px 0 0 5px;}
.subNav .h3 a{ color:#fff;}
.subNav .h3 i{ display:block; font-size:26px; height:60px; line-height:60px;}
.subNav li:hover .h3{ background:#00b0ec; border-radius:0px;}

.subNav .li1 .box{ position:absolute; right:100%; padding: 20px 0; background:#003f6e; background-size:100% 100%; text-align:center; font-size:22px; color:#fff; font-weight:bold; width:0px; top:0px; overflow:hidden; border-radius:5px 0 0 5px;}
.subNav .li1 .box a{ display:block; color:#fff; line-height: 30px;}
.subNav .li1:hover .box{ width:200px;}
.subNav .li2 .box{ position:absolute; right:100%; height:123px; background:#ff6519; box-shadow:0 0 5px rgba(0,0,0,0.3); text-align:center; font-size:22px; color:#fff; font-weight:bold; width:0px; bottom:0px; overflow:hidden;}
.subNav .li2 .box img{ display:block; width:123px; height:123px;}
.subNav .li2:hover .box{ width:123px;}


.header{ position:fixed; left:0px; top:0px; right:0px; background:#fff; z-index:11; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.header .wp{ height:92px;}
.logo{ position:absolute; left:0px; top:50%; margin-top:-25px;}
.logo img{ height:50px; width:auto; display:block;}
.menu{ float:right; padding-top:22px;}
.menu ul{}
.menu li{ float:left; margin:0 13px;}
.menu .h3 a{ height:70px; line-height:70px; font-size:16px; position:relative; display:block; padding:0 10px;}
.menu .h3 a:before{ content:''; position:absolute; left:0px; bottom:0px; right:0px; height:5px; background:#0068b7; display:none;}
.menu li.curr .h3 a{ color:#0068b7;}
.menu li.curr .h3 a:before{ display:block;}

.iBanner{}
.iBanner .img img{ width:100%; height:auto;}
.iBanner .slick-slide{ position:relative;}
.iBanner .slick-dots{ bottom:58px; transform: translateZ(0); margin-left:432px;}
.iBanner .slick-dots li{ margin: 0 0 0 20px;}
.iBanner .slick-dots button{ background:#fff;}
.iBanner .slick-dots li.slick-active button{ background:#00b0ec;}
.iBanner .slick-slide{ position:relative;}
.iBanner .wpd{ display:block;}
.iBanner .text{ position:absolute; width:500px; left:50%; margin:-185px 0 0 -600px; top:50%; color:#fff; text-shadow:0 0 2px rgba(0,0,0,0.3);}
/* .iBanner .slick-slide10 .text{ right: auto; left: 50%; margin:-185px 0 0  -600px; } */
.iBanner .pd{ background:rgba(0,104,183,0.7); background: none; padding:50px;}
.iBanner .i{ margin-bottom:20px;}
.iBanner .i img{ height:38px; width:auto;}
.iBanner .h3{ font-size:36px; line-height:1.3889; font-weight:bold;}
.iBanner .p{ font-size:24px; line-height:1.5; padding-top:0.5em;}
.iBanner .m{ padding-top:30px;}

.more1{ display:inline-block; vertical-align:bottom; line-height:42px; color:#0068b7; background:#fff; padding:0 20px;}
.more1 span{ margin-right:12px; float:left;}
.more1 i{ font-size:18px; float:left;}
.more1:hover{ background:#00b0ec; color:#fff;}

.more2{ display:inline-block; vertical-align:bottom; position:relative; height:44px; line-height:44px; border:1px solid #ccc; color:#ccc; background:#fff; width:130px; text-align:center; overflow:hidden;}
.more2 i{ position:absolute; width:60px; height:60px; left:50%; top:50%; margin:-30px 0 0 -30px; line-height:60px; font-size:60px; color:#ccc;}
.more2:hover{ background:#0068b7; color:#fff; border-color:#0068b7;}
.more2:hover i{ color:#fff;}

.more3{ padding:10px 0; display:inline-block;}
.more3 span{ float:left; height:16px; line-height:16px; font-size:16px;}
.more3 i{ float:left; width:16px; height:16px; font-size:8px; background:#0068b7; line-height:16px; text-align:center; color:#fff; margin-left:8px;}

.more4{ display:block; width:28px; border-radius:50%; height:28px; line-height:28px; text-align:center; border:1px solid #0068b7; position:relative;}
.more4:before,
.more4:after{ content:''; width:2px; height:12px; position:absolute; left:50%; top:50%; margin:-6px 0 0 -1px; background:#0068b7;}
.more4:after{ transform:rotate(90deg);}


.tit1{ margin-bottom:50px;}
.tit1 strong{ font-size:36px; font-weight:bold; line-height:1; display:inline-block;}
.tit1 a{ float:right;}

.iCon{ padding:60px 0; background:no-repeat center center; background-size:cover;}

.iCon1{}
.iAbout{ margin-bottom:32px;}
.iAbout .img{ float:right; width:50%;}
.iAbout .text{ margin-right:50%; padding-right:45px;}
.iAbout .tit1{ margin-bottom:35px;}
.iAbout .p{ line-height:2; margin-bottom:50px;}
.iAbout .p p{ margin-bottom:0.5em;}
.iAbout .p p:last-child{ margin-bottom:0px;}

.iaboutNav{}
.iaboutNav ul{ margin-right:-12px;}
.iaboutNav li{ float:left; width:16.666666666666668%;}
.iaboutNav .pd{ margin-right:12px; border:1px solid #ddd; display:block; padding:25px 10px; text-align:center; background:url(../images/iaboutNav.png) no-repeat; background-size:100% 100%; color:#666;}
.iaboutNav i{ line-height:38px; font-size:38px; display:block; margin-bottom:16px;}
.iaboutNav span{ display:block;}
.iaboutNav .pd:hover{ background:#0068b7; color:#fff; border-color:#0068b7;}

.iCon2{}
.iCon2 .tit1{ text-align:center; color:#fff;}
.iAdvantage{}
.iAdvantage ul{ margin-right:-10px;}
.iAdvantage li{ width:33.05785123966942%; float:left; margin-bottom:10px;}
.iAdvantage li:first-child{ width:33.884297520661155%;}
.iAdvantage .pd{ margin-right:10px; display:block; position:relative;}
.iAdvantage .img{}
.iAdvantage .text{ position:absolute; left:50px; top:55px; line-height:1.3; font-size:20px; color:#fff; font-weight:bold;}
.iAdvantage li:first-child .text{ top:auto; bottom:55px;}

.iCase{}
.iCase ul{ margin-right:-13px;}
.iCase li{ float:left; width:25%;}
.iCase .pd{ position:relative; margin-right:13px; display:block; background:#efefef; overflow:hidden;}
.iCase .img{ margin:0 0 208px 0;}
.iCase .text{ padding:35px; font-size:16px; position:absolute; left:0px; bottom:0px; right:0px;}
.iCase .em{ line-height:1; font-weight:bold; margin-bottom:20px;}
.iCase .h3{ line-height:26px; height:52px; margin-bottom:20px; overflow:hidden;}
.iCase .m{}
.iCase .pd:hover{ background:#0068b7;}
.iCase .pd:hover .text{ color:#fff;}
.iCase .pd:hover .more4{ border-color:#fff;}
.iCase .pd:hover .more4:before,
.iCase .pd:hover .more4:after{ background:#fff;}
.iCase li:nth-child(even) .img{ margin:208px 0 0 0;}
.iCase li:nth-child(even) .text{ top:0px; bottom:auto;}

.iCon4{ background:#efefef;}
.iCon4 .tit1{ text-align:center;}
.iRepair{ background:#fff;}
.iRepair .img{ float:left; width:50%; position:relative;}
.iRepair .li{ background:#0068b7; padding:30px; color:#fff; position:absolute; left:60px; right:60px;}
.iRepair .li .h3{ font-size:26px; line-height:1; margin-bottom:10px;}
.iRepair .li .p{ font-size:16px; line-height:1.625;}
.iRepair .li1{ top:45px;}
.iRepair .li2{ bottom:45px;}

.iRepair .text{ margin-left:50%; padding:40px 60px;}
.iRepair .text .h3{ font-size:26px; line-height:1; margin-bottom:20px; font-weight:bold;}
.iRepair .text .p{}
.iRepair .text .p p{ position:relative; padding-left:26px; font-size:16px; line-height:20px; margin-bottom:18px;}
.iRepair .text .p p:last-child{ margin-bottom:0px;}
.iRepair .text .p p:before{ content:''; background:url(../images/ico1.png) no-repeat; width:16px; height:16px; position:absolute; left:0px; top:3px;}

.iCon5 .tit1{ text-align:center;}
.iCustomer{}
.iCustomer ul{ margin-right:-13px;}
.iCustomer li{ float:left; width:20%; margin-bottom:13px;}
.iCustomer .pd{ display:block; margin-right:13px; border:1px solid #ccc;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);
filter: grayscale(100%);filter: gray;}
.iCustomer img{ width:100%; height:auto; display:block;}

.iCustomer .pd:hover{ box-shadow:2px 2px 10px rgba(0,0,0,0.1);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);
filter: none;}

.footer{ color:#fff;}
.footer a{ color:#fff;}
.footer a:hover{ color:#00b0ec;}
.footerTop{ background:#1d3c5b; padding:50px 0;}
.footerFl{ padding-right:30px; margin-right:116px;}
.footerNav{ margin-bottom:25px;}
.footerNav li{ float:left; margin-right:60px;}
.footerNav li:last-child{ margin-right:0px;}
.footerNav a{ font-size:16px; display:block; line-height:30px;}
.footerContact{ line-height:2;}
.footerFr{ position:absolute; right:0px; top:0px; width:116px;}
.footerFr img{ width:100%; height:auto; display:block;}
.footerFr span{ display:block; line-height:1; padding-top:15px; text-align:center;}
.footerBottom{ background:#1a3149; line-height:20px; padding:20px 0;}
.footerBottom_fl{ float:left;}
.footerBottom_fr{ float:right;}



.tit2{ text-align:center; margin-bottom:50px; padding:0 80px;}
.tit2 .t{ font-size:36px; margin-bottom:40px; line-height:1; font-weight:bold;}
.tit2 .c{ font-size:16px; line-height:2.142857142857143;}

.pbanner{ position:relative;}
.pbanner .img{ overflow:hidden;}
.pbanner .img img{ width:100.418410041841%;}
.pbanner .text{ position:absolute; left:50%; margin-left:-600px; z-index:2; top:0px; bottom:40px; line-height:1.2; color:#fff; text-shadow: 0 0 3px rgba(0,0,0,0.1);}
.pbanner .h3{ margin-bottom:15px; padding-bottom:15px; position:relative;}
.pbanner .h3:before{ content:''; width:30px; height:1px; position:absolute; left:0px; bottom:0px; background:#fff;}
.pbanner .h3 strong{ font-size:36px; display:block; margin-bottom:10px;}
.pbanner .h3 em{ display:block; font-size:22px;}
.pbanner .p{ font-size:30px;}

.aboutCon1{}
.aboutCon1 .tit2 .c{ font-size:14px;}
.aboutCon1_1{ margin-bottom:30px;}
.aboutCon1_1 .pd{ background:none;}

.aboutCon1_2{}
.aboutCon1_2 ul{ margin-right:-12px;}
.aboutCon1_2 li{ float:left; width:33.3333%;}
.aboutCon1_2 .pd{ margin-right:12px; display:block;}
.aboutCon1_2 .pd img{ width:100%; height:auto; display:block;}

.aboutCon2{}
.aboutCon2 .tit2{ color:#fff;}
.aboutCon2_1{ padding:20px 0 60px 0;}
.aboutCon2_1 .pd{ width:250px; height:250px; border-radius:50%; background:#fff; text-align:center; line-height:1.2; font-size:18px; margin:0 auto;}
.aboutCon2_1 .h3{ margin-bottom:15px; padding-bottom:15px; position:relative;}
.aboutCon2_1 .h3:before{ content:''; width:34px; height:1px; position:absolute; left:50%; bottom:0px; background:#bbb; margin-left:-17px;}
.aboutCon2_1 .em{ margin-bottom:15px;}
.aboutCon2_1 .p{}
.aboutCon2_1 .pd:hover{ background:#0068b7; color:#fff;}
.aboutCon2_1 .pd:hover .h3:before{ background:#fff;}

.aboutCon3{ padding-bottom:0px !important;}
.aboutCon3_1{}
.aboutCon3_1 ul{ margin-right:-20px;}
.aboutCon3_1 li{ width:50%; float:left; margin-bottom:20px;}
.aboutCon3_1 .pd{ border:1px solid #ccc; margin-right:20px; padding:30px; position:relative; overflow:hidden;}
.aboutCon3_1 .i{ float:left; width:90px; height:90px; line-height:90px; text-align:center; font-size:50px; background:#0068b7; color:#fff; border-radius:50%;}
.aboutCon3_1 .text{ margin-left:90px; padding-left:40px;}
.aboutCon3_1 .h3{ font-size:18px; color:#000; font-weight:bold; line-height:1.5; margin-bottom:0.5em;}
.aboutCon3_1 .p{}
.aboutCon3_1 li:nth-child(1) .p,
.aboutCon3_1 li:nth-child(2) .p{ line-height:1.86; min-height:11.16em;}
.aboutCon3_1 li:nth-child(3) .p,
.aboutCon3_1 li:nth-child(4) .p{ line-height:1.86; min-height:7.44em;}
.aboutCon3_1 li:last-child{ width:100%;}

.aboutCon4_1{}
.aboutCon4_1 ul{ margin-right:-10px;}
.aboutCon4_1 li{ float:left; width:50%;}
.aboutCon4_1 .pd{ margin-right:10px; display:block;}
.aboutCon4_1 .pd img{ width:100%; height:auto; display:block;}

.strengthsCon1{ background:#ededed;}
.strengths li{ margin-bottom:20px;}
.strengths li:last-child{ margin-bottom:0px;}
.strengths .pd{ display:block; overflow:hidden; background:#fff; position:relative;}
.strengths .pd:before{ content:''; right:50%; left:0px; height:0px; background:#0068b7; bottom:0px; position:absolute;}
.strengths .dingwei{ position:absolute; top:-90px; left:0px; width:1px; height:1px; background:rgba(0,0,0,0.01);}
.strengths .img{ width:50%; float:right;}
.strengths .text{ margin:0 50% 0 0; padding:55px 55px 0 55px;}
.strengths .h3{ font-size:24px; line-height:1; padding-bottom:32px; margin-bottom:26px; color:#333; position:relative;}
.strengths .h3:before{ content:''; width:2em; height:6px; background:#0068b7; position:absolute; left:0px; bottom:0px;}
.strengths .p{ line-height:1.5714285714285714; color:#666;}
.strengths .p p{ margin-bottom:1em;}
.strengths .p p:last-child{ margin-bottom:0px;}
.strengths li:nth-child(even) .pd:before{ right:0px; left:50%;}
.strengths li:nth-child(even) .img{ float:left;}
.strengths li:nth-child(even) .text{ margin:0 0 0 50%;}
.strengths .pd:hover{}
.strengths .pd:hover:before{ height:8px;}
.strengths .pd:hover .h3{ color:#0068b7;}

.caseCon1{ background:#fff;}
.caseList{}
.caseList ul{ margin-right:-30px;}
.caseList li{ width:33.3333%; float:left; margin-bottom:30px;}
.caseList .pd{ margin-right:30px; display:block; background:#efefef;}
.caseList .img{}
.caseList .text{ font-size:16px; padding:30px;}
.caseList .em{ font-weight:bold;  margin-bottom:12px;}
.caseList .h3{ line-height:26px; height:52px; overflow:hidden;}
.caseList .pd:hover{ background:#0068b7; color:#fff;}

.casePage{ text-align:center; padding:30px 0;}
.more5{ display:inline-block; color:#0068b7; vertical-align:bottom;}
.more5 i{ float:left; width:36px; height:36px; line-height:36px; font-size:20px; text-align:center; border:1px solid #0068b7; margin-right:15px; border-radius:50%;}
.more5 span{ float:left; line-height:36px; font-size:16px;}
.more5:hover i{ background:#0068b7; color:#fff;}

.newsCon1{ background:#fff;}
.newsList{}
.newsList li{}
.newsList .pd{ background:#efefef; display:block; margin-bottom:10px; overflow:hidden; position:relative;}
.newsList .img{ float:left; width:410px; }
.newsList .text{ padding:40px 55px; margin:0 0 0 410px;}
.newsList .h3{ font-size:24px; line-height:36px; height:36px; overflow:hidden; color:#333; margin-bottom:25px;}
.newsList .p{ color:#666; font-size:14px; line-height:24px; height:48px; overflow:hidden; margin-bottom:50px;}
.newsList .em{ font-size:16xpx; overflow:hidden; line-height:1;}
.newsList .m{ position:absolute; right:55px; bottom:40px;}

.newsList .pd:hover{ color:#fff; background:#0068b7;}
.newsList .pd:hover .h3{ color:#fff;}
.newsList .pd:hover .p{ color:#fff;}

.contactCon1{}
.contact{ background:#005aab;}
.contact .mapimg{ width:50%; float:right; position:relative; font-size:14px; border:1px solid #005aab; box-sizing:border-box;}
.contact .mapimg .img1{ width:100%; height:auto; display:block;}
.contact .text{ margin-right:50%; padding:40px 50px; color:#fff;}
.contact dl{ overflow:hidden; margin-bottom:30px;}
.contact dl:last-child{ margin-bottom:0px;}
.contact dt{ width:30px; float:left; font-size:24px; line-height:30px;}
.contact dd{ margin-left:30px; padding-left:5px;}
.contact .h3{ font-size:20px; line-height:30px;}
.contact .p{ font-size:16px;}
.contact a{ color:rgba(255,255,255,0.9);}
.contact a:hover{ color:rgba(255,255,255,1);}

#dituContent{ position:absolute; left:0px; top:0px; right:0px; bottom:0px;}


.contactCon2{ background:#f4f4f4;}
.contactCon2 .tit1{ text-align:center;}
.msg{ margin-right:-30px;}
.msg dl{ box-sizing:border-box; padding-right:30px; float:left; width:33.3333%; margin-bottom:20px;}
.msg dt{ font-size:16px; line-height:38px;}
.msg dd{ position:relative;}
.msg dl:nth-child(4){ width:100%;}

.ipt_t1{ width:100%; box-sizing:border-box; height:52px; border:1px solid #ccc; background:#f4f4f4; padding:0 20px; font-size:16px; color:#005aab;}
.ipt_text1{ width:100%; box-sizing:border-box; height:108px; border:1px solid #ccc; background:#f4f4f4; padding:10px 20px; font-size:16px; resize:none; overflow:hidden; color:#005aab;}
.ipt_b1{ width:60%; box-sizing:border-box; height:52px; border:1px solid #ccc; background:#005aab; color:#fff; padding:0 20px; font-size:16px;}
.ipt_yzm{ position:absolute; right:0px; top:0px; height:52px; width:auto; border:1px solid #ccc; box-sizing:border-box; cursor:pointer;}


.maintenanceCon1{}
.maintenanceCon1 .tit2 .t{ margin-bottom:20px;}
.maintenanceCon1 .tit2 .c{ font-size:24px;}
.maintenanceCon1_1{}
.maintenanceCon1_1 ul{ margin-right:-78px;}
.maintenanceCon1_1 li{ width:50%; float:left;}
.maintenanceCon1_1 .pd{ margin-right:78px; line-height:20px; height:20px; overflow:hidden; position:relative; padding:14px 0 14px 30px; border-bottom:1px solid #d2d2d2;}
.maintenanceCon1_1 .pd:before{ content:"\e860"; width:20px; height:20px; position:absolute; left:0px; top:14px; border-radius:50%; position:absolute; background:#0068b7; color:#fff; text-align:center; font-size:12px;}
.maintenanceCon2{}
.maintenanceCon2_1{}
.maintenanceCon2_1 .text{ width:50%; float:right; color:#fff; padding:60px 0;}
.maintenanceCon2_1 .tit1{ margin-bottom:20px;}
.maintenanceCon2_1 .p{ font-size:24px;}
.maintenanceCon2_1 .m{ padding-top:45px;}
.maintenanceCon2_1 .m a{ width:155px; height:52px; line-height:52px; text-align:center; border-radius:26px; font-size:18px; color:#0068b7; background:#fff; display:inline-block; vertical-align:bottom;}

.maintenanceCon3{}
.maintenanceCon3 .tit1{ text-align:center;}
.maintenanceCon3_1{}
.maintenanceCon3_1 ul{ margin-right:-36px;}
.maintenanceCon3_1 li{ float:left; width:33.3333%;}
.maintenanceCon3_1 .pd{ margin-right:36px; display:block; background:#0068b7; color:#fff; padding:40px 50px; position:relative;}
.maintenanceCon3_1 .h3{ font-size:26px; line-height:40px; margin-bottom:10px; font-weight:bold;}
.maintenanceCon3_1 .i{ position:absolute; right:40px; top:40px; width:40px; height:40px; line-height:40px; text-align:center; font-size:36px;}
.maintenanceCon3_1 .p{ font-size:16px; line-height:1.875; min-height:7.5em;}



.jobCon1{}
.job{}
.job .img{ width:43.333333333333335%; float:left;}
.job .text{ margin-left:43.333333333333335%; padding:40px 90px 0 90px;}
.job .tit1{ margin-bottom:60px;}
.job .p{ font-size:16px; line-height:2.25;}

.jobCon2{ background:#f6f6f6;}
.jobList{}
.jobList dl{ margin-bottom:5px;}
.jobList dt{ background:#fff; border-radius:6px; overflow:hidden; font-size:16px; line-height:26px; padding:20px; cursor:pointer;}
.jobList dt strong{ color:#999; font-weight:normal;}
.jobList dt span{ color:#2e3348;}
.jobList dt i{ width:26px; height:26px; line-height:26px; text-align:center; font-size:26px; display:inline-block;}
.jobList .li{ float:left; text-align:center;}
.jobList .li1{ width:30%; text-align:left;}
.jobList .li2{ width:10%;}
.jobList .li3{ width:10%;}
.jobList .li4{ width:30%;}
.jobList .li5{ width:10%;}
.jobList .li6{ width:10%; text-align:right;}
.jobList dd{ background:#fff; padding:20px 40px 60px 40px; display:none;}
.jobList .p{ line-height:2.5; color:#697c87; margin-bottom:50px;}


.jobListFl{ width:58%; float:left; box-sizing:border-box; border-right:1px solid #ccc; padding-right:60px;}
.jobListFl .em{ color:#0068b7; line-height:1.7142857142857142;}
.jobListFr{ width:42%; float:right; box-sizing:border-box; padding-left:60px;}
.jobListFr .em{ color:#000;}
.jobListFr .em a{ font-weight:bold;}


.jobList dl.curr dt{ color:#0068b7; border-radius:6px 6px 0 0;}
.jobList dl.curr dt strong{ color:#0068b7;}
.jobList dl.curr dt span{ color:#0068b7;}
.jobList dl.curr dt i{ color:#0068b7;}
.jobList dl.curr dd{}
.jobList dl.curr i:before{ content:'\e606'}


.jobList dl.jobListFirst dt{ background:#0068b7; border-radius:6px 6px 0 0;}
.jobList dl.jobListFirst dt strong{ color:#fff;}

.newsInfo .wp{ width:800px; margin:0 auto;}
.news_info{}
.news_tit{ text-align:center; margin-bottom:30px;}
.news_tit h1{ font-size:24px; font-weight:bold; color:#000;}
.news_tit p{ font-size:14px; color:#999;}
.news_con{  line-height:2; margin-bottom:30px;}
.news_con img{ max-width:100%; height:auto !important; }

.news_m{ padding:20px 0 0 0; color:#697c87; font-size:14px;}
.news_m a{ color:#697c87;}
.news_m a:hover{ color:#2e3348;}
.news_m .wpd{ position:relative;}
.news_m .li{ width:42%;}
.news_m .pd{ border:1px solid #ddd; line-height:48px; padding:0 15px; background:#fff; overflow:hidden;}
.news_m strong{ font-weight:normal; float:left;}
.news_m span{}
.news_m i{ font-size:26px; display:inline-block; vertical-align:bottom; margin-right:10px;}
.news_m a{ display:block; height:48px; overflow:hidden; line-height:46px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.news_m .li1{ float:left;}
.news_m .li2{ float:right;}
.news_m .li3{ position:absolute; width:14%; left:50%; margin-left:-7%; top:0px; text-align:center;}


@media screen and (max-width:1600px){
.wp{ width:1150px;}
body{ padding-top:60px;}
.header .wp{ height:60px;}
.logo{ margin-top:-20px;}
.logo img{ height:40px;}
.menu{ padding-top:0px;}
.menu li{ margin:0 10px;}
.menu .h3 a{ height:60px; line-height:60px; font-size:14px;}
.menu .h3 a:before{ height:3px;}

.subNav{ margin-top:-126px;}
.subNav li{ margin-bottom:3px;}

.iBanner .text{ width:500px; margin:-148px 0 0 -575px;}
/* .iBanner .slick-slide10 .text{ margin:-148px -575px 0 0;} */
.iBanner .pd{ padding:40px;}
.iBanner .h3{ font-size:28px;}
.iBanner .p{ font-size:18px;}
.iBanner .m{ padding-top:40px;}
.iBanner .slick-dots{ margin-left:407px;}

.tit1{ margin-bottom:35px;}
.tit1 strong{ font-size:28px;}

.iAdvantage .text{ left:35px; top:40px;}
.iAdvantage li:first-child .text{ bottom:40px;}

.iCase ul{ margin-right:-10px;}
.iCase .pd{ margin-right:10px;}
.iCase .img{ margin:0 0 182px 0;}
.iCase .text{ padding:30px; font-size:14px;}
.iCase .em{ margin-bottom:15px;}
.iCase .h3{ margin-bottom:15px; line-height:24px; height:48px;}
.iCase li:nth-child(even) .img{ margin:182px 0 0 0;}

.iRepair .text{ padding:40px 50px;}
.iRepair .text .h3{ font-size:22px;}
.iRepair .text .p{}
.iRepair .text .p p{ font-size:14px; line-height:20px; margin-bottom:16px;}
.iRepair .text .p p:before{ top:2px;}
.iRepair .li .h3{ font-size:22px;}
.iRepair .li .p{ font-size:14px;}

.iCustomer ul{ margin-right:-10px;}
.iCustomer li{ margin-bottom:10px;}
.iCustomer .pd{ margin-right:10px;}

.footerNav li{ margin-right:50px;}

.pbanner .text{ margin-left:-575px;}
.pbanner .h3 strong{ font-size:28px;}
.pbanner .h3 em{ font-size:18px;}
.pbanner .p{ font-size:24px;}

.tit2{ margin-bottom:30px;}
.tit2 .t{ font-size:28px; margin-bottom:20px;}
.tit2 .c{ font-size:14px;}

.iaboutNav ul{ margin-right:-8px;}
.iaboutNav .pd{ margin-right:8px;}

.aboutCon1_2 ul{ margin-right:-8px;}
.aboutCon1_2 .pd{ margin-right:8px;}

.aboutCon2_1 .pd{}
.aboutCon2_1 .em{ font-size:14px;}
.aboutCon2_1 .p{ font-size:14px;}

.aboutCon3_1 .pd{ margin-right:15px;}
.aboutCon3_1 ul{ margin-right:-15px;}
.aboutCon3_1 li{ margin-bottom:15px;}

.aboutCon2_1{ padding:0 0 40px 0;}

.aboutCon1_2 ul{ margin-right:-5px;}
.aboutCon1_2 .pd{ margin-right:5px;}

.strengths .text{ padding:40px 40px 0 40px;}
.strengths .h3{ padding-bottom:22px; margin-bottom:20px;}
.strengths .h3:before{ height:4px; }
.strengths .pd:hover:before{ height:6px;}

.maintenanceCon1 .tit2 .c{ font-size:18px;}
.maintenanceCon1_1 ul{ margin-right:-60px;}
.maintenanceCon1_1 .pd{ margin-right:60px;}

.maintenanceCon3_1 ul{ margin-right:-30px;}
.maintenanceCon3_1 .pd{ padding:30px 40px; margin-right:30px;}
.maintenanceCon3_1 .i{ top:30px; right:40px;}
.maintenanceCon3_1 .h3{ font-size:18px;}
.maintenanceCon3_1 .p{ font-size:14px;}

.maintenanceCon2_1 .p{ font-size:18px;}

.caseList ul{ margin-right:-20px;}
.caseList .pd{ margin-right:20px;}
.caseList li{ margin-bottom:20px;}


.newsList .img{ width:320px;}
.newsList .text{ margin-left:320px; padding:30px;}
.newsList .h3{ font-size:18px; line-height:28px; height:28px; margin-bottom:10px;}
.newsList .p{ margin-bottom:35px;}
.newsList .m{ right:30px; bottom:30px;}


.ipt_t1{ height:44px;}
.ipt_yzm{ height:44px;}
.ipt_b1{ height:44px;}
}
@media screen and (max-width:1024px){
.wp,
.newsInfo .wp{ margin:0 50px; width:auto;}
body{ padding:60px 0 44px 0;}

.slick-dots li button{ width:8px; height:8px;}

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

.menu{ display:none; position:fixed; top:60px; left:0px; right:0px; background:#424960; width:220px; right:0px; left:auto; text-align:left;}
.menu ul{ display:block;}
.menu li{ display:block; float:none; margin:0px; border-bottom:1px solid rgba(255,255,255,0.3);}
.menu li.curr .h3 a{ color:#fff; font-weight:normal;}
.menu li.curr .h3 a:before{ display:none;}
.menu .h3 a{ height:40px; line-height:40px; font-size:14px; color:#fff; padding:0 30px; float:none;}
.menu .h3 i{ display:block; float:none;}
.menu .h3 em{ display:block;}
.menu .box{ position:static; width:auto; margin:0px; text-align:center; border-radius:0px;}
.menu li:hover .box{ display:none;}

.menu-link{ display:block;}

.subNav{ bottom:0px; left:0px; right:0px; top:auto; width:auto;}
.subNav .h3{ border-radius:0px;}
.subNav li{ width:33.3333%; float:left; margin-bottom:0px; box-sizing:border-box; position:relative; border-right:1px solid #81abd4;}
.subNav li:before{ content:''; width:1px; background:rgba(255,255,255,0.5); position:absolute; right:0px; top:0px; bottom:0px; display:none;}
.subNav li:last-child:before{ border-right:none;}
.subNav li:last-child{ border-right:none;}
.subNav .li1{ position:static;}
.subNav .li1 .box{ width:100%; display: none; right:auto; top: auto;bottom:100%; left:0px; margin-left:0px; background:#003f6e; border-radius:5px 5px 0 0;}
.subNav .li1:hover .box{ display: block; width:100%;}
.subNav .h3 i{ font-size:20px; height:44px; line-height:44px;}

.subNav .li2 .box{ width:140px; height:0px; right:auto; bottom:100%; left:50%; margin-left:-70px;}
.subNav .li2 .box img{ width:140px; height:140px;}
.subNav .li2:hover .box{ height:140px; width:140px;}

.more2{ height:38px; line-height:38px;}

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

.more3{ padding:4px 0;}
.more3 span{ font-size:14px;}

.iBanner .pd{ padding:30px 40px;}
.iBanner .text{ left:60px; margin:-148px 0 0 0; max-width:420px;}
/* .iBanner .slick-slide10 .text{ margin:-148px 0 0 0;} */
.iBanner .h3{ font-size:24px;}
.iBanner .slick-dots{ bottom:30px; margin-left:0px;}
.iBanner .slick-dots li{ margin:0 8px;}

.iAbout .tit1{ margin-bottom:20px;}
.iAbout .text{ padding-right:30px;}
.iAbout .p{ line-height:1.625; margin-bottom:28px;}

.iaboutNav ul{ margin-right:-8px;}
.iaboutNav .pd{ padding:20px 10px; margin-right:8px;}
.iaboutNav i{ margin-bottom:12px;}

.iAdvantage .text,
.iAdvantage li:first-child .text{ left:20px; top:auto; bottom:25px; font-size:16px;}

.iCase .text{ padding:20px;}
.iCase .img{ margin:0 0 162px 0;}
.iCase li:nth-child(even) .img{ margin:162px 0 0 0;}

.iRepair .li{ left:30px; padding:20px; right:30px;}
.iRepair .li1{ top:30px;}
.iRepair .li2{ bottom:30px;}
.iRepair .li .h3{ font-size:18px;}
.iRepair .text{ padding:30px;}
.iRepair .text .p p{ margin-bottom:12px; line-height:16px;}
.iRepair .text .p p:before{ top:0px;}

.footerTop{ padding:30px 0;}
.footerNav{ display:none;}
.footerFr{ position:static; float:right;}

.footerBottom_fl{ float:none;}
.footerBottom_fr{ float:none;}

.pbanner .text{ left:50px; margin:0px; right:50px; text-align:center; bottom:0px;}
.pbanner .h3:before{ left:50%; margin-left:-15px;}
.pbanner .h3 strong{ font-size:24px;}
.pbanner .h3 em{ font-size:16px;}
.pbanner .p{ font-size:16px;}

.aboutCon3_1 ul{ margin:0px;}
.aboutCon3_1 li{ width:auto; float:none;}
.aboutCon3_1 li:last-child{ margin-bottom:0px;}
.aboutCon3_1 .text{ padding-left:30px;}
.aboutCon3_1 .pd{ margin-right:0px;}
.aboutCon3_1 .p{ min-height:3.7142857142857144em !important;}

.strengths .pd{ padding:40px;}
.strengths .text{ padding:0 30px 0 0;}
.strengths li:nth-child(even) .text{ padding:0 0 0 30px;}

.maintenanceCon1 .tit2 .c{ font-size:14px;}
.maintenanceCon2_1 .text{ padding:30px 0;}
.maintenanceCon2_1 .p{ font-size:14px;}
.maintenanceCon2_1 .m{ padding-top:30px;}
.maintenanceCon2_1 .m a{ width:120px; height:42px; line-height:42px; text-align:center; font-size:14px;}
.maintenanceCon1_1 ul{ margin-right:-40px;}
.maintenanceCon1_1 .pd{ margin-right:40px;}

.maintenanceCon3_1 ul{ margin-right:-20px;}
.maintenanceCon3_1 .pd{ margin-right:20px; padding:30px;}
.maintenanceCon3_1 .h3{ height:30px; line-height:30px;}
.maintenanceCon3_1 .i{ font-size:28px; height:30px; line-height:30px;}
.maintenanceCon3_1 .p{ min-height:9.375em;}

.caseList ul{ margin-right:-15px;}
.caseList .pd{ margin-right:15px;}
.caseList li{ margin-bottom:15px;}
.caseList .text{ padding:20px; font-size:14px; }
.caseList .em{ margin-bottom:5px;}
.caseList .h3{}

.job .text{ padding:50px 50px 0 50px;}
.job .tit1{ margin-bottom:30px;}
.job .p{ font-size:14px; line-height:1.8;}

.jobList .li1{ width:40%;}
.jobList .li2{ width:15%;}
.jobList .li3{ width:15%;}
.jobList .li4{ display:none;}
.jobList .li5{ width:15%;}
.jobList .li6{ width:15%;}

.jobList .p{ line-height:2; margin-bottom:20px;}
.jobListFl{ width:auto; float:none; padding:0px; border:none; margin-bottom:30px;}
.jobListFr{ width:auto; float:none; padding:0px;}

.contact .text{ padding:30px 40px;}
.contact dl{ margin-bottom:10px;}
.contact .h3{ font-size:18px;}
.contact .p{ font-size:14px;}


}
@media screen and (max-width:960px){
.tit1{ margin-bottom:30px;}

.iBanner,
.iBanner .img img{ height:auto;}
.iBanner .slick-slide10 .text,
.iBanner .text{ position:static; margin:0px; text-align:center; max-width:inherit; width:auto;  background:rgba(0,104,183,1);}
.iBanner .i{ margin-bottom:15px;}
.iBanner .i img{ display:inline-block; height:24px;}
.iBanner .h3{ font-size:18px; font-weight:normal;}
.iBanner .p{ padding-top:20px; font-size:16px; line-height:1.6;}
.iBanner .m{ padding-top:30px; margin-bottom:30px; display:none;}
.iBanner .slick-dots{ bottom:167px;}
.iBanner .slick-dots li{ margin:0 10px;}

.iAbout .img{ width:auto; float:none;}
.iAbout .text{ margin:0px; padding:30px 0 0 0; text-align:center;}
.iAbout .p{ text-align:left;}
.iaboutNav ul{ margin-right:-5px;}
.iaboutNav li{ width:33.3333%; margin-bottom:5px;}
.iaboutNav .pd{ margin-right:5px;}

.iAdvantage li{ width:50%;}
.iAdvantage li:first-child{ width:100%;}

.iCase li{ width:50%; margin-bottom:10px;}

.iRepair .img{ width:auto; float:none;}
.iRepair .text{ margin:0px;}

.pbanner .img img{ width:180%; margin-left:-40%;}

.tit2{ padding:0px; margin-bottom:30px;}
.tit2 .t{ font-size:24px;}
.tit2 .c{ line-height:1.7;}

.aboutCon2_1{ padding-bottom:0px;}
.aboutCon2_1 .pd{ margin-bottom:30px;}

.maintenanceCon1_1 ul{ margin-right:0px; border-top:1px solid #ccc;}
.maintenanceCon1_1 li{ width:auto; float:none;}
.maintenanceCon1_1 .pd{ margin-right:0px; height:auto;}


.maintenanceCon3_1 ul{ margin:0px;}
.maintenanceCon2_1 .text{ padding:0px;}
.maintenanceCon3_1 li{ width:auto; margin-bottom:15px; float:none;}
.maintenanceCon3_1 li:last-child{ margin-bottom:0px;}
.maintenanceCon3_1 .pd{ margin-right:0px;}
.maintenanceCon3_1 .p{ min-height:inherit;}

.caseList li{ width:50%;}

.job .img{ width:auto; float:none;}
.job .text{ padding:30px 0 0 0; margin:0px; text-align:center;}
}
@media screen and (max-width:768px){
.strengths .img,
.strengths li:nth-child(even) .img{ width:auto; float:none;}
.strengths .text,
.strengths li:nth-child(even) .text{ margin:0px; padding:30px 0 0 0;}
.strengths .h3{ text-align:center; font-size:18px;}
.strengths .h3:before{ left:50%; margin-left:-1em; height:3px;}

.msg{ margin:0px;}
.msg dl{ width:auto; float:none; padding-right:0px;}

.contact .mapimg{ width:auto; float:none;}
.contact .text{ padding:30px; margin:0px;}

.iBanner .slick-dots button{ width:8px; height:8px;}
}
@media screen and (max-width:640px){
.wp,
.newsInfo .wp{ margin:0 30px;}
.iCon{ padding:40px 0;}

.iCustomer ul{ margin-right:-5px;}
.iCustomer li{ margin-bottom:5px;}
.iCustomer .pd{ margin-right:5px;}

.iAdvantage ul{ margin:0px;}
.iAdvantage li{ width:auto;}
.iAdvantage .pd{ margin-right:0px;}

.iCase ul{ margin-right:-5px;}
.iCase li{ margin-bottom:5px;}
.iCase .pd{ margin-right:5px;}
.iCase .text{ padding:15px;}
.iCase .h3{ margin-bottom:0px;}
.iCase .em{ margin-bottom:5px;}
.iCase .m{ display:none;}
.iCase .img{ margin:0 0 97px 0;}
.iCase li:nth-child(even) .img{ margin:97px 0 0 0;}

.iRepair .li{ position:static; position:relative; left:auto; right:auto; top:auto; bottom:auto;}
.iRepair .li1:before{ content:''; left:20px; right:20px; height:1px; background:rgba(255,255,255,0.5); position:absolute; bottom:0px;}

.tit2 .t{ font-size:18px; margin-bottom:10px;}

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

.aboutCon3_1 .h3{ font-size:16px;}
.aboutCon3_1 .p{ line-height:1.6 !important; min-height:3.2em !important;}

.news_tit h1{ font-size:22px;}
.news_con{ margin-bottom:0px;}
.news_pg{ padding-top:10px;}

.news_m .li{ width:auto; float:none; margin-bottom:10px;}
.news_m .li3{ position:static; margin:0px;}

.strengths .pd{ padding:0px;}
.strengths .text,
.strengths li:nth-child(even) .text{ padding:30px;}

.maintenanceCon2_1 .text{ width:70%;}
.maintenanceCon2_1 .tit1{ margin-bottom:10px;}
.maintenanceCon2_1 .tit1 strong{ font-size:16px;}
.maintenanceCon2_1 .m{ padding-top:20px;}

.newsList .img{ width:auto; float:none;}
.newsList .text{ margin:0px; padding:30px;}
.newsList .h3{ font-size:16px; height:24px; line-height:24px; margin-bottom:5px;}
.newsList .p{ font-size:12px; margin-bottom:20px;}

.newsList .more1{ display:none;}


.jobList .li1{ width:85%;}
.jobList .li2{ display:none;}
.jobList .li3{ display:none;}
.jobList .li5{ display:none;}
.jobList .li6{ width:15%;}

.jobList dt{ padding:10px 20px; font-size:14px; line-height:20px;}
.jobList dt span{ font-weight:bold;}
.jobList dt i{ width:20px; line-height:20px; font-size:20px; height:20px;}
.jobList dd{ padding:0 20px 20px 20px;}
.jobListFr .em a{ display:block;}

.ipt_t1{ height:40px;}
.ipt_yzm{ height:40px;}
.ipt_b1{ height:50px;}
.msg dl{ margin-bottom:10px;}
.msg dt{ font-size:14px; font-weight:bold;}

.contact .h3{ font-size:14px; font-weight:bold;}

.iBanner .slick-dots li{ margin:0 5px;}
}
@media screen and (max-width:480px){
.iCon{ padding:30px 0;}
.wp,
.newsInfo .wp{ margin:0 20px;}
.iCustomer li{ width:33.3333%;}
.iRepair .text{ padding:20px;}

.footerFr{ width:100px;}
.footerFr span{ padding-top:10px;}
.footerFl{ margin-right:100px; padding-right:20px;}

.iBanner .slick-dots{ bottom:97px;}
.iBanner .i{ margin-bottom:5px;}
.iBanner .pd{ padding:20px;}
.iBanner .h3{ font-size:16px; line-height:1.4; font-weight:bold;}
.iBanner .h3 br{ display:none;}
.iBanner .p{ font-size:14px; padding-top:5px;}


.pbanner .h3{ padding-bottom:0px;}
.pbanner .h3 strong{ font-size:22px;}
.pbanner .h3 em{ display:none;}
.pbanner .h3:before{ display:none;}
.pbanner .p{ font-size:14px;}

.aboutCon3_1 .pd{ padding:20px;}
.aboutCon3_1 .i{ width:64px; height:64px; font-size:32px; line-height:64px;}
.aboutCon3_1 .text{ margin-left:64px; padding-left:20px;}

.maintenanceCon2_1 .tit1{ margin-bottom:5px;}
.maintenanceCon2_1 .p{ line-height:1.3;}
.maintenanceCon2_1 .m a{ height:36px; line-height:36px;}

.caseList ul{ margin-right:-10px;}
.caseList li{ margin-bottom:10px;}
.caseList .pd{ margin-right:10px;}
.caseList .text{ padding:15px; font-size:12px;}
.caseList .em{}
.caseList .h3{ line-height:18px; height:36px;}

.news_tit h1{ font-size:18px;}

.news_m{ font-size:12px;}

.newsList .text{ padding:20px;}

.tit1 strong{ font-size:20px;}

.job .tit1{ margin-bottom:20px;}
}
@media screen and (max-width:414px){
}
@media screen and (max-width:413px){
body{ font-size:13px;}
.iaboutNav .pd{ padding:15px 10px;}
.iaboutNav i{ margin-bottom:6px;}

.pbanner .h3 strong{ font-size:18px;}

.strengths .text,
.strengths li:nth-child(even) .text{ padding:20px;}
.strengths .h3{ padding-bottom:17px; margin-bottom:15px;}

.caseList ul{ margin-right:-8px;}
.caseList li{ margin-bottom:8px;}
.caseList .pd{ margin-right:8px;}


}
@media screen and (max-width:374px){
body{ font-size:12px;}
.wp,
.newsInfo .wp{ margin:0 15px;}

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


.iCase .img{ margin:0 0 79px 0;}
.iCase li:nth-child(even) .img{ margin:79px 0 0 0;}
.iCase .text{ font-size:12px;}
.iCase .h3{ line-height:16px; height:32px;}

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

.news_tit{ margin-bottom:20px;}
.caseList ul{ margin-right:-5px;}
.caseList li{ margin-bottom:5px;}
.caseList .pd{ margin-right:5px;}
.newsList .text{ padding:15px;}

.jobList dt{ padding:10px;}

.iBanner .h3{ font-size:14px;}
}