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

.swiperArrow,
.more{
-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.6s ease-out;
}
.swiperArrow,
.menu .h3 em,
.menu .h3 i{
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: #333;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:#0f5278;
-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:#0f5278;
-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);
}



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

.header{ position:fixed; left:0px; top:0px; right:0px; border-bottom:1px solid rgba(255,255,255,0.5); z-index:9;}
.header .wp{ height:90px;}
.logo{ position:absolute; left:0px; top:50%; margin-top:-24px;}
.logo img{ height:48px; width:auto; display:block;}
.logo .img1{ display:block;}
.logo .img2{ display:none;}
.menu{ text-align:center;}
.menu ul{ display:inline-block; vertical-align:bottom;}
.menu li{ float:left; margin:0 15px;}
.menu .h3 a{ padding:0 20px; display:block; line-height:90px; font-size:20px; color:#fff; position:relative;}
.menu .h3 a:before{ content:''; position:absolute; left:0px; bottom:0px; right:0px; height:4px; display:none; background:rgba(255,255,255,0.5);}
.menu li.curr .h3 a:before{ display:block;}

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

.tContact{ position:absolute; right:0px; top:50%; margin-top:-25px; text-align:right; color:#fff; line-height:1;}
.tContact strong{ font-size:18px; display:block; font-weight:normal; margin-bottom:5px;}
.tContact a{ font-size:26px; font-weight:bold; color:#fff; display:block;}

.pbody{ padding-top:90px;}
.pbody .header{ border-color:#278fcf; background:#fff;}
.pbody .logo .img1{ display:none;}
.pbody .logo .img2{ display:block;}
.pbody .menu .h3 a{ color:#333;}
.pbody .menu .h3 a:before{ background-color:#278fcf;}
.pbody .tContact{ color:#278fcf;}
.pbody .tContact a{ color:#278fcf;}

.body_fix{}
.body_fix .header{ background:#fff; border-bottom:none; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.body_fix .header .wp{ height:60px;}
.body_fix .logo{ margin-top:-16px;}
.body_fix .logo img{ height:32px;}
.body_fix .logo .img1{ display:none;}
.body_fix .logo .img2{ display:block;}
.body_fix .menu li{ margin:0 10px;}
.body_fix .menu .h3 a{ color:#333; height:60px; line-height:60px; font-size:14px; padding:0 15px;}
.body_fix .menu .h3 a:before{ background:#278fcf;}
.body_fix .tContact{ color:#278fcf; margin-top:-19px;}
.body_fix .tContact strong{ font-size:14px;}
.body_fix .tContact a{ color:#278fcf; font-size:18px;}


.more1{ display:inline-block; padding:0 14px; height:34px; line-height:34px; border:1px solid #ccc; font-size:14px; color:#999;}
.more1 span{ float:left;}
.more1 i{ float:left; margin-left:15px; font-size:14px;}

.more1_1:hover{ background:#1284e5; color:#fff !important; border-color:#1284e5;}
.more1_2:hover{ background:#ffffff; color:#1284e5 !important; border-color:#ffffff;}
.more1_3{ background:#1284e5; color:#fff !important; border-color:#1284e5;}
.more1_3:hover{ background:#0f5278; border-color:#0f5278;}

.tit1{ line-height:1; margin-bottom:50px;}
.tit1 strong{ font-size:40px; display:block; font-weight:bold; margin-bottom:0.6em;}
.tit1 em{ font-size:20px; text-transform:uppercase;}

.tit2{ line-height:1; margin-bottom:40px; position:relative; padding-bottom:17px; font-size:24px; position:relative;}
.tit2 strong{ display:block; margin-bottom:10px; font-weight:bold;}
.tit2 em{ font-size:14px; text-transform:uppercase; display:block;}
.tit2 a{ font-size:16px; position:absolute; right:0px; top:0px;}
.tit2 a i{ margin-left:5px;}
.tit2:before{ content:''; position:absolute; height:2px; left:0px; bottom:0px; width:4em; background:#fff;}

.iBanner .h3,
.iBanner .p,
.iBanner .i{
transition: all 0.6s ease-out;
}
.iBanner .img img{transition: all 3s ease-out;}

.iBanner .h3,
.iBanner .p,
.iBanner .i{ transform:translateY(50px); opacity:0; visibility:hidden;}

.iBanner{ position:relative; height:100vh;}
.iBanner .img{ overflow:hidden;}
.iBanner .img img{ height:100vh; background-position:bottom center; transform:scale(1.2);}
.iBanner .text{ line-height:1; position:absolute; left:100px; top:0px; right:100px; bottom:0px; text-align:center; color:#fff;}
.iBanner .h3{ font-size:48px; margin-bottom:25px; transition-delay:0.3s;}
.iBanner .p{ font-size:24px; margin-bottom:120px; transition-delay:0.5s;}
.iBanner .i{ width:24px; height:24px; margin:0 auto 180px auto; background:#fff; border-radius:50%; position:relative; transition-delay:0.7s;}
.iBanner .i:before{ content:''; position:absolute; left:50%; top:50%; width:10px; height:10px; background:#65b6e2; transform:rotate(45deg); margin:-5px 0 0 -5px;}
.iBanner .i:after{ content:''; left:50%; width:2px; height:80px; margin-left:-1px; bottom:28px; background:#fff; position:absolute;}
.iBanner .swiperDots{ display:block; bottom:40px;}


.iBanner .swiper-slide-active .h3,
.iBanner .swiper-slide-active .p,
.iBanner .swiper-slide-active .i{ transform:translateY(0px); opacity:1; visibility:visible;}
.iBanner .swiper-slide-active .img img{ transform:scale(1);}

.iCon{ background:#eee; padding:50px 0 90px 0;}
.iPro{ position:absolute; left:0px; top:-300px; right:-3px;}
.iPro .swiper-wrapper{ margin-right:-3px;}
.iPro .pd{ position:relative; margin-right:3px; background:#fff; display:block;}
.iPro .img{ width:98px; position:absolute; bottom:20px; right:30px;}
.iPro .img img{ width:100%; border-radius:50%;}
.iPro .text{ padding:30px 40px; height:177px;}
.iPro .h3{ font-size:20px; line-height:1.5; height:1.5em; overflow:hidden; color:#333; margin-bottom:5px; font-weight:bold;}
.iPro .p{ font-size:14px; line-height:1.5; height:3em; overflow:hidden; color:#999; margin-bottom:25px;}
.iPro .m{}
.iPro .pd:hover .h3{ color:#1284e5;}
.iPro .pd:hover .more1{ color:#1284e5; border-color:#1284e5;}
.iPro .swiperArrow{ display:block;}
.iPro .swiperPrev{ left:-21px;}
.iPro .swiperNext{ right:-21px;}

.iAbout{ background:#fff;}
.iAbout .img{ float:right; width:49.24418604651163%;}
.iAbout .text{ margin-right:49.24418604651163%; padding:70px 70px 0 70px;}
.iAbout .p{ line-height:2; margin-bottom:50px;}

.iAboutBottom{ background:#fff;}
.iAboutBottom .li{ float:left;}


.ijob{ width:30%; background:url(../images/iJob1.jpg) no-repeat center center; background-size:cover; color:#fff;}
.ijob .pd{ padding:50px 40px;}
.ijob a{ color:#fff;}
.ijob dl{ position:relative; line-height:1; padding-left:100px; margin-bottom:35px;}
.ijob dt{ position:absolute; left:0px; top:50%; margin-top:-42px; font-size:84px; line-height:1; font-family:arial;}
.ijob dd{}
.ijob .h3{ font-size:30px; margin-bottom:13px;}
.ijob .p{ font-size:18px;}

.iNewsimg{ width:35%; position:relative;}
.iNewsimg .pd{ position:relative; display:block;}
.iNewsimg .text{ position:absolute; left:0px; bottom:0px; right:0px; height:50px; background:rgba(255,255,255,0.3); text-align:right; padding:0 30px 0 120px; line-height:50px; color:#fff; font-size:16px;}
.iNewsimg .swiperDots{ display:block; text-align:left; left:20px; width:auto; bottom:20px; right:auto;}
.iNewsimg img,
.iAboutBottom .li{ height:352px;}

.iNews{ width:35%;}
.iNews .pd{ padding:50px 40px;}
.iNews .tit2{ margin-bottom:30px;}
.iNews .tit2:before{ background:#000;}
.iNewsList{}
.iNewsList li{}
.iNewsList a{ font-size:16px; overflow:hidden; display:block; padding-left:15px; position:relative;}
.iNewsList a:before{ content:''; width:6px; height:6px; top:50%; margin-top:-3px; left:0px; background:#bbbbbb; position:absolute;}
.iNewsList span{ display:block; margin-right:110px; height:40px; line-height:40px;}
.iNewsList em{ float:right; height:40px; line-height:40px;}
.iNewsList a:hover:before{ background:#1284e5;}

.footer{ background:#383838; color:#999;}
.footer a{ color:#999;}
.footer a:hover{ color:#fff;}

.fTop{ padding:30px 0;}
.fAbout{ float:left; width:30%;}
.fAbout .h3{ margin-bottom:15px; height:32px; line-height:32px;}
.fAbout .m{ position:absolute; left:80px; top:30px;}
.fAbout .p{ font-size:30px; color:#fff;}
.share{}
.share li{ float:left;}
.share a{ width:32px; height:32px; line-height:32px; display:block; background:#bbbbbb; color:#383838; text-align:center; border-radius:50%; margin-right:10px;}
.share a:hover{ background:#fff; color:#383838;}
.fContact{ float:left; width:70%;}
.fContact .h3{ color:#fff; margin-bottom:15px;}
.fContact .h3 dl{ overflow:hidden;}
.fContact .h3 dt{ width:36px; line-height:36px; font-size:34px; float:left;}
.fContact .h3 dd{ font-size:26px; margin-left:36px; padding-left:15px; line-height:36px; font-weight:bold;}
.fContact .h3 dd a{ color:#fff;}
.fContact .p{ margin-right:-30px;}
.fContact .p dl{ overflow:hidden; float:left; max-width:40%; padding-right:50px; margin-top:15px; box-sizing:border-box;}
.fContact .p dt{ width:18px; line-height:18px; font-size:16px; float:left;}
.fContact .p dd{ margin-left:18px; padding-left:8px; line-height:18px;}
.fBottom{ padding:20px 0; border-top:1px solid #606060; line-height:24px;}
.fLink{ float:left; width:60%;}
.fCopy{ float:right; width:40%; text-align:right;}









.pbanner{ position:relative;}
.pbanner .wpd{ position:relative;}
.pbanner .img{ overflow:hidden;}
.pbanner .img img{ height:420px;}
.pbanner .text{ position:absolute; left:0px; top:0px; right:0px; bottom:40px; text-align:center; color:#fff;}
.pbanner .h3{ font-size:40px; line-height:1.2; margin-bottom:0.6em; font-weight:bold;}
.pbanner .em{ font-size:20px; line-height:1.2; letter-spacing:0.1em; text-transform:uppercase;}
.pbanner .p{ font-size:30px; line-height:1.6;}
.pbanner .p strong{ font-weight:bold;}

.pNav{ position:absolute; bottom:1px; left:0px; right:0px; z-index:2;}
.pNav .wp{ background:#fff;}
.pNavList{ float:left;}
.pNavList li{ float:left;}
.pNavList a{ font-size:16px; line-height:58px; height:58px; overflow:hidden; padding:0 30px; display:block; color:#333;}
.pNavList a.active{ background:#278fcf; color:#fff;}
.crumbs{ float:right; font-size:16px; line-height:58px; padding-right:30px; color:#999;}
.crumbs a{ float:left; color:#999;}
.crumbs em{ float:left; margin:0 8px;}
.crumbs span{ float:left; color:#278fcf;}

.tit3{ position:absolute; left:0px; top:0px;}
.tit3 strong{ display:block; font-size:26px; line-height:1; margin-bottom:1em;}
.tit3 em{ display:block; font-size:18px; line-height:1.3333; margin-bottom:1.5em; text-transform:uppercase;}
.tit3 a{ display:block; line-height:1; width:1em; background:#278fcf; color:#fff; transform:rotate(45deg); font-size:29px; border-radius:3px; cursor:default;}
.tit3 a:before{ content:''; background:url(../images/you.png) no-repeat center center; height:1em; display:block; transform:rotate(-45deg) translateX(-0.3333em);}

.pMain{ padding:90px 0; background:no-repeat center center; background-size:cover;}

.pMainAbout1{}
.pMainAbout1_1{ margin-left:273px; font-size:16px; line-height:2.125;}
.pMainAbout1_1 img{ width:100%; height:auto;}

.pMainAbout2{ color:#fff;}
.pMainAbout2_1{ margin-left:273px; line-height:1.875;}
.pMainAbout2_1 dl{ margin-bottom:75px;}
.pMainAbout2_1 dl:last-child{ margin-bottom:55px;}
.pMainAbout2_1 dt{ font-size:24px; font-weight:bold;}
.pMainAbout2_1 dd{ font-size:18px;}

.pMainAbout3{}
.pMainAbout3_1{ margin-left:273px; padding-bottom:52px;}
.pMainAbout3_1 .img{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); margin:10px 8px;}
.pMainAbout3_1 .swiperArrow{ display:block; border-radius:0px; font-size:22px; width:42px; height:42px; line-height:42px; box-shadow:none;}
.pMainAbout3_1 .swiperPrev{ top:auto; bottom:0px; left:8px;}
.pMainAbout3_1 .swiperNext{ top:auto; bottom:0px; right:auto; left:70px;}

.pMainPro1{ background:#eee;}
.proList{}
.proList ul{ margin-right:-15px;}
.proList li{ float:left; width:33.3333%; margin-bottom:15px;}
.proList .pd{ display:block; margin-right:15px; background:#fff; position:relative; padding:36px 30px;}
.proList .img{ position:absolute; right:30px; bottom:20px;}
.proList .img img{ width:98px; border-radius:50%; float:left;}
.proList .text{ height:180px;}
.proList .h3{ font-size:20px; line-height:1.3; font-weight:bold; max-height:2.6em; margin-bottom:10px; overflow:hidden; color:#333;}
.proList .p{ font-size:14px; line-height:1.625; max-height:3.25em; overflow:hidden; margin-bottom:15px; color:#999;}

.proList li:nth-child(1) .text{ height:447px;}
.proList li:nth-child(1) .p{ font-size:16px; max-height:4.875em;}
.proList li:nth-child(1) .img{ left:36px; bottom:64px; right:auto;}
.proList li:nth-child(1) .img img{ width:144px;}
.proList li:nth-child(7){ width:66.6666%;}
.proList li:nth-child(7) .img img{ border:3px solid #1284e5; background:#1284e5; margin-left:7px;}

.tit4{ text-align:center; margin-bottom:46px;}
.tit4 strong{ font-size:30px; line-height:1; display:block;}
.pMainPro2{ background:#eee; padding:40px 0;}
.proList2 ul{ margin-right:-20px;}
.proList2 li{ float:left; width:25%; margin-bottom:20px;}
.proList2 .pd{ display:block; margin-right:20px; background:#fff; padding:35px 24px; height:320px;}
.proList2 .img{ text-align:center;}
.proList2 .img img{ width:98px; margin:0 -13px; height:98px; display:inline-block; vertical-align:bottom; border:3px solid #fff; border-radius:50%; box-sizing:border-box; background:#fff;}
.proList2 .text{ padding-bottom:75px;}
.proList2 .h3{ font-size:18px; line-height:1.4444; max-height:2.8888em; margin-bottom:15px; overflow:hidden; font-weight:bold; color:#333;}
.proList2 .p{ font-size:14px; line-height:1.625; max-height:3.25em; overflow:hidden; margin-bottom:15px; color:#999;}
.proList2 .pd:hover{ background:#1284e5;}
.proList2 .pd:hover .h3{ color:#fff;}
.proList2 .pd:hover .p{ color:#fff;}

.caseM{ text-align:center; padding-top:20px;}
.caseM a{ display:inline-block; vertical-align:baseline; font-size:18px; height:46px; line-height:46px; background:#1284e5; color:#fff; padding:0 35px; border-radius:30px;}
.caseM span{}
.caseM i{ font-size:1em; margin-left:15px;}
.caseM a:hover{ background:#0f5278; color:#fff;}

.proInfo{ background:#eee; padding-bottom:40px;}

.pCrumbs{ padding:23px 0; line-height:20px;}
.pCrumbsFl{ float:left; color:#999; font-size:16px;}
.pCrumbsFl a{ color:#999;}
.pCrumbsFl a:hover{ color:#278fcf;}
.pCrumbsFl em{ margin:0 5px;}
.pCrumbsFr{ float:right;}
.backList{}
.backList span{ float:left;}
.backList i{ float:left; margin-left:10px; font-size:18px;}

.proImg{ background:#fff; padding:20px; margin-bottom:50px;}
.proImg .img{ width:42.5%; float:left;}
.proImg .text{ margin-left:42.5%; padding:20px 20px 0 50px;}
.proImg .h3{ font-size:24px; font-weight:bold; margin-bottom:0.5em;}
.proImg .p{ font-size:18px; line-height:2; margin-bottom:50px;}
.proImg .em{}
.proImg .t{ font-size:18px; font-weight:bold; line-height:1; margin-bottom:15px;}
.proImg .c{ overflow:hidden;}
.proImg .c ul{ overflow:hidden; margin-right:-20px;}
.proImg .c li{ float:left; width:50%;}
.proImg .c li:nth-child(1){ width:45%;}
.proImg .c li:nth-child(2){ width:55%;}
.proImg .c .pd{ border:1px solid #83b8e6; border-radius:6px; padding:15px; background:#fff; overflow:hidden; margin-right:20px;}
.proImg .c .i{ float:left; width:42px; height:42px; line-height:42px; background:#1284e5; color:#fff; text-align:center; border-radius:50%; font-size:20px;}
.proImg .c .np{ margin-left:42px; padding-left:10px; font-size:16px; color:#1284e5; line-height:21px;}
.proImg .c .np strong{ font-size:18px; font-weight:bold;}

.atlas{ position:relative;}
.proFor{ border:1px solid #ccc;}
.proFor .pd{ display:block;}
.proTab{ position:absolute; left:18px; bottom:18px; right:18px;}
.proTab .slick-track{ margin:0px !important;}
.proTab .pd{ display:block; border:1px solid #ccc; margin-right:5px; cursor:pointer; background:#fff; font-size:14px; position:relative;}
.proTab .pd:before{ content:''; position:absolute; left:0px; top:0px; right:0px; bottom:0px; border:1px solid #ccc; display:none;}
.proTab .slick-current .pd{ border-color:#1284e5;}
.proTab .slick-current .pd:before{ border:1px solid #1284e5; display:block;}

.proText{ background:#fff; margin-bottom:65px; padding:10px 20px;}
.proTextTab{ border-bottom:2px solid #eee; margin-bottom:25px;}
.proTextTab li{ float:left; margin-right:56px;}
.proTextTab a{ display:block; line-height:60px; height:60px; padding:0 4px; font-size:16px; position:relative;}
.proTextTab a:before{ content:''; height:4px; position:absolute; left:0px; bottom:-2px; right:0px; background:#1284e5; display:none;}
.proTextTab li.curr a{ color:#1284e5;}
.proTextTab li.curr a:before{ display:block;}
.proTextCon{ font-size:16px; line-height:2;}
.proTextCon .li{ display:none; min-height:200px;}
.proTextCon .li:first-child{ display:block;}

.tit5{ line-height:1; margin-bottom:30px; text-align:center;}
.tit5 strong{ font-size:24px; color:#666;}

.tit6{ line-height:1; margin-bottom:80px; text-align:center;}
.tit6 strong{ font-size:40px; display:block; font-weight:normal; margin-bottom:1em;}
.tit6 em{ font-size:20px; text-transform:uppercase;}

.pMainJob1{ padding:88px 0;}

.joinList{ font-size:16px;}
.joinList .li{ text-align:center; box-sizing:border-box; padding:0 35px; float:left; line-height:20px;}
.joinList .li1{ text-align:left; width:26%;}
.joinList .li2{ width:13%;}
.joinList .li3{ width:13%;}
.joinList .li4{ width:13%;}
.joinList .li5{ width:15%;}
.joinList .li6{ width:20%;}

.joinListTit{ overflow:hidden; background:#278fcf; color:#fff; padding:18px 0; font-weight:bold;}
.joinListCon{}
.joinListCon dl{ background:#e5f5ff; margin-bottom:2px;}
.joinListCon dl:last-child{ border-bottom:none;}
.joinListCon dt{ overflow:hidden; padding:16px 0; cursor:pointer;}
.joinListCon dt i{ width:20px; height:20px; display:block; margin:0 auto;}
.joinListCon dd{ display:none; margin:0 35px; padding:25px 0; border-top:1px solid #278fcf;}
.testList{ font-size:14px;}
.testList .text{ float:left; width:50%; box-sizing:border-box; padding-right:3.3333%; color:#666;}
.testList .h3{ font-weight:bold; margin-bottom:10px;}
.testList .p{ font-size:14px; line-height:2.5; margin-bottom:2em;}
.testList .text1 .em{ line-height:1.7142; color:#278fcf;}
.testList .text2 .em{ line-height:1.7142; color:#000;}
.joinEmail{ color:#4c87ff;}
.joinEmail strong{ font-weight:normal;}
.joinEmail a{ color:#4c87ff;}
.joinEmail a:hover{ text-decoration:underline;}

.joinListCon{ background:#fff;}
.joinListCon dl.curr{ border:1px solid #278fcf; background:#fff;}
.joinListCon dl.curr dt{ color:#278fcf;}
.joinListCon dl.curr dt i{ transform:rotate(180deg);}

.more2{ display:inline-block; vertical-align:bottom;}
.more2 i{ float:left;}
.more2 span{ float:left; margin-left:5px; font-size:14px;}

.pMainNews1{ padding:70px 0;}
.newsList1{ margin-bottom:30px;}
.newsList1 ul{ margin-right:-30px;}
.newsList1 li{ float:left; width:33.3333%;}
.newsList1 .pd{ margin-right:30px; display:block;}
.newsList1 .img{}
.newsList1 .text{ border:1px solid #ddd; padding:10px 30px 25px 30px;}
.newsList1 .h3{ font-size:18px; line-height:1.8; height:3.6em; overflow:hidden; margin-bottom:0.5em;}
.newsList1 .em{ overflow:hidden; line-height:1; color:#999;}
.newsList1 .em em{ float:left; color:#999;}
.newsList1 .em i{ float:right;}
.newsList1 .pd:hover{}
.newsList1 .pd:hover .text{ border-color:#278fcf;}
.newsList1 .pd:hover .h3{ color:#278fcf; font-weight:bold;}
.newsList1 .pd:hover .em em{ color:#278fcf;}
.newsList2{}
.newsList2 li{ margin-bottom:20px;}
.newsList2 .pd{ display:block; border:1px solid #ddd; padding:20px 250px 20px 30px; position:relative;}
.newsList2 .h3{ font-size:18px; line-height:1.5; margin-bottom:10px;}
.newsList2 .p{ color:#666;}
.newsList2 .em{ overflow:hidden; line-height:1; position:absolute; right:30px; top:20px; text-align:right;}
.newsList2 .em em{ display:block; color:#000; margin-bottom:35px;}
.newsList2 .em i{ display:block;}
.newsList2 .pd:hover{ border-color:#278fcf;}
.newsList2 .pd:hover .h3{ color:#278fcf; font-weight:bold;}
.newsList2 .pd:hover .em em{ color:#278fcf;}


.newsMore{ text-align:center; padding:30px 0;}
.newsMore a{ display:inline-block; vertical-align:bottom; color:#666;}
.newsMore span{ display:block; font-size:14px;}
.newsMore i{ display:block; font-size:24px;}

.paging{ padding:40px 0; text-align:center;}
.paging .pd{ display:inline-block; vertical-align:bottom;}
.paging li{ float:left;}
.paging a,
.paging span{ margin:0 5px; border:1px solid #ccc; padding:0 1em; font-size:12px; height:30px; line-height:30px; float:left;}
.paging a:hover,
.paging span:hover,
.paging li.active a,
.paging li.active span{ background:#278fcf; border-color:#278fcf; color:#fff;}
.paging li.active a,
.paging li.active span{ cursor:default;}

.nCrumbs{ font-size:16px; color:#999; padding:20px 0; background:#fff;}
.nCrumbs a{ float:left; color:#999;}
.nCrumbs em{ float:left; margin:0 0.5em;}
.nCrumbs span{ float:left; color:#278fcf;}

.pMainNewsInfo1{ background:#eee; padding:70px 0;}
.newsInfo{ background:#fff; padding:30px 50px;}
.newsTit{ padding-bottom:20px; border-bottom:1px dashed #999; margin-bottom:30px;}
.newsTit h1{ font-size:20px;}
.newsTit .em{ color:#999;}
.newsCon{ font-size:14px; line-height:1.85; color:#666; margin-bottom:30px;}
.newsCon p{ margin:0.5em 0;}
.newsCon img{ max-width:100%; height:auto; display:block;}
.newsM{}
.newsM li{ background:#f5f5f5; margin-bottom:10px; line-height:46px; height:46px; padding:0 20px;}
.newsM strong{ float:left; line-height:46px; height:46px;}
.newsM a{ display:block; line-height:46px; height:46px; overflow:hidden;}

.pMainDown1{ background:#fff; padding:70px 0;}

.downList{}
.downList ul{ margin-right:-28px;}
.downList li{ width:33.3333%; float:left; margin-bottom:28px;}
.downList .pd{ margin-right:28px; display:block; border:1px solid #f2f2f2; box-shadow:2px 2px 15px rgba(0,0,0,0.1); padding:35px 30px 30px 30px; background:#fff;}
.downList .i{ margin-bottom:15px; font-size:60px; line-height:1; color:#278fcf;}
.downList .h3{ margin-bottom:8px; font-size:18px; color:#000;}
.downList .em{ overflow:hidden; line-height:18px; color:#ccc; margin-bottom:20px;}
.downList .em i{ float:left;}
.downList .em span{ float:left; margin-left:10px;}
.downList .m{}
.downList .m em{ text-align:center; width:104px; height:36px; line-height:36px; font-size:16px; background:#278fcf; color:#fff; display:block;}
.downList .pd:hover .m em{ background:#0f5278;}

.contact{ position:relative;}
.contact .map{ height:580px;}
.contact .text{ position:absolute; left:10px; top:10px; bottom:10px; width:400px; box-sizing:border-box; padding:55px 30px; background:#278fcf; color:#fff;}
.contact .h3{ line-height:1; margin-bottom:48px;}
.contact .h3 strong{ font-size:26px; margin-bottom:5px; font-weight:bold; display:block;}
.contact .h3 em{ font-size:20px;}
.contact .p{ font-size:16px; line-height:3.125;}
.contact .text a{ color:#fff;}
.contact .text a:hover{ color:#0f5278;}
@media screen and (max-width:1680px){
.wp{ width:1400px;}

.header .wp{ height:80px;}
.pbody{ padding-top:80px;}
.menu li{ margin:0 13px;}
.menu .h3 a{ height:80px; line-height:80px; font-size:18px;}

.iBanner .h3{ font-size:58px;}
.iBanner .p{ font-size:26px;}

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

.tit2{ margin-bottom:25px; padding-bottom:12px; font-size:20px;}
.tit2 strong{ margin-bottom:6px;}
.tit2 em{ font-size:12px;}
.tit2:before{ height:1px;}

.iCon{ padding-bottom:70px;}

.iPro .img{ width:84px;}
.iPro .text{ padding:25px 35px;}
.iPro{ top:-287px;}
.iPro .h3{ font-size:18px;}
.iPro .p{ font-size:14px;}

.iAbout .text{ padding:60px 60px 0 60px;}
.iAbout .p{ margin-bottom:40px;}

.iNewsimg img,
.iAboutBottom .li{ height:300px;}

.ijob .pd{ padding:40px 35px;}
.ijob dt{ font-size:74px; margin-top:-37px;}
.ijob .h3{ font-size:26px; margin-bottom:10px;}
.ijob .p{ font-size:16px;}

.iNews .pd{ padding:40px 35px;}
.iNews .tit2{ margin-bottom:25px;}
.iNewsList a{ font-size:14px;}
.iNewsList span{ height:34px; line-height:34px;}
.iNewsList em{ height:34px; line-height:34px;}

.fAbout .p{ font-size:26px;}
.fContact .h3{ margin-bottom:10px;}
.fContact .h3 dd{ font-size:24px;}
.fContact .p dl{ padding-right:40px;}

.downList ul{ margin-right:-20px;}
.downList .pd{ margin-right:20px;}
.downList li{ margin-bottom:20px;}
.downList .pd{ padding:30 25px 25px 25px;}

.contact .text{ width:400px;}
.contact .p{ font-size:14px;}
.contact .h3{ margin-bottom:40px;}
.contact .h3 strong{ font-size:24px;}
.contact .h3 em{ font-size:18px;}
}
@media screen and (max-width:1440px){
.wp{ width:1200px;}
.header .wp{ height:70px;}
.pbody{ padding-top:70px;}
.menu li{ margin:0 10px;}
.menu .h3 a{ height:70px; line-height:70px; font-size:16px;}
.logo{ margin-top:-20px;}
.logo img{ height:40px;}

.iBanner .swiperDots{ bottom:30px;}
.iBanner .h3{ font-size:38px;}
.iBanner .p{ font-size:18px; margin-bottom:70px;}
.iBanner .i:after{ height:50px;}

.tit1{ margin-bottom:20px;}
.tit1 strong{ font-size:32px;}
.tit1 em{ font-size:16px;}

.iCon{ padding-bottom:60px;}

.iPro{ top:-260px;}
.iPro .img{ width:68px; right:20px; bottom:15px;}
.iPro .text{ padding:20px 30px; height:160px;}
.iPro .h3{ font-size:16px;}
.iPro .p{ font-size:12px;}

.iAbout .text{ padding:50px 50px 0 50px;}
.iAbout .p{ margin-bottom:30px;}

.iNewsimg img,
.iAboutBottom .li{ height:286px;}

.fContact .h3 dd{ padding-left:10px;}
.fAbout .p{ font-size:24px;}
.fBottom{ padding:15px 0; line-height:20px;}

.nwp{ width:1000px;}

.downList ul{ margin-right:-15px;}
.downList .pd{ margin-right:15px;}
.downList li{ margin-bottom:15px;}
.downList .pd{ padding:25px 20px 20px 20px;}
.downList .m em{ font-size:14px;}

.contact .text{ width:360px;}
.contact .h3{ margin-bottom:30px;}
.contact .h3 strong{ font-size:21px;}
.contact .h3 em{ font-size:16px;}

.proImg .c .np{ font-size:14px; }
.proImg .c .np strong{ font-size:16px;}
}
@media screen and (max-width:1280px){
.wp{ width:1100px;}
.menu li{ margin:0 8px;}
.iPro{ top:-250px;}
.iPro .text{ height:150px;}
.fAbout .p{ font-size:20px;}
.fContact .p dl{ padding-right:20px;}
}
@media screen and (max-width:1024px){
body{ padding-top:60px;}
.wp,
.nwp{ margin:0 50px; width:auto;}

.header{ background:#fff; border-bottom:none; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.header .wp{ height:60px;}
.pbody{ padding-top:60px;}
.logo{ margin-top:-16px;}
.logo img{ height:32px;}
.logo .img1{ display:none;}
.logo .img2{ display:block;}
.tContact{ color:#333; margin-top:-19px; right:40px;}
.tContact strong{ font-size:14px;}
.tContact a{ color:#333; font-size:18px;}


.menu-link{ display:block;}

.menu{ position:fixed; right:-3px; left:-3px; height:0vh; padding:0px; top:60px; background:#fff; overflow:hidden; box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
-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;
}
.menu ul{ display:block; padding:30px;}
.menu li{ float:none; margin:0px !important; padding:0px !important;}
.menu li.curr .h3 a:before{ display:none;}
.menu li:first-child{ border-top:1px solid rgba(0,0,0,0.1);}
.menu li:nth-child(2) .h3 a:after{ display:none;}
.menu .h3{ position:relative; text-align:left; padding:0px;}
.menu .h3 a,
.body_fix .menu .h3 a{ color:#666; line-height:44px; height:44px; border-bottom:1px solid rgba(0,0,0,0.1); font-size:16px;}
.menu .h3 a:before{ display:none;}

.menu .h3 em{ display:block; color:#666;}
.menu .h3 i{ display:block; color:#666; right:22px;}

.menu .last .h3{ padding:20px 0;}
.menu .last .h3 a{ border-bottom:none;}
.menu .last .h3 em,
.menu .last .h3 i{ color:#fff;}

.menu .box{ position:static; height:auto; display:none; overflow:hidden;}
.menu .box .pd{ width:auto;}
.menu .box a{ width:33.3333%; padding:0 10px;}
.menu li:hover .box{ display:none;}

.menuCurr{ height:100vh;}

.iBanner,
.iBanner .img img{ height:auto;}
.iBanner .swiperDots{ bottom:20px;}
.iBanner .text{ left:50px; right:50px;}
.iBanner .h3{ font-size:32px;}
.iBanner .p{ margin-bottom:60px; font-size:16px;}
.iBanner .i{ margin-bottom:0px;}
.iBanner .i:after{ height:30px; width:1px;}

.iCon{ padding:50px 0;}
.iPro{ top:auto; position:relative; margin-bottom:30px;}
.iAbout{ margin-bottom:40px; padding:30px;}
.iAbout .text{ padding:0 40px 0 0;}
.ijob{ width:100%; background:#1284e5; height:auto !important;}
.ijob .pd{ position:relative;}
.ijob .m{ position:absolute; right:35px; top:40px; }
.iNewsimg{ width:50%;}
.iNews{ width:50%;}

.fAbout{  float:none; width:auto; margin-bottom:30px;}
.fContact{ float:none; width:auto;}
.fContact .p dl{ max-width:50%;}

.fBottom{ text-align:center; font-size:12px;}
.fLink{ float:none; width:auto;}
.fCopy{ float:none; width:auto; text-align:center;}

.tit1 strong{ font-size:24px;}
.tit1 em{ font-size:14px;}

.downList li{ width:50%;}

.contact .text{ position:static; width:auto; padding:30px;}
.contact .h3{ margin-bottom:20px;}
.contact .p{ line-height:2;}
.contact .map{ height:380px;}
}
@media screen and (max-width:860px){
.iAbout{ padding:0px;}
.iAbout .img{ width:auto; float:none;}
.iAbout .text{ margin:0px; padding:30px; position:relative;}

.iAboutBottom .li{ height:auto; float:none; width:auto !important;}
.iNewsimg img{ height:auto;}
.iNewsimg .text{ padding:0 20px 0 70px;}
.swiperDots span{ margin:0 3px;}
.ijob .pd{ padding:30px;}
.ijob dl{ margin-bottom:0px;}
.ijob .m{ right:30px; top:30px;}
.iNews .pd{ padding:30px;}

.swiperArrow{ width:32px; height:32px; line-height:32px; margin-top:-16px;}
.iPro .swiperPrev{ left:-16px;}
.iPro .swiperNext{ right:-16px;}

.contact .map{ height:320px;}
.BMap_omCtrl{ display:none !important;}
.BMap_stdMpCtrl{ display:none !important;}
.anchorBL{ display:none !important;}
}
@media screen and (max-width:640px){
.wp,
.nwp{ margin:0 30px;}
.iBanner .text{ left:30px; right:30px;}

.fAbout{ text-align:center;}
.fAbout .h3{ line-height:1; height:auto;}
.fAbout .m{ position:static; margin-bottom:30px;}
.share{}
.share ul{ display:inline-block; vertical-align:bottom;}
.fContact{ text-align:center;}
.fContact .h3{ display:inline-block; vertical-align:bottom; text-align:left; padding:0 50px}
.fContact .h3 dt{ width:72px; height:72px; font-size:70px; line-height:72px;}
.fContact .h3 dd{ margin-left:72px;}
.fContact .h3 dd em{ display:none;}
.fContact .h3 dd a{ display:block;}
.fContact .p{ margin-right:0px; display:inline-block; vertical-align:bottom; text-align:left;}
.fContact .p dl{ max-width:inherit; float:none; padding-right:0px;}

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

.proImg .c li{ width:100% !important; margin-bottom:5px;}
}
@media screen and (max-width:480px){
.wp,
.nwp{ margin:0 25px;}
.swiperDots{ bottom:10px;}
.iBanner .swiperDots{ bottom:10px;}
.iBanner .text{ left:25px; right:25px;}
.iBanner .h3{ font-size:24px; margin-bottom:10px;}
.iBanner .p{ font-size:14px; margin-bottom:30px; padding:0 20%;}
.iBanner .i{ display:none;}

.tit1 strong{ font-size:18px; margin-bottom:0.4em;}
.tit1 em{ font-size:12px;}

.tit2{ font-size:18px;}

.iCon{ padding:40px 0;}
.iPro{ margin-bottom:20px;}
.iPro .swiperArrow{ display:none;}
.iPro .swiperDots{ display:block;}
.iAbout{ margin-bottom:20px;}
.iAbout .p{ line-height:1.8;}
.iAboutBottom{ background:none;}
.iAboutBottom .li{ background:#fff; margin-bottom:20px;}
.iAboutBottom .li:last-child{ margin-bottom:0px;}
.iAboutBottom .li.ijob{background: #1284e5;}
.ijob dd{ text-align:right;}
.iNewsimg .swiperDots{ left:0px; right:0px; text-align:center; bottom:42px;}
.iNewsimg .text{ height:32px; line-height:32px; font-size:14px;}

.fContact .h3{ padding:0px;}
.fAbout .m{ margin-bottom:15px;}
.fAbout{ margin-bottom:15px}

.paging a,
.paging span{ font-size:12px; padding:0 0.5em; line-height:22px; height:22px;}
.downList .i{ font-size:48px;}
.downList .h3{ font-size:16px;}
}
@media screen and (max-width:413px){
.wp,
.nwp{ margin:0 20px;}
.iBanner .h3{ font-size:20px;}

}
@media screen and (max-width:374px){
body{ font-size:12px;}

.wp,
.nwp{ margin:0 15px;}
.iCon{ padding:30px 0;}

.menu .h3 a,
.body_fix .menu .h3 a{ line-height:40px; height:40px; font-size:14px;}
.tContact{ right:30px;}

.iBanner .h3{ font-size:18px;}
.iBanner .p{ margin-bottom:15px;}

.iPro .text,
.iAbout .text,
.ijob .pd,
.iNews .pd{ padding:20px;}
.ijob .m{ right:20px; top:20px;}
.iNewsList span{ margin-right:90px;}
.fAbout .p{ font-size:18px;}
.fContact .h3 dt{ width:60px; height:60px; line-height:60px; font-size:60px;}
.fContact .h3 dd{ font-size:20px; line-height:30px; margin-left:60px;}

.ijob dt{ font-size:56px; margin-top:-28px;}
.ijob dl{ padding-left:76px;}
.ijob .h3{ font-size:22px;}
.ijob .p{ font-size:14px;}
.iNews .tit2{ margin-bottom:20px;}
}

@media screen and (max-width:1680px){
.pMain{ padding:70px 0;}

.pbanner .img img{ height:380px;}
.pbanner .h3{ font-size:34px;}
.pbanner .em{ font-size:18px;}
.pbanner .p{ font-size:26px;}
.pNavList a{ font-size:14px; line-height:50px; height:50px;}
.crumbs{ line-height:50px; font-size:14px;}

.tit3 strong{ font-size:24px;}
.tit3 em{ font-size:16px;} 
.tit3 a{ font-size:26px;} 

.pMainAbout1_1{ font-size:16px; line-height:2;}
.pMainAbout2_1{ margin-left:230px;}
.pMainAbout2_1 dl{ margin-bottom:60px;}
.pMainAbout2_1 dl:last-child{ margin-bottom:40px;}
.pMainAbout2_1 dt{ font-size:20px;}
.pMainAbout2_1 dd{ font-size:16px;}
.pMainAbout1_1,
.pMainAbout2_1,
.pMainAbout3_1{ margin-left:230px;}

.proList .h3{ font-size:16px;}
.proList .pd{ padding:30px 25px;}
.proList li:nth-child(1) .text{ height:435px;}
.proList li:nth-child(1) .img{ bottom:50px; left:25px;}
.proList li:nth-child(1) .img img{ width:120px;}
.proList li:nth-child(1) .p{ font-size:14px;}

.tit4{ margin-bottom:40px;}
.tit4 strong{ font-size:24px;}
.proList2 .h3{ font-size:16px;}
.proList2 ul{ margin-right:-15px;}
.proList2 .pd{ margin-right:15px;}

.proImg .text{ padding-left:30px;}
.proImg .h3{ font-size:21px;}
.proImg .p{ font-size:16px;}
.pCrumbsFl{ font-size:14px;}
.proTextCon{ font-size:14px;}

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

.tit6 strong{ font-size:32px;}
.tit6 em{ font-size:18px;}

.joinList{ font-size:14px;}
.joinList .li{ padding:0 30px;}
.joinListCon dd{ margin:0 30px;}

.tit6{ margin-bottom:60px;}

.newsList1 ul{ margin-right:-20px;}
.newsList1 .pd{ margin-right:20px;}
.newsList1 .text{ padding:15px 20px 20px 20px;}
.newsList1 .h3{ font-size:16px; line-height:1.5; height:3em;}

.newsList2 .pd{ padding:15px 200px 15px 25px;}
}
@media screen and (max-width:1440px){
.pMain{ padding:60px 0;}

.pbanner .img img{ height:360px;}
.pbanner .h3{ font-size:28px;}
.pbanner .em{ font-size:16px;}
.pbanner .p{ font-size:20px;}
.pNavList a{ font-size:14px; line-height:44px; height:44px;}
.crumbs{ line-height:44px; font-size:14px;}

.tit3 strong{ font-size:18px;}
.tit3 em{ font-size:12px;}
.tit3 a{ font-size:24px;} 

.pMainAbout1_1,
.pMainAbout2_1,
.pMainAbout3_1{ margin-left:200px;}
.pMainAbout2_1 dl{ margin-bottom:50px;}
.pMainAbout2_1 dl:last-child{ margin-bottom:30px;}
.pMainAbout2_1 dt{ font-size:18px;}
.pMainAbout2_1 dd{ font-size:16px;}
.pMainAbout3_1 .swiperArrow{ width:36px; height:36px; line-height:36px; font-size:16px;}
.pMainAbout3_1 .swiperNext{ left:54px;}

.tit4{ margin-bottom:36px;}
.tit4 strong{ font-size:21px;}

.proImg .h3{ font-size:18px;}
.proImg .p{ font-size:14px;}

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

.tit6 strong{ font-size:24px;}
.tit6 em{ font-size:16px;}


.joinList .li{ padding:0 25px;}
.joinListCon dd{ margin:0 25px;}

.tit6{ margin-bottom:50px;}

.newsList1 ul{ margin-right:-15px;}
.newsList1 .pd{ margin-right:15px;}
.newsList1 .text{ padding:15px;}
}
@media screen and (max-width:1024px){

.pMain{ padding:40px 0;}

.pbanner .text{ bottom:0px;}
.pbanner .img img{ height:240px;}
.pbanner .h3{ font-size:24px;}
.pbanner .em{ font-size:14px;}
.pbanner .p{ font-size:18px;}
.pNavList a{ font-size:14px; line-height:44px; height:44px;}
.crumbs{ line-height:44px; font-size:14px;}
.pNav{ position:static; background:#f5f5f5;}
.pNav .wp{ background:none;}
.pNavList{ float:none; text-align:center;}
.pNavList ul{ display:inline-block; vertical-align:bottom;}
.crumbs{ display:none;}

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

.tit4{ margin-bottom:30px;}
.tit4 strong{ font-size:18px;}
.proList2 li{ width:50%;}
.proList2 .pd{ height:250px; padding:30px 20px;}
.proList2 .text{ padding-bottom:50px;}
.caseM a{ font-size:16px;}

.tit5{ margin-bottom:20px;}
.tit6 strong{ font-size:21px;}
.tit6 em{ font-size:14px;}

.joinList .li{ padding:0 20px;}
.joinListCon dd{ margin:0 20px;}

.tit6{ margin-bottom:40px;}

.proImg .p{}
.pMainAbout1_1{ font-size:14px;}
}

@media screen and (max-width:860px){
.tit3{ position:relative; left:auto; top:auto; text-align:center; padding-bottom:17px; margin-bottom:30px;}
.tit3 strong{ margin-bottom:10px;}
.tit3 em{ margin-bottom:0px;}
.tit3 em br{ display:none;}
.tit3 a{ display:none;}
.tit3:before{ background:#4c87ff; content:''; height:3px; width:2em; left:50%; bottom:0px; margin-left:-1em; position:absolute;}
.pMainAbout1_1,
.pMainAbout2_1,
.pMainAbout3_1{ margin-left:0px;}
.pMainAbout2 .tit3:before{ background:#fff;}
.pMainAbout2_1 dl{ margin-bottom:30px;}
.pMainAbout2_1 dl:last-child{ margin-bottom:0px;}
.pMainAbout3_1 .swiperDots{ display:block;}
.pMainAbout3_1 .swiperArrow{ display:none;}

.proList li{ width:50%;}
.proList .img{ right:20px;}
.proList .img img{ width:72px;}
.proList li:nth-child(1) .text{ height:180px;}
.proList li:nth-child(1) .img{ left:auto; bottom:20px; right:20px;}
.proList li:nth-child(1) .img img{ width:72px;}
.proList li:nth-child(7){ width:100%;}

.proImg .img{ width:auto; float:none;}
.proImg .text{ margin:0px; padding:20px 0 0 0;}
.proTextTab{ margin-bottom:20px;}
.proTextCon .li{ min-height:180px;}

.proInfo{ padding-top:40px;}
.pCrumbs{ display:none;}
.proText{ margin-bottom:30px;}
.proTextTab a{ height:44px; line-height:44px;}
.proTextTab a:before{ height:3px;}
.proTextTab li{ margin-right:30px;}

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

.joinList .li{ padding:0 15px;}
.joinList .li1{ width:50%;}
.joinList .li2{ display:none;}
.joinList .li3{ display:none;}
.joinList .li4{ display:none;}
.joinList .li5{ width:25%;}
.joinList .li6{ width:25%;}
.joinListCon dd{ margin:0 15px;}

.testList .text{ width:auto; padding:0px; float:none; margin-bottom:30px;}
.testList .p{ line-height:2;}

.newsList2 .pd{ padding:20px;}
.newsList2 .h3{ font-size:16px;}
.newsList2 .p{ margin-bottom:20px;}
.newsList2 .em{ position:static; text-align:left;}
.newsList2 .em em{ margin-bottom:0px; color:#999;}
.newsList2 .em i{ display:none;}
.paging{ padding:20px 0;}

.nCrumbs{ display:none;}
.pMainNewsInfo1{ padding:0px;}
.pMainNewsInfo1 .nwp{ margin:0px;}
.newsInfo{ padding:30px;}
.newsTit h1{ font-size:18px;}
}

@media screen and (max-width:640px){
.proList ul{ margin-right:0px;}
.proList li{ width:auto; float:none;}
.proList .pd{ margin-right:0px;}

.proList2 ul{ margin:0px;}
.proList2 li{ width:auto; float:none;}
.proList2 .pd{ margin-right:0px; height:auto;}
.proList2 .text{ padding-bottom:30px;}
.proList2 .h3{ margin-bottom:10px;}

.caseM a{ font-size:14px;}

.joinList .li5{ width:35%;}
.joinList .li6{ width:15%;}
.more2_1 span{ display:none;}

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

@media screen and (max-width:480px){
.pbanner .h3{ font-size:18px;}
.pbanner .em{ font-size:12px;}
.pbanner .p{ font-size:14px;}

.pMainAbout2_1{ text-align:center;}
.pMainAbout2_1 dl{ margin-bottom:20px;}
.pMainAbout2_1 dt{ font-size:18px;}
.pMainAbout2_1 dd{ font-size:14px;}

.newsInfo{ padding:30px 25px;}


.pbanner .text{ left:25px; right:25px;}
.pbanner .em{letter-spacing:inherit;}

.tit6 em{ line-height:1.2;}

.iNews .pd{ padding:30px 25px;}
.iNewsList a{ font-size:12px;}
.iNewsList em{ font-size:12px;}
.iNewsList span{ margin-right:75px;}
}
@media screen and (max-width:413px){
.newsInfo{ padding:30px 20px;}
.newsTit h1{ font-size:16px;}

.pNavList a{ padding:0 20px;}
.pbanner .text{ left:20px; right:20px;}

.iNews .pd{ padding:25px 20px;}
}
@media screen and (max-width:374px){
.newsInfo{ padding:25px 15px;}
.pbanner .text{ left:15px; right:15px;}

.iNews .pd{ padding:20px 15px;}
}