@charset "utf-8";
html{scroll-behavior: smooth;}
body{ overflow-x:hidden;}
body{ color:#757575; height:auto; box-sizing:border-box; font-size:16px; line-height: 1.4; padding-top:120px;}
.embody{position: relative;height: 100%; width: 100%; overflow: hidden; padding-top:0; box-sizing: border-box;}
.user-select{-moz-user-select: none; /*火狐*/
-webkit-user-select: none;  /*webkit浏览器*/
-ms-user-select: none;   /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;}
a{ color:#757575; text-decoration:none;}
a:hover{ text-decoration:none; color:#00616C;}
i,em{ font-style:normal;}
.fNav .h3 span,
.fNav .h3 i,
.menu .h3 span,
.menu .h3 i{
font-family:"iconfont" !important; font-size:1em; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}
.menu,
.menu .h3 a,
.header .wp,
.logo img{
transition: all 0.3s ease-out;
}
/*淡入 向上 循环*/
.FmovefadeInDown,
.pageNext:before{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;}}
.menu-link { display:none; box-sizing: border-box; position:absolute; top:50%; margin-top:-20px; right:-8px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:7px; transition: all 0.2s ease-out;}
.menu-link em{ position:absolute; z-index:3; right:100%; top:50%; text-transform:uppercase; height:40px; line-height:40px; margin-top:-20px; font-size:16px; color:#000; 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: #fff;width: 100%;height:2px; transition: all 0.4s;box-sizing: border-box;}
.menu-link span{transition:none;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -8px;content: " ";}
.menu-link span:after {top:8px;}
/*.menu-link.active{ background:#00616C; border-radius: 50%;}*/
.menu-link.active span {background: transparent;}
.menu-link.active span:before { background-color:#fff; transform: rotate(45deg); top:0;}
.menu-link.active span:after { background-color:#fff; transform: rotate(-45deg); top:0;}
.menu-link.active em{ display:none;}
.wp{ position: relative; margin: 0 auto; width: 1400px; box-sizing: border-box;}
.header{ position:fixed; left:0; top:0; right:0; z-index:999; transition: 0.3s all; background: #fff; box-shadow: 0 5px 20px 0 rgba(0,97,108,0.3);}
.logo{ position:absolute; top:50%; margin-top:-0.5em; font-size:68px; line-height: 1; z-index: 4; left:0;}
.logo img{ height:1em; width:auto; display: block;}
.logo img.img1{ display: block;}
.logo img.img2{ display: none;}
.tLanguage{ position: absolute; top: 50%; margin-top: -25px; right:150px; padding:0; z-index: 3;}
.tLanguage .i{ width: 1em; height: 1em; line-height: 1em; border-radius: 50%; font-size:32px; color: #fff; text-align: center; cursor: pointer; display: none;}
.tLanguage.active .i:before{ content:"\e80c";}
.tLanguage .box{ display: block;}
.tLang{ position: relative;}
.tLang .t{ display: flex; color: #666; line-height: 1; align-items: center; height: 50px; cursor: pointer;}
.tLang .t i{ font-size: 22px;}
.tLang .t span{ font-size: 14px; margin-left: 0.6em;}
.tLang .t em{ font-size: 12px; margin-left: 0.4em;}
.tLang .c{ position: absolute; top: 100%; left: 50%; width: 120px; margin-left: -60px; visibility: hidden; opacity: 0; transform: translateY(10px); pointer-events: none; transition: 0.3s all;  padding:10px 0 0 0;}
.tLang .c ul{ text-align: center; background: #fff; border-radius: 8px; padding: 10px 0; box-shadow: 0 5px 20px 0 rgba(0,97,108,0.3);}
.tLang .c a{ display: block; line-height: 2; color: #666; font-size: 18px;}
.tLang .c a:hover{ color: #00616C; font-weight: bold;}
.tLang:hover .c{ visibility: visible; opacity: 1; transform: translateY(0px); pointer-events:auto;}
.tLogin{ position: absolute; right: 0; top: 50%; margin-top: -25px;}
.tLogin .i{ display: none; width: 1em; height: 1em; line-height: 1em; border-radius: 50%; font-size:32px; color: #fff; text-align: center; cursor: pointer;}
.tLogin .box{}
.tLogin .box .pd{}
.tLogin .box span,
.tLogin .box a{ height: 3.125em; width: 7.5em; display: block; text-align: center; line-height: 3.125em; font-size: 16px; color: #fff; background: #00616c; border-radius: 0.5em;}
.tLogin .box a:hover{ color:#00616c; transform: translateY(-5px);}
.menu{ text-align: right; margin: 0 240px; position: relative; padding:35px 0; z-index: 3;}
.menu ul{ display: flex; justify-content: flex-end;}
.menu li{ float: left; position: relative; margin: 0 20px;}
.menu .h3{ position: relative;}
.menu .h3 a{ display: block; color: #666666; height:2.777777777777778em; line-height:2.777777777777778em; font-size: 18px; font-weight: bold;  position: relative; transition: 0.4s all;}
/* .menu .h3 a[href="javascript:;"]{ cursor:default;} */
.menu .h3 a:after{ content:''; position: absolute;  width:0; height: 0.3333333333333333em; background: #df2424; left: 50%; transform: translateX(0%); bottom:0; transition: 0.4s all; opacity: 0;}
.menu li:last-child .h3 a:before{ display: none;}
.menu .h3 strong{ font-weight:normal;}
.menu .h3 span{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; font-size: 16px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer; margin-right:-10px;}
.menu .h3 span:before{ content: "\e604";}
.menu .h3 span.active:before { content: "\e606";}
.menu .h3 i{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; font-size: 16px; width:40px; height:40px; text-align:center; line-height:40px; margin-right:-10px;}
.menu .h3 i:before { content:"\e8e9";}
.menu .box{ position: absolute; top: 100%; left: 50%; width: 180px; margin-left: -90px;  padding-top: 0; visibility: hidden; opacity: 0; transform: translateY(10px); pointer-events: none; transition: 0.3s all;  padding:10px 0 0 0;}
.menu .box .npd{background:#fff; border-radius: 8px; box-shadow: 0 5px 20px 0 rgba(0,97,108,0.3); box-sizing: border-box; padding:20px 0;}
.menu .box a{ font-size: 16px; line-height: 1.75; display: block; text-align: center; color:#666666;}
.menu .box .curr a,
.menu .box a:hover{ color:#00616C; font-weight: bold;}

.menu li.curr .h3 a{ color: #00616C;}
.menu li.curr .h3 a strong{ font-weight: bold;}
.menu li:hover .h3 a:after,
.menu li.curr .h3 a:after{ width: 2.8em; opacity: 1; transform: translateX(-50%);}
.menu li:hover .box,
.menu li.active .box{ visibility: visible; opacity: 1; transform: translateY(0px); pointer-events:auto;}
.logo img.img1{ display: none;}
.logo img.img2{ display: block;}
.header{background: #00616c;}
.menu .h3 a{ color: #fff;}
.menu li.curr .h3 a{ color: #fff;}
.tLang .t{ color: #fff;}
.tLogin .box span,
.tLogin .box a{ color: #222222; background: #fff; transition: 0.3s all;}
/*
.pbody_fix .header{}
*/
/*视频*/
.play_btn{ background:#000; display:block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; position:relative;}
.play_btn i{ position: absolute; left:0; top:0; right:0; bottom:0; background: rgba(0,0,0,0.1); transform: translateZ(0); transition: 0.3s all; z-index: 2;}
.play_btn i:before{ font-size: 80px; width: 1em; height: 1em; line-height: 1; position: absolute; top: 50%; left: 50%; margin: -0.5em 0 0 -0.5em; color: #fff;}
.play_btn:hover i{ color:#fff; background:rgba(0,0,0,0.5);}
.video_bg{ position:fixed; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:42; display:none;}
.video_box{ position:fixed; width:1200px; height:auto; left:50%; top:50%; margin:-360px 0 0 -600px; z-index:43; display:none;}
.video_box .img_cut{ background:#000;}
.video_box i{ color:#fff; width:40px; height:40px; position:absolute; text-align:center; line-height:40px; background-color:#C01924; border-radius:50%; cursor:pointer; z-index:37; left:50%; bottom:-50px; margin-left:-20px;}
.video_box i:hover{ background: #802C19;}
.video_box video{ width:100%; height:auto; display:block; background: #000;}
.video_box iframe{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:36;}
.video_box_vr i{ position:fixed; top:30px; right:30px; bottom:auto; left:auto; margin:0;}
@media screen and (max-width:768px){
.video_box{ left:0; margin:0; top:0; height:auto; right:0; width:auto;}
.video_box video{ height:auto;}
}
/*搜索*/
.searchMain1{ background: #f5f5f5;}
.search_tit{ font-size:18px; height:20px; line-height:20px; color:#333; border-left:2px solid #00616C; padding-left:14px; margin-bottom:24px;}
.search_tit span{ color:#00616C; margin-left:0.5em;}
.search_list{ background:#fff; padding:40px; min-height:25vh; border-radius: 12px;}
.search_list ul{ border-top:1px dashed #ccc;}
.search_list li{ padding:15px 0; border-bottom:1px dashed #ccc;}
.search_list .pd{}
.search_list .h3{ font-size:18px;}
.search_list .h3 em{ color:#00616C; margin-right:10px;}
.search_list .em{ font-size:14px; color:#ccc;}
.search_list .p{ font-size:14px; color:#666;}
@media screen and (max-width:768px){
.iMainSearch1{ padding: 40px 0;}
.search_tit{}
.search_list{ padding: 30px; min-height: 20vh;}
.search_list .h3{ font-size:14px;}
}
@media screen and (max-width:480px){
.search_list{ padding: 25px;}
}
@media screen and (max-width:413px){
.search_list{ padding: 20px;}
}
@media screen and (max-width:374px){
.search_list{ padding: 15px;}
}
/*分页*/
.pagination{ text-align:center; font-size:1em; font-family:arial; padding:3.6em 0 0 0;}
.pagination li{ display:inline-block; vertical-align:bottom; margin:0 0.5em;}
.pagination a,
.pagination span{ display:block; line-height:2.5; min-width: 2.5em; box-sizing: border-box; padding:0 1em; background: #F2F7F7; color: #00616C; border-radius: 0.4em; transition: 0.3s all;}
.pagination a:hover,
.pagination .active span{ background:#00616C; color:#fff;}
@media screen and (max-width:640px){
.pagination li{ margin: 0 1px;}
}
.iBanner{}
.iBanner .pd{ display: block; position: relative;}
.iBanner .img{}
.iBanner .img img{ width: 100%; height: calc(100vh - 120px);}
.iBanner .text{ left: 0; top: 0; bottom: 0; right: 0; position: absolute; z-index: 2; display: flex; align-items: center;}
.iBanner .wp{}
.iBanner .npd{ width: 58%;}
.iBanner .h3{ font-size: 42px; color: #fff; line-height: 1.4; margin-bottom: 0.5714285714285714em;}
.iBanner .p{ font-size: 18px; color: #fff; line-height:1.777777777777778; margin-bottom: 2em;}
.iBanner .m{ display: flex;}
.iBanner .m a{ height: 3em; line-height: 3em; width: 8.833333333333333em; font-size: 24px; border-radius: 0.3333333333333333em; display: block; text-align: center; margin-right: 0.25em; transition: 0.3s all;}
.iBanner .m a.a1{ background: #FFFFFF; color: #00616C; font-weight: bold;}
.iBanner .m a.a1:hover{ background: #00616C; color: #fff; transform: translateY(-5px);}
.iBanner .m a.a2{ color: #fff;}
.iBanner .m a.a2:hover{ background: #00616C; color: #fff; transform: translateY(-5px);}
.iMain{ padding: 85px 0; background: no-repeat center center; background-size: cover; }
.iMain1{ overflow: hidden; padding-bottom: 0;}
.iAbout{}
.iAbouCon{ position: relative;}
.iAbouCon .swiper{ margin: 0 -30px;}
.iAbouCon .pd{ display: flex; flex-direction: row-reverse; margin: 0 30px;}
.iAbouCon .img{ width: 56.25%; height: auto; display: block; margin-left: 60px; background: #000;}
.iAbouCon .img video,
.iAbouCon .img img{ width: 100%; aspect-ratio: 640/360; object-fit: cover; display: block;}
.iAbouCon .text{ flex: 1;}
.iAbouCon .h3{ font-size: 32px; color: #222222; line-height: 1.2; margin-bottom: 0.75em;}
.iAbouCon .p{ font-size: 18px; color: #666666; line-height: 1.6;}
.iAbouCon .swiperDots{ display: flex; justify-content: flex-end; bottom: -30px;}
.iAboutTab{ padding-top: 30px; transform: translateY(1px);}
.iAboutTab ul{ display: flex;}
.iAboutTab li{ width: 25%;}
.iAboutTab .pd{ display: block; transform: scale(0.9) translateZ(0); transform-origin: bottom center; transition: 0.3s all; cursor: pointer;}
.iAboutTab .pd img{ width: 100% ; height: auto; display: block; filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));}
.iAboutTab li.curr .pd{ transform: scale(1) translateZ(0);}
.iAboutTab .pd:hover img{ filter: drop-shadow(0 0 10px rgba(0, 97, 108, 1));}
.iAboutTab li.curr .pd img{ filter: drop-shadow(0 0 20px rgba(0, 97, 108, 1));}
.iTit1{ margin-bottom: 60px; display: flex; justify-content: space-between; align-items: center;}
.iTit1 strong{ font-size: 46px; display: block; line-height: 1.2;}
.iTit1 a{ font-size: 32px;color: #666666; display: flex; align-items: center; line-height: 1; transition: 0.3s all;}
.iTit1 a:hover{ transform: translateY(-5px); color: #00616C; }
.iTit1 i{ font-size: 0.6666em; margin-left: 0.25em;}
.iTit1_1{ color: #fff;}
.iTit1_2{ color: #222222;}
.iMain2{ background-image: url("../images/bg2.jpg");}
.iOffer{ background: rgba(255,255,255,0.1); padding: 60px 120px; border-radius: 8px;}
.iOffer ul{ display: flex; flex-wrap: wrap; margin: 0 -60px;}
.iOffer li{ width: 50%;}
.iOffer .pd{ margin: 0 60px; padding: 40px 0;}
.iOffer .h3{ color: #fff; position: relative; padding-left: 1.083333333333333em; font-size: 24px; line-height: 1.2;}
.iOffer .h3:before{ content: ''; position: absolute; width: 0.25em; height: 1.833333333333333em; background: #DF2424; left: 0; top: 0;}
.iMain3{}
.iTrial{}
.iTrial ul{}
.iTrial li{ margin-bottom: 56px;}
.iTrial li:last-child{ margin-bottom: 0;}
.iTrial .pd{ display: flex; transition: 0.3s all; border-radius: 8px;}
.iTrial .t{ width: 480px; background: rgba(0, 97, 108, 0.05); margin-right: 20px; box-sizing: border-box; padding: 40px; display: flex; align-items: center;}
.iTrial .n{ color: #00616C; font-size: 24px; line-height: 1.2; margin-bottom: 0.5em; font-weight: bold;}
.iTrial .d{ color: #00616C; font-size: 24px; line-height: 1.2; position: relative; padding-bottom: 1.25em; margin-bottom: 1em; font-weight: bold;}
.iTrial .d::before{ content: ''; position: absolute; width: 1.916666666666667em; height: 0.25em; background: #DF2424; left: 0; bottom: 0;}
.iTrial .em{ color: #666666; font-size: 18px;}
.iTrial .c{ flex: 1; padding: 20px; box-sizing: border-box}
.iTrial .h3{ font-size: 32px; color: #222222; line-height: 1.3125; height: 3.9375em; margin-bottom: 0.3125em; font-weight: bold; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.iTrial .text{ display: flex; }
.iTrial .p{ font-size: 18px; color: #666666; line-height: 1.444444444444444; flex: 1;}
.iTrial .m{ width: 120px; margin-left: 60px; display: flex; align-items: center;}
.iTrial .pd:hover{ transform: translateY(-5px); background: #f5f5f5; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.2); }
.more1{ background: #DF2424; color: #fff; text-align: center; display: block; padding: 16px; border-radius: 8px; transition: 0.3s all;}
.more1 span{ font-size: 18px; font-weight: bold; display: block; line-height: 1.2;}
.more1 i{ font-size: 22px; display: block; line-height: 1.2;}
.more1:hover{ transform: translateY(-5px);}
.iMain4{ background: #fafcfc;}
.iNews{}
.iNews ul{ display: flex; margin: 0 -24px; flex-wrap: wrap;}
.iNews li{ width:33.3333%; margin-bottom: 42px;}
.iNews li:nth-child(n+4){ margin-bottom: 0px;}
.iNews .pd{ display: block; margin: 0 24px; position: relative; background: #fff; border-radius: 8px; padding: 42px 34px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.2);transition: 0.3s all;}
.iNews .img{ margin-bottom: 12px;}
.iNews .img img{ aspect-ratio: 640/418; object-fit: cover;}
.iNews .text{}
.iNews .h3{ font-size: 24px; line-height: 1.333333333333333; height: 6.666666666666667em; margin-bottom: 0.6666666666666667em; font-weight: bold; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;}
.iNews .p{ font-size: 18px; line-height: 1.444444444444444; height: 10.11111111111111em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7;}
.iNews .em{ padding-top: 1em; font-size: 18px;}
.iNews .m{ padding-top: 40px;}
.iNews .texta{}
.iNews .texta .h3{ color: #222222;}
.iNews .texta .p{ color: #666; }
.iNews .textb{ color: #fff; background: #00616c; position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 42px 34px; border-radius: 8px; opacity: 0; transition: 0.3s all;}
.iNews .textb .p{ height: 20.22222222222222em; -webkit-line-clamp: 14;}
.iNews .pd:hover{ transform: translateY(-5px); box-shadow: 5px 5px 20px 0 rgba(0,97,108,0.5);}
.iNews .pd:hover .textb{ opacity: 1;}
.more2{ width: 10.6em; height: 3.7em; background: #FFFFFF; border-radius: 0.4em; color: #00616C; font-size: 20px; display: block; margin: 0 auto; text-align: center; line-height: 3.7em; font-weight: bold; transition: 0.3s all;}
.more2:hover{ transform: translateY(-0.25em);}
.footer{ color: #fff; background: #00616c;}
.footer a{ color: #fff;}
.footer a:hover{ text-decoration: underline;}
.fTop{ background: url("../images/footer_bg.jpg") no-repeat center center; background-size: cover; padding: 64px 0; display: none;}
.homeBody .fTop{ display: block;}
.fLayout{ display: flex; justify-content: space-between;}
.fLayout .t{ max-width: 45%;}
.fLayout .h3{ font-size: 46px; font-weight: bold; line-height: 1;}
.fLayout .h3 strong{ font-size: 1.739130434782609em; font-weight: bold;}
.fLayout .em{ font-size: 24px;}
.fLayout .c{ max-width: 34em; text-align: right; padding-top: 34px; line-height: 1.333333333333333;}
.fCon{ padding: 65px 0;}
.fCon .wpd{ display: flex; justify-content: space-between;}
.footerFl{}
.footerFc{ padding-right: 120px;}
.footerFr{ position: absolute; right: 0; top: 0;}
.fLogo{ font-size: 110px; line-height: 1;}
.fLogo img{ width: auto; height: 1em; display: block;}
.fNav{}
.fNav ul{ display: flex; flex-wrap: wrap; margin: 0 -24px;}
.fNav li{}
.fNav li a{ display: block; margin: 0 1.5em; height: 3.125em; line-height: 3.125em; font-size: 16px;}
.fLang{ position: relative;}
.fLang .t{ display: flex; color: #fff; line-height: 1; align-items: center; height: 50px; cursor: pointer; justify-content: flex-end;}
.fLang .t i{ font-size: 22px;}
.fLang .t span{ font-size: 14px; margin-left: 0.6em;}
.fLang .t em{ font-size: 12px; margin-left: 0.4em;}
.fLang .c{ position: absolute; bottom: 100%; left: 50%; width: 120px; margin-left: -60px; visibility: hidden; opacity: 0; transform: translateY(10px); pointer-events: none; transition: 0.3s all;  padding:10px 0 0 0;}
.fLang .c ul{ text-align: center; background: #fff; border-radius: 8px; padding: 10px 0; box-shadow: 0 5px 20px 0 rgba(0,97,108,0.3);}
.fLang .c li a{ display: block; line-height: 2; color: #666; font-size: 16px;}
.fLang .c li a:hover{ color: #00616c; font-weight: bold; text-decoration: none;}
.fLang:hover .c{ visibility: visible; opacity: 1; transform: translateY(0px); pointer-events:auto;}
.fEmail{ font-size: 16px;}
.fBottom{ display: none;}
/* 首页PC适配 */
body{ font-size: 1.04166666666667vw; padding-top: 6em;}
/*  */
.wp{ width: 72em;}
.logo{ font-size: 3.4em;}
.tLanguage{ margin-top: -1.25em; right:7.5em;}
.tLang .t{ height: 2.5em;}
.tLang .t i{ font-size: 1.1em;}
.tLang .t span{ font-size: 0.7em; }
.tLang .t em{ font-size: 0.6em;}
.tLang .c{ width: 6em; margin-left: -3em; transform: translateY(0.5em); padding:0.5em 0 0 0;}
.tLang .c ul{ border-radius: 0.4em; padding: 0.5em 0; box-shadow: 0 0.25em 1em 0 rgba(0,97,108,0.3);}
.tLang .c a{ font-size: 0.8em;}
.tLogin{ margin-top: -1.25em;}
.tLogin .box a{ font-size: 0.8em;}
.menu{ margin: 0 12em; padding:1.75em 0;}
.menu ul{}
.menu li{ margin: 0 1em;}
.menu .h3 a{ font-size: 0.9em;}
.menu .box{ width: 9em; margin-left: -4.5em; transform: translateY(0.5em); padding:0.5em 0 0 0;}
.menu .box .npd{ border-radius: 0.4em; box-shadow: 0 0.25em 1em 0 rgba(0,97,108,0.3); padding:1em 0;}
.menu .box a{ font-size: 0.8em;}
/*  */
.iBanner .img img{ height: calc(100vh - 6em);}
.iBanner .h3{ font-size: 2.1em;}
.iBanner .p{ font-size: 0.9em;}
.iBanner .m a{ font-size: 1.2em;}
.iBanner .m a.a1:hover{ transform: translateY(-0.25em);}
.iBanner .m a.a2:hover{ transform: translateY(-0.25em);}
.iMain{ padding: 4.25em 0; }
.iMain1{ padding-bottom: 0;}
.iAbouCon .swiper{ margin: 0 -1.5em;}
.iAbouCon .pd{ margin: 0 1.5em;}
.iAbouCon .img{ margin-left: 3em;}
.iAbouCon .h3{ font-size: 1.6em;}
.iAbouCon .p{ font-size: 0.9em;}
.iAbouCon .swiperDots{ bottom: -1.5em;}
.iAboutTab{ padding-top: 1.5em;}
.iAboutTab .pd img{ filter: drop-shadow(0 0 0.5em rgba(0, 0, 0, 0.5));}
.iAboutTab .pd:hover img{ filter: drop-shadow(0 0 0.5em rgba(0, 97, 108, 1));}
.iAboutTab li.curr .pd img{ filter: drop-shadow(0 0 1em rgba(0, 97, 108, 1));}
.iTit1{ margin-bottom: 3em;}
.iTit1 a{ font-size: 1.6em; }
.iTit1 a:hover{ transform: translateY(-0.2em);}
.iTit1 strong{ font-size: 2.3em;}
.iOffer{ padding: 3em 6em; border-radius: 0.4em;}
.iOffer ul{ margin: 0 -3em;}
.iOffer .pd{ margin: 0 3em; padding: 2em 0;}
.iOffer .h3{ font-size: 1.2em; }
/*  */
.iTrial li{ margin-bottom: 2.8em;}
.iTrial .pd{ border-radius: 0.4em;}
.iTrial .t{ width: 24em; margin-right: 1em; padding: 2em; }
.iTrial .n{ font-size: 1.2em;}
.iTrial .d{ font-size: 1.2em;}
.iTrial .em{ font-size: 0.9em;}
.iTrial .c{ padding: 1em;}
.iTrial .h3{ font-size: 1.6em; }
.iTrial .p{ font-size: 0.9em; }
.iTrial .m{ width: 6em; margin-left: 3em;}
.iTrial .pd:hover{ transform: translateY(-0.25em); box-shadow: 0.25em 0.25em 1em 0 rgba(0,0,0,0.2); }
.more1{ padding: 0.8em; border-radius: 0.4em;}
.more1 span{ font-size: 0.9em;}
.more1 i{ font-size: 1.1em;}
.more1:hover{ transform: translateY(-0.25em);}
/*  */
.iNews ul{ margin: 0 -1.2em;}
.iNews .pd{ margin: 0 1.2em; border-radius: 0.4em; padding: 2.1em 1.7em; box-shadow: 0.25em 0.25em 1em 0 rgba(0,0,0,0.2);}
.iNews .img{ margin-bottom: 0.6em;}
.iNews .h3{ font-size: 1.2em;}
.iNews .p{ font-size: 0.9em;}
.iNews .em{ font-size: 0.9em;}
.iNews .m{ padding-top: 2em;}
.iNews .textb{ padding: 2.1em 1.7em; border-radius: 0.4em;}
.iNews .pd:hover{ transform: translateY(-0.25em); box-shadow: 0.25em 0.25em 1em 0 rgba(0,97,108,0.5);}
.more2{ font-size: 1em;}
/*  */
.fTop{ padding: 3.2em 0;}
.fLayout .h3{ font-size: 2.3em;}
.fLayout .em{ font-size: 1.2em;}
.fLayout .c{ padding-top: 1.7em;}
.fCon{ padding: 3.25em 0;}
.footerFc{ padding-right: 6em;}
.fLogo{ font-size: 5.5em;}
.fNav ul{ margin: 0 -1.2em;}
.fNav li a{ font-size: 0.8em;}
.fLang .t{ height: 2.5em; }
.fLang .t i{ font-size: 1.1em;}
.fLang .t span{ font-size: 0.7em;}
.fLang .t em{ font-size: 0.6em;}
.fLang .c{ width: 6em; margin-left: -3em; transform: translateY(0.25em); padding:0.25em 0 0 0;}
.fLang .c ul{ border-radius: 0.4em; padding: 0.5em 0; box-shadow: 0 0.25em 1em 0 rgba(0,97,108,0.3);}
.fLang .c li a{ font-size: 0.8em;}
.fEmail{ font-size: 0.8em;}
/*  */
@media screen and (max-width:1680px){
}
@media screen and (max-width:1600px){
/* body{ padding-top: 90px;}
.wp{ width: 1200px;}
.logo{ font-size: 50px;}
.tLogin{ margin-top: -20px;}
.tLogin .box a{ height: 40px; line-height: 40px;}
.tLanguage{ margin-top: -20px;}
.tLang .t{ height: 40px;}
.menu{ padding: 25px 0;}
.menu li{ margin: 0 16px;}
.menu .h3 a{ height: 40px; line-height: 40px; font-size: 16px;}
.menu .h3 a:after{ height: 4px;} */
}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1366px){
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:1024px){
body{ padding-top:60px; min-width:inherit; font-size: 14px;}
.wp{ width: auto; box-sizing: border-box; margin: 0 30px;}
.nProMain2 .wp{ margin: 0 30px; width: auto;}
.header .wp{ margin: 0 30px; width: auto;}
.header .wpd{ padding: 0;}
.footer .wp{ margin: 0 30px; width: auto;}
.logo{ font-size: 40px; left: 50%; transform: translateX(-50%);}
.tLanguage{ left: auto; top: 50%; left:0; margin-top: -16px; transform: none; right: auto;}
.tLanguage .i{ display: block;}
.tLanguage .box{ display: none; position: fixed; left: 0 ; top: 60px; right: 0; opacity: 1; background: #F6F5F5;box-shadow: 0 0.25em 1em 0 rgba(0,97,108,0.3);}
.tLang .t{ display: none;}
.tLang .c{ display: block; position: relative; top: auto; left: auto; width: auto; margin: 0; opacity: 1; padding: 30px 0; visibility: visible; transform: none;}
.tLang .c ul{ display: flex; flex-wrap: wrap; box-shadow: none; border-radius: 0; background: none; padding: 0;}
.tLang .c li{ width: 33.3333%;}
.tLang .c a{ font-size: 14px;}
.tLanguage.active .box{ display: block;}
.tLogin{ margin-top: -16px; right: 34px;}
.tLogin .i{ display: block;}
.tLogin .box{ display: none;}
.embody .tLogon{color: #000;}
.menu-link{ display: block;}
.menu-link em{ font-size:14px;}
.header{ background:#00616c; position: fixed; padding:0; box-shadow: 0 0 6px rgba(0,0,0,0.2); left: 0; top: 0; right: 0; border-radius: 0;}
.embody .header{ background: #fff;}
.embody .logo .img1{ opacity: 1;}
.embody .logo .img2{ opacity: 1;}
.header:before{ display: none;}
.header .wp{ height:60px;}
.menu{ position:fixed; top:60px; bottom:0; z-index:2; margin:0; box-sizing:border-box;width:240px; right:-250px;}
.menu ul{ padding:80px 0 0 0; float: none; display: block;}
.menu li{ margin-bottom:15px; float: none; margin:0; padding:0;}
.menu li:hover .h3 a,
.menu li.curr .h3 a{ color: #ffffff;}
.menu .h3{ padding:0; text-align: left; position: relative;}
.menu .h3 a{ display:block; vertical-align: bottom; font-size:14px; padding: 0 30px; height:40px; line-height: 40px; overflow:hidden; color:#333;}
.menu li:hover .h3 a:after,
.menu li.curr .h3 a:after{ width: 4em; margin-left: -2em; left: 50%;}
.menu li:hover .h3 a:before,
.menu li.curr .h3 a:before,
.menu .h3 a:before{ width: 4em; left: 50%; margin-left: -2em; border-bottom: 1px dashed rgba(255,255,255,0.5); height:0; background: no-repeat; bottom:0; opacity: 1; display: block; border-left: none; border-right: none; transform:translate(0,0); top: auto;}
.menu li:hover .h3 a:before,
.menu li.curr .h3 a:before{ border-bottom-color: #ffffff;}
.menu .h3 span{ height:40px; line-height:40px; display:block; text-transform:uppercase;}
.menu .h3 i{ height:40px; line-height:40px; display:block;}
.menu li:last-child .h3 a:before{ opacity:0; display: none;}
.menu .box a{ line-height: 2;}



/*新菜单*/
.menu{ width: 240px; background: rgba(0,97,108,0.8); background-size: 100% 100%;}
.menu.active{ right:0;}
.menu .h3{ color: rgba(255,255,255,0.8);}
.menu .h3 a{ color: rgba(255,255,255,0.8); padding:0;}
.menu .h3 i{ right: 0px;}
.menu .h3 span{ right: 0px;}
.menu ul{ padding: 0;}
.menu li{ padding: 0 20px;}
.menu .box{ display: none; position: static; top: auto; left: auto; width: auto; box-shadow: none; transition: none; margin:0; transform: none; opacity: 1; visibility: visible; padding:0; padding:  0;}
.menu .box .npd{ background: rgba(255,255,255,0.1); border-radius: 0; color: #fff;}
.menu .box a{ color: #fff;}
.menu li.active .box{ transition: none;/*  display: block; */}
.menu li:hover .h3 a:after,
.menu li.curr .h3 a:after{ display: none;}

.menu .box .curr a,
.menu .box a:hover{ color: #fff;}

/* .menu{ width: 200px; background: rgba(0,97,108,0.8); background-size: 100% 100%;}
.menu .h3 a{ color: rgba(255,255,255,0.8); padding:0; text-align: center;}
.menu .h3 span,
.menu .h3 i{ display: none;}
.menu.active{ right:0;}
.menu .box{ display: block; position: static; top: auto; left: auto; width: auto; box-shadow: none; transition: none; margin:0; transform: none; opacity: 1; visibility: visible; padding:0; padding: 15px 0;}
.menu .box .npd{ flex-wrap: wrap;}
.menu .box .t a{ padding:5px 0; margin:0; width: 50%;}
.menu .box .t a:before{ display: none;} */

.iBanner .img img{ height: auto;}
.iNews .textb{ display: none;}
}
@media screen and (max-width:980px){
.iBanner .text{ font-size: 1.5vw;}
.iBanner .h3{ font-size: 1.75em;}
.iBanner .p{ font-size: 1em; line-height: 1.2;}
.iAbouCon .pd{ display: block;}
.iAbouCon .img{ width: auto ; margin: 0;}
.iAbouCon .text{ padding: 30px 0 0 0;}
.iAbouCon .swiperDots{ justify-content: center;}
.iAbouCon .h3{ font-size: 1.5em;}
.iAbouCon .p{ font-size: 1em;}
.iOffer{ padding: 2em;}
.iOffer ul{ margin: 0 -10px;}
.iOffer .pd{ padding: 1em 0; margin: 0 10px;}
.iTrial .pd{ display: block;}
.iTrial .t{ width: auto; padding: 1em; margin-right: 0;}
.iNews ul{ display: block; margin: 0;}
.iNews li:nth-child(n+4),
.iNews li{ width: auto; margin-bottom: 20px;}
.iNews li:last-child{ margin-bottom: 0;}
.iNews .pd{ margin: 0; display: flex; padding: 1em;}
.iNews .img{ width: 240px; margin-right: 20px;}
.iNews .texta{ flex: 1;}
.iNews .h3{ font-size: 1.25em; height: 2.666666666666667em; -webkit-line-clamp:2;}
.iNews .p{ font-size: 1em; height: 4.333333333333333em; -webkit-line-clamp:3;}
.fCon .wpd{ display: block; display: flex; align-items: center;}
.footerFl{ margin-bottom: 20px; margin-bottom: 0;}
.fLayout{ display: block;}
.fLayout .t{ max-width:none; text-align: center;}
.fLayout .h3 strong{ font-size: 1.5em;}
.fLayout .c{ max-width: none; text-align: center;}
.fLayout .h3{ margin-bottom: 10px;}
.footerFc{ padding: 0; display: none;}
.footerFr{ position: static;}
}
@media screen and (max-width:720px){
}
@media screen and (max-width:640px){
.iMain{ padding: 60px 0;}
.iMain1{ padding-bottom: 0px;}
.iTit1{ margin-bottom: 30px;}
.iAbouCon .h3{ font-size: 18px;}
.iAbouCon .p{ font-size: 12px; height: 3.6em; line-height: 1.2; overflow-y: auto; /* overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;  */}
.iAboutTab{ padding-top: 40px;}
.iOffer ul{ display: block;}
.iOffer li{ width: auto;}
.iOffer .h3{ font-size: 1em;}
.iTrial .t{ display: block;}
.iTrial .pd{ background: #f5f5f5;}
.iTrial .h3{ font-size: 18px;}
.iTrial .text{ display: block;}
.iTrial .n{ font-size: 16px; margin-bottom: 0;}
.iTrial .d{ font-size: 16px;}
.iTrial .h3{ font-size: 16px;}
.iTrial .p{ font-size: 12px; margin-bottom: 1em;}
.iTrial .m{ width: auto; display: block; margin: 0;}
.more1{ display: flex; justify-content: space-between; align-items: center;}
.iNews .img{ width: 140px; margin:0 15px 0 0;}
.iNews .img img{ aspect-ratio: 640/440;}
.iNews .h3{ font-size: 14px; height: 2.4em; line-height: 1.2;}
.iNews .texta .p{ font-size: 12px; line-height: 1.2; height: 2.4em;}
.iNews .em{ font-size: 10px;}
.fLayout .h3{ font-size: 18px;}
.fLayout .c{ font-size: 12px;}
.fLayout .em{ font-size: 12px;}
.iTit1 strong{ font-size: 2em;}
.iTit1 a{ font-size: 1em;}
}
@media screen and (max-width:480px){
.header .wp,
.wp{ margin: 0 6%;}
.logo{ font-size: 32px;}
.tLanguage,
.tLogin{ margin-top: -12px;}
.tLanguage .i,
.tLogin .i{ font-size: 24px;}
}
@media screen and (max-width:413px){
.fTop{ padding: 3em 0;}
.fCon{ padding: 3em 0;}
.fLogo{ font-size: 4.5em;}
}
@media screen and (max-width:374px){
}
/* 内页 */
.tita{ margin-bottom: 64px; text-align: center;}
.tita .t{ font-size: 46px; line-height: 1.2; margin-bottom: 0.5em; color: #00616C; font-weight: bold;}
.tita .c{ font-size: 18px; line-height: 1.2; color: #666666;}
.pMain{ padding: 130px 0; background: no-repeat center center; background-size: cover;}
.pBanner_about{}
.pBanner_about .pd{ display: block; position: relative;}
.pBanner_about .img{}
.pBanner_about .img img{ width: 100%; height: auto;}
.pBanner_about .text{ left: 0; top: 0; bottom: 0; right: 0; position: absolute; z-index: 2; display: flex; align-items: center; color: #fff;}
.pBanner_about .t{ font-size: 46px; line-height: 1.6; margin-bottom: 1em; font-weight: bold;}
.pBanner_about .c{ font-size: 18px; line-height: 1.4;}
.pBanner_about .c p{ margin-bottom: 1em;}

.pAbout1{}
.pAbout1_1{}
.aList{}
.aList ul{ display: flex; margin: 0 -26px; flex-wrap: wrap;}
.aList li{ width: 50%; margin-bottom: 56px;}
.aList li:nth-child(n+2){ margin-bottom: 0;}
.aList .pd{ margin: 0 26px; display: block; background: #F3F8F8; color: #00616C; display: flex; padding: 60px; align-items: center; border-radius: 8px;}
.aList .img{ width: 74px; margin-right: 50px;}
.aList .text{ flex: 1;}
.aList .h3{ font-size: 24px; line-height: 1.25em;}
.pNavA{ padding-top: 20px; margin-bottom: 80px;}
.pNavA ul{ display: flex; margin: 0 -12px;}
.pNavA li{ width: 16.66666666666667%;}
.pNavA .pd{ margin: 0 12px; background: #f2f7f7; color: #00616C; border-radius: 8px; padding: 16px; display: flex; justify-content: center; align-items: center; box-sizing: border-box; height: 100%; transition: 0.3s all;}
.pNavA .pd span{ display: block; font-size: 16px; text-align: center; /* word-break: break-all; */}
.pNavA li.curr .pd{ background: #00616c; color: #fff; box-shadow: 0px 5px 15px 0px rgba(0,97,108,0.5);}
.pNavA .pd:hover{ transform: translateY(-5px); box-shadow: 0px 5px 20px 0px rgba(0,97,108,0.5);}



.pHistory1{ padding: 0;}
.pHistory1_1{}
.pHistory1_1 .pd{ display: flex; background: #f2f7f7; align-items: center;}
.pHistory1_1 .img{ width: 560px;}
.pHistory1_1 .text{ flex: 1; box-sizing: border-box; padding: 50px;}
.pHistory1_1 .t{ font-size: 46px; line-height: 1.4; color: #00616C; margin-bottom: 0.5em;}
.pHistory1_1 .c{ font-size: 18px; line-height: 1.777777777777778em; color: #666666;}
.pHistory1_2{ position: relative; padding: 110px 0 60px 0;}
.pHistory1_2::before{ content: ''; position: absolute; left: 560px; top: 0; bottom: 0; width: 1px; background: #7fb0b5;}
.pHistory1_2 .t{ width: 560px; text-align: right; padding-right: 66px; box-sizing: border-box;}
.pHistory1_2 .t strong{ font-size: 36px; color: #00616C; line-height: 1.2;}
.pHistory1_2 .c{ padding-top: 60px;}
.pHistory1_2 .c ul{}
.pHistory1_2 .c li{ margin-bottom: 20px;}
.pHistory1_2 .c .pd{ margin-left: 560px; padding:50px 0 50px 76px; box-sizing: border-box; position: relative; min-height: 190px; box-sizing: border-box;}
.pHistory1_2 .c .i{ width: 48px; height: 48px; background: #E2EBF3; border-radius: 50%; position: absolute; left: 296px;}
.pHistory1_2 .c .i::before{ content: ''; position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; background: #00616C; border-radius: 50%; margin: -10px 0 0 -10px;}
.pHistory1_2 .c .em{ position: absolute; left: -320px; top: 50%; transform: translateY(-50%); width: 190px; height: 190px; display: flex; align-items: center; justify-content: center; background: #e5eff0; border-radius: 50%;}
.pHistory1_2 .c .em:before{ content: ''; position: absolute; left: 16px; top: 16px; right: 16px; bottom: 16px; background: #00616c; border-radius: 50%; z-index: 1;}
.pHistory1_2 .c .em:after{ content: ''; position: absolute; height: 2px; margin-top: -1px; width: 92px; background: #7fb0b5; left: 100%; top: 50%;}
.pHistory1_2 .c .em span{ display: block; position: relative; z-index: 2; color: #fff; text-align: center;}
.pHistory1_2 .c .em i{ display: block; line-height: 1.2; margin-bottom: 0.1em; font-size: 16px;}
.pHistory1_2 .c .em em{ display: block; line-height: 1.2; font-weight: bold; font-size: 20px;}
.pHistory1_2 .c .h3{ font-size: 24px; line-height: 1.2; margin-bottom: 0.8333333333333333em; color: #00616C; font-weight: bold;}
.pHistory1_2 .c .p{ font-size: 18px; line-height: 1.444444444444444;}



.pHistory2{ padding-top: 0;}
.pHistory2_1{}
.pHistory2_1 .wpd{ display: flex;}
.pHistory2_1 .img{ width: 590px;}
.pHistory2_1 .text{ flex: 1; box-sizing: border-box; padding:0 0 0 60px;}
.pHistory2_1 .t{ font-size: 46px; line-height: 1.4; color: #00616C; margin-bottom: 0.5em;}
.pHistory2_1 .c{ font-size: 18px; line-height: 1.777777777777778; color: #666666;}
.pHistory2_1 .c p{ margin-bottom: 2.5em;}
.pHistory2_1 .c p:last-child{ margin-bottom: 0em;}
.pHistory3{ padding-top: 0;}
.pHistory3_1{}
.pHistory3_1 .wpd{ display: flex;}
.pHistory3_1 .img{ width: 468px;}
.pHistory3_1 .text{ flex: 1; box-sizing: border-box; padding:0 0 0 60px;}
.pHistory3_1 .t{ font-size: 46px; line-height: 1.4; color: #00616C; margin-bottom: 0.5em;}
.pHistory3_1 .c{ font-size: 18px; line-height: 1.777777777777778; color: #666666;}
.pHistory3_1 .c p{ margin-bottom: 2.5em;}
.pHistory3_1 .c p:last-child{ margin-bottom: 0em;}
.pHistory4{ padding-top: 0;}
.pHistory4_1{}
.pHistory4_1 .wpd{}
.pHistory4_1 .img{}
.pHistory4_1 .text{ flex: 1; box-sizing: border-box; padding:60px 0 0 0;}
.pHistory4_1 .t{ font-size: 46px; line-height: 1.4; color: #00616C; margin-bottom: 0.5em;}
.pHistory4_1 .c{ font-size: 18px; line-height: 1.777777777777778; color: #666666;}
.pHistory4_1 .c p{ margin-bottom: 2.5em;}
.pHistory4_1 .c p:last-child{ margin-bottom: 0em;}
.pHistory5{ padding-top: 0;}
.pHistory5_1{}
.pHistory5_1 .wpd{}
.pHistory5_1 .img{}
.pHistory5_1 .text{ flex: 1; box-sizing: border-box; padding:60px 0 0 0;}
.pHistory5_1 .t{ font-size: 46px; line-height: 1.4; color: #00616C; margin-bottom: 0.5em;}
.pHistory5_1 .c{ font-size: 18px; line-height: 1.777777777777778; color: #666666;}
.pHistory5_1 .c p{ margin-bottom: 2.5em;}
.pHistory5_1 .c p:last-child{ margin-bottom: 0em;}
.pHistory6{ padding-top: 0;}
.pHistory6_1{}
.pHistory6_1 .wpd{}
.pHistory6_1 .img{ margin: 0 20px;}
.pHistory6_1 .text{ flex: 1; box-sizing: border-box; padding:60px 0 0 0; margin: 0 150px;}
.pHistory6_1 .t{ font-size: 46px; line-height: 1.4; color: #00616C; margin-bottom: 0.5em;}
.pHistory6_1 .c{ font-size: 18px; line-height: 1.777777777777778; color: #666666;}
.pHistory6_1 .c p{ margin-bottom: 2.5em;}
.pHistory6_1 .c p:last-child{ margin-bottom: 0em;}

.bList{}
.bListTit{ margin-bottom: 20px;}
.bListTit strong{ line-height: 1.2; color: #00616C; font-size: 36px; font-weight: bold;}
.bListCon{}
.bListCon li{}
.bListCon .pd{ display: block; position: relative; transition: 0.3s all; padding: 16px 0;}
.bListCon .h3{ display: block; padding-left: 1.444444444444444em; font-size: 18px; line-height: 1.444444444444444; position: relative;}
.bListCon .h3:before{ content:''; width: 10px; height: 10px; position: absolute; left: 0; top: 8px; background: #00616C; }
.bListCon .em{  padding-left: 1.444444444444444em; font-size: 18px;  line-height: 1.444444444444444; color: #1188C6; text-decoration: underline; word-break: break-all;}
.bListCon .pd:hover{ transform: translateY(-5px);}
.bList_1{ margin-bottom: 60px;}


.pBanner_mission{}
.pBanner_mission .pd{ display: block; position: relative;}
.pBanner_mission .img{}
.pBanner_mission .img img{ width: 100%; height: auto;}
.pBanner_mission .text{ left: 0; top: 0; bottom: 0; right: 0; position: absolute; z-index: 2; display: flex; align-items: center; color: #fff;}
.pBanner_mission .npd{ width: 50%;}
.pBanner_mission .t{ font-size: 46px; line-height: 1.6; margin-bottom: 1em; font-weight: bold;}
.pBanner_mission .c{ font-size: 18px; line-height: 1.4;}
.pBanner_mission .c p{ margin-bottom: 1em;}
.pMission1{}
.pMission1_1{}
.pBanner_join{}
.pJoin1{}
.pJoin1_1{}
.aText{ font-size: 18px; line-height: 1.777777777777778; color: #666666;}
.aText p{ margin-bottom: 2.5em;}
.aText p:last-child{ margin-bottom: 0em;}

.pBanner_expert{}
.pBanner_expert .pd{ display: block; position: relative;}
.pBanner_expert .img{}
.pBanner_expert .img img{ width: 100%; height: auto;}
.pBanner_expert .text{ left: 0; top: 0; bottom: 0; right: 0; position: absolute; z-index: 2; display: flex; align-items: center; color: #fff;}
.pBanner_expert .npd{ text-align: center;}
.pBanner_expert .t{ font-size: 46px; line-height: 1.6; margin-bottom: 1em; font-weight: bold;}
.pBanner_expert .t strong{ font-size: 1.622222222222222em;}
.pBanner_expert .em{ font-size: 20px; line-height: 1.2em; margin-bottom: 4em;}
.pBanner_expert .c{ font-size: 18px; line-height: 1.4;}
.pBanner_expert .c p{ margin-bottom: 1em;}



.pExpert1{}
.pNavA_2{ margin-bottom: 46px;}
.pEvidence1{ padding-top: 0;}
.evidence{}
.evidence ul{}
.evidence li{ margin-bottom: 32px;}
.evidence li:last-child{ margin-bottom: 0;}
.evidence .pd{ display: block; background: #fff; box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1); padding: 60px; border-radius: 20px; transition: 0.3s all;}
.evidence .t{ font-size: 24px; line-height: 1.2; margin-bottom: 1em; color: #222222;}
.evidence .c{ display: flex;}
.evidence .p{ flex: 1; font-size: 18px; line-height: 1.444444444444444; color: #666666;}
.evidence .m{ width: 50px; margin-left: 40px;}
.evidence .pd:hover{ transform: translateY(-5px); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.2); }
.more3{ height: 2.5em; line-height: 2.5em; font-size: 20px; text-align: center; background: #DF2424; color: #fff; border-radius: 0.4em; display: block;}


.pBanner_trainee{}
.pBanner_trainee .pd{ display: block; position: relative;}
.pBanner_trainee .img{}
.pBanner_trainee .img img{ width: 100%; height: auto;}
.pBanner_trainee .text{ left: 0; top: 0; bottom: 0; right: 0; position: absolute; z-index: 2; display: flex; align-items: center; color: #fff;}
.pBanner_trainee .npd{ text-align: center;}
.pBanner_trainee .t{ font-size: 46px; line-height: 1.6; margin-bottom: 1em; font-weight: bold;}
.pBanner_trainee .t strong{ font-size: 1.622222222222222em;}
.pBanner_trainee .em{ font-size: 20px; line-height: 1.2em; margin-bottom: 4em;}
.pBanner_trainee .c{ font-size: 18px; line-height: 1.4;}
.pBanner_trainee .c p{ margin-bottom: 1em;}


.pNews1{ padding-top: 40px;}
.iNews_2{}



.pNewsInfo1{}
.newsInfo{}
.newsInfoBtn{ margin-bottom: 24px;}
.newsInfoBtn a{ width: 4em; height: 3em; line-height: 3em; background: #F2F7F7; font-size: 16px; color: #00616C; display: block; text-align: center; border-radius: 0.5em; transition: 0.3s all;}
.newsInfoBtn a:hover{ background: #00616C; color: #fff; transform: translateX(-0.3125em);}
.newsInfoEm{ margin-bottom: 1.2em; font-size: 20px; line-height: 1.5; color: #222222;}
.newsInfoTit{ margin-bottom: 50px;}
.newsInfoTit h1{ font-size: 50px; color: #222222; margin-bottom: 0.2em; font-weight: bold;}
.newsInfoTit p{ font-size: 24px; color: #00616C; line-height: 1.2;}
.newsInfoCon{ color: #7F7F7F; font-size: 20px; line-height: 1.5; font-weight: normal;}
.newsInfoCon img{ display: inline-block; max-width: 100%; height: auto;}
.newsInfoCon strong{ font-weight: bold;}
.newsInfoPage{ padding-top: 50px; display: none;}
.newsInfoPage ul{ display: flex; margin: 0 -30px;}
.newsInfoPage li{ width: 50%;}
.newsInfoPage .pd{ margin: 0 30px; display: flex; align-items: center; color: #19191A;}
.newsInfoPage .i{font-size: 40px; width: 2em; height: 2em; line-height: 2em; text-align: center; border-radius: 0.25em; border: 1px solid #E20000; color: #E20000; margin-right: 1em; transition: 0.3s all;}
.newsInfoPage .text{ flex: 1;}
.newsInfoPage .t{ font-weight: bold; font-size: 18px; line-height: 1.5; margin-bottom: 0.3em;}
.newsInfoPage .c{ font-size: 16px; line-height: 1.5; height: 1.5em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.newsInfoPage .pd:hover .i{ background: #00616C; color: #fff;}


.pBanner_contact{}
.pBanner_contact .pd{ display: block; position: relative; margin: 0 240px;}
.pBanner_contact .img{}
.pBanner_contact .img img{ width: 100%; height: auto;}
.pBanner_contact .text{ left: 0; top: 0; bottom: 0; right: 0; position: absolute; z-index: 2; display: flex; align-items: center; color: #fff;}
.pBanner_contact .wp{ max-width: 100%;}
.pBanner_contact .npd{ padding-left: 240px;}
.pBanner_contact .t{ font-size: 46px; line-height: 1.6; margin-bottom: 1em; font-weight: bold;}
.pBanner_contact .t strong{ font-size: 1.622222222222222em;}
.pContact1{ padding-top: 80px;}
.msg{ margin: 0 60px; font-size: 20px;}
.msg ul{ margin-bottom: 56px;}
.msg ul:last-child{ margin-bottom:0px;}
.msg li{ margin-bottom: 56px;}
.msg li:last-child{ margin-bottom: 0;}
.msg .pd{ padding-left: 330px; position: relative;}
.msg .t{ position: absolute; left: 0; width: 330px; padding-right: 35px; box-sizing: border-box; text-align: right; line-height: 72px;}
.msg .t strong{ font-size: 24px; font-weight: normal;}
.msg .c{}
.ipt_t2{ display: block; width: 100%; background: #F6F5F5; color: #222222; font-size: 20px; border-radius: 0.4em; height: 3.6em; width: 32em; border:none; box-sizing: border-box; padding: 0 1.6em; transition: 0.3s all;}
.ipt_s2{ display: block; width: 100%; background:url(../images/select_jt.png) no-repeat right center #F6F5F5 !important ; background-size:auto 100% !important; color: #222222; font-size: 20px; border-radius: 0.4em; height: 3.6em; width: 32em; border:none; box-sizing: border-box; padding: 0 1.6em; transition: 0.3s all;}
.ipt_t2_2{ width: 18em;}
.ipt_text2{ width: 100%; background: #F6F5F5; color: #222222; font-size: 20px; border-radius: 0.4em; height: 11.2em; width: 100%; border:none; box-sizing: border-box; padding: 1em 1.6em; overflow-x: hidden; resize: none; transition: 0.3s all;}
.ipt_t2:focus,
.ipt_s2:focus,
.ipt_text2:focus{outline:none; box-shadow: 0px 0.25em 0.75em 0px rgba(0,97,108,0.5);}
.ipt_b2{ display: block; color: #fff; background: #00616C; font-size: 24px; width: 26.66666666666667em; height: 4.583333333333333em; line-height: 4.583333333333333em; border: none;border-radius: 0.3333333333333333em; transition: 0.3s all; font-weight: bold;}
.ipt_b2_2{ height: 3.75em; line-height: 3.75em;}
.ipt_b2:hover{ transform: translateY(-0.2083333333333333em); box-shadow: 0px 0.2083333333333333em 0.625em 0px rgba(0,97,108,0.5);}
.login-yzm{ display: flex; justify-content: space-between; width: 640px;}
.ipt_yzm1{ width: 13em; height:3.6em; line-height: 3.6em; margin-left: 1em; position: relative; border: none; font-size: 20px; color: #00616C;}
.ipt_yzm1[disabled]:before{ border-color: #666;}
.ipt_yzm1:before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border:1px solid #00616C; border-radius: 0.4em;}
.pLogin1{}
.login-head{ margin-bottom: 80px; text-align: center; padding-left: 330px; width: 640px;}
.login-head strong{ font-size: 46px; line-height: 1.2; display: block; color: #00616C; font-weight: bold;}
.login-body{}
.login{ margin: 0 60px; font-size: 20px;}
.login ul{}
.login li{ margin-bottom: 56px;}
.login li:last-child{ margin-bottom: 0;}
.login li.li-btn{ margin-bottom: 32px;}
.login .pd{ padding-left: 330px; position: relative;}
.login .t{ position: absolute; left: 0; width: 330px; padding-right: 35px; box-sizing: border-box; text-align: right;}
.login .t strong{ font-size: 24px; line-height: 3em; font-weight: normal;}
.login .c{}
.login-tool{ display: flex; justify-content:space-between; width: 640px;}
.login-tool a{ color: #00616C;}
.login-tool a:hover{ text-decoration: underline;}
.ipt_list1 .ul{ display: flex;}
.ipt_list1 .li{}
.ipt_list1 .npd{ font-size: 20px; display: block; cursor: pointer; background: #F6F5F5; border:1px solid #f6f9fe; border-radius: 0.4em; margin-right: 0.5em; width: 10em;}
.ipt_list1 .npd span{ display: block; text-align: center; height: 3.6em; line-height: 3.6em;}
.ipt_list1 .li:hover .npd{ border:1px solid #00616c;}
.ipt_list1 .li.curr .npd{ background: #00616c; color: #fff; border:1px solid #00616c; }
.ipt_c1{ display: none;}
.ipt_r1{ display: none;}






/* 内页 PC 适配 */
.tita{ margin-bottom: 3.2em;}
.tita .t{ font-size: 2.3em;}
.tita .c{ font-size: 0.9em;}
.pMain{ padding: 6.5em 0;}
.pBanner_about .t{ font-size: 2.3em;}
.pBanner_about .c{ font-size: 0.9em;}
.aList ul{ margin: 0 -1.3em; }
.aList li{ margin-bottom: 2.8em;}
.aList .pd{ margin: 0 1.3em; padding: 3em; border-radius: 0.4em;}
.aList .img{ width: 3.7em; margin-right: 2.5em;}
.aList .h3{ font-size: 1.2em;}
.pNavA{ padding-top: 1em; margin-bottom: 4em;}
.pNavA ul{ margin: 0 -0.4em;}
.pNavA .pd{ margin: 0 0.4em; border-radius: 0.4em; padding: 0.8em 0.5em;}
.pNavA .pd span{ font-size: 0.8em;}
.pNavA li.curr .pd{ box-shadow: 0px 0.25em 0.75em 0px rgba(0,97,108,0.5);}
.pNavA .pd:hover{ transform: translateY(-0.25em); box-shadow: 0px 0.25em 1em 0px rgba(0,97,108,0.5);}
/* */
.pHistory1{ padding: 0;}
.pHistory1_1 .img{ width: 28em;}
.pHistory1_1 .text{ padding: 2.5em;}
.pHistory1_1 .t{ font-size: 2.3em; }
.pHistory1_1 .c{ font-size: 0.9em;}
.pHistory1_2{ padding: 5.5em 0 3em 0;}
.pHistory1_2::before{ left: 28em; }
.pHistory1_2 .t{ width: 28em; padding-right: 3.3em;}
.pHistory1_2 .t strong{ font-size: 1.8em;}
.pHistory1_2 .c{ padding-top: 3em;}
.pHistory1_2 .c li{ margin-bottom: 1em;}
.pHistory1_2 .c .pd{ margin-left: 28em; padding:2.5em 0 2.5em 3.8em; min-height: 9.5em;}
.pHistory1_2 .c .i{ width: 2.4em; height: 2.4em; left: 14.8em;}
.pHistory1_2 .c .i::before{ width: 1em; height: 1em; margin: -0.5em 0 0 -0.5em;}
.pHistory1_2 .c .em{ left: -16em; width: 9.5em; height: 9.5em; }
.pHistory1_2 .c .em:before{ left: 0.8em; top: 0.8em; right: 0.8em; bottom: 0.8em;}
.pHistory1_2 .c .em:after{ height: 2px; margin-top: -1px; width: 4.6em; }
.pHistory1_2 .c .em i{ font-size: 0.8em;}
.pHistory1_2 .c .em em{ font-size: 1em;}
.pHistory1_2 .c .h3{ font-size: 1.2em;}
.pHistory1_2 .c .p{ font-size: 0.9em;}
/*  */

.pHistory2{ padding-top: 0;}
.pHistory2_1 .img{ width: 29.5em;}
.pHistory2_1 .text{ padding:0 0 0 3em;}
.pHistory2_1 .t{ font-size: 2.3em;}
.pHistory2_1 .c{ font-size: 0.9em;}
.pHistory3{ padding-top: 0;}
.pHistory3_1 .img{ width: 23.4em;}
.pHistory3_1 .text{ padding:0 0 0 3em;}
.pHistory3_1 .t{ font-size: 2.3em; }
.pHistory3_1 .c{ font-size: 0.9em; }
.pHistory4{ padding-top: 0;}
.pHistory4_1 .text{ padding:3em 0 0 0;}
.pHistory4_1 .t{ font-size: 2.3em; }
.pHistory4_1 .c{ font-size: 0.9em; }
.pHistory5{ padding-top: 0;}
.pHistory5_1 .text{ padding:3em 0 0 0;}
.pHistory5_1 .t{ font-size: 2.3em; }
.pHistory5_1 .c{ font-size: 0.9em; }
.pHistory6{ padding-top: 0;}
.pHistory6_1 .img{ margin: 0 1em;}
.pHistory6_1 .text{ padding:3em 0 0 0; margin: 0 7.5em;}
.pHistory6_1 .t{ font-size: 2.3em; }
.pHistory6_1 .c{ font-size: 0.9em; }
/*  */
.bListTit{ margin-bottom: 1em;}
.bListTit strong{ font-size: 1.8em;}
.bListCon .pd{ padding: 0.8em 0;}
.bListCon .h3{ font-size: 0.9em; }
.bListCon .h3:before{ width: 0.5555555555555556em; height: 0.5555555555555556em; top: 0.4444444444444444em;}
.bListCon .em{ font-size: 0.9em;}
.bListCon .pd:hover{ transform: translateY(-0.25em);}
.bList_1{ margin-bottom: 3em;}
/*  */
.pBanner_mission .t{ font-size: 2.3em;}
.pBanner_mission .c{ font-size: 0.9em;}
.aText{ font-size: 0.9em;}
.pBanner_expert .t{ font-size: 2.3em; }
.pBanner_expert .em{ font-size: 1em; }
.pBanner_expert .c{ font-size: 0.9em; }
.pNavA_2{ margin-bottom: 2.3em;}
.pEvidence1{ padding-top: 0;}
.evidence li{ margin-bottom: 1.6em;}
.evidence .pd{ box-shadow: 0px 0.25em 0.75em 0px rgba(0,0,0,0.1); padding: 3em; border-radius: 1em;}
.evidence .t{ font-size: 1.2em;}
.evidence .p{ font-size: 0.9em;}
.evidence .m{ width: 2.5em; margin-left: 2em;}
.evidence .pd:hover{ transform: translateY(-0.25em); box-shadow: 0.25em 0.25em 1em 0 rgba(0,0,0,0.2); }
.more3{ font-size: 1em;}
.pNews1{ padding-top: 2em;}
/*  */
.newsInfoBtn{ margin-bottom: 1.2em;}
.newsInfoBtn a{ font-size: 0.8em;}
.newsInfoEm{ font-size: 1em;}
.newsInfoTit{ margin-bottom: 2.5em;}
.newsInfoTit h1{ font-size: 2.5em;}
.newsInfoTit p{ font-size: 1.2em;}
.newsInfoCon{ font-size: 1em; }
.newsInfoPage{ padding-top: 2.5em;}
.newsInfoPage ul{ margin: 0 -1.5em;}
.newsInfoPage .pd{ margin: 0 1.5em;}
.newsInfoPage .i{font-size: 2em;}
.newsInfoPage .t{ font-size: 0.9em;}
.newsInfoPage .c{ font-size: 0.8em;}
/*  */
.pBanner_contact .pd{ margin: 0 12em;}
.pBanner_contact .npd{ padding-left: 12em;}
.pBanner_contact .t{ font-size: 2.3em; }
.pContact1{ padding-top: 4em;}
.msg{ margin: 0 3em; font-size: 1em;}
.msg ul{ margin-bottom: 2.8em;}
.msg li{ margin-bottom: 2.8em;}
.msg .pd{ padding-left: 16.5em; }
.msg .t{ width: 16.5em; padding-right: 1.8em; line-height: 3.6em;}
.msg .t strong{ font-size: 1.2em; }
.ipt_t2{ font-size: 1em; }
.ipt_s2{ font-size: 1em; }
.ipt_t2_2{ width: 18em;}
.ipt_text2{font-size: 1em; }
.ipt_t2:focus,
.ipt_s2:focus,
.ipt_text2:focus{box-shadow: 0px 0.25em 0.75em 0px rgba(0,97,108,0.5);}
.ipt_b2{ font-size: 1.2em; }
.login-yzm{ width: 32em;}
.ipt_yzm1{ font-size: 1em;}
.login-head{ margin-bottom: 4em; padding-left: 16.5em; width: 32em;}
.login-head strong{ font-size: 2.3em;}
.login{ margin: 0 3em; font-size: 1em;}
.login li{ margin-bottom: 2.8em;}
.login li.li-btn{ margin-bottom: 1.6em;}
.login .pd{ padding-left: 16.5em; }
.login .t{ width: 16.5em; padding-right: 1.75em;}
.login .t strong{ font-size: 1.2em;}
.login-tool{ width: 32em;}
.ipt_list1 .npd{ font-size: 1em;}
/*  */

/* 新增0128 */
.iAboutBottom{ background: #F2F7F8; overflow: hidden;}
.iAboutBottom li{ padding: 0 0 40px 0;}
.iAboutBottom li.curr .p{ height: 19.2em;}
.iAboutBottom .pd{ position: relative; display: block;}
.iAboutBottom .img{ position: absolute; width: 368px; top: 0; top: 0; overflow: hidden;}
.iAboutBottom .img img{ width: 100%; height: auto; }
.iAboutBottom .text{ flex: 1; position: relative; padding: 46px 0 0 0; margin-left: 408px;}
.iAboutBottom .h3{ font-size: 28px; color: #222; margin-bottom: 1em; line-height: 1.2;}
.iAboutBottom .p{ font-size: 20px; line-height: 1.6; height: 11.2em; overflow-y: auto; transition: 0.3s all;}
.iAboutBottom .m{ position: absolute; right: 200px; bottom:0px;}
.iAboutBottom .m em{ display: flex; line-height: 1; align-items: center; color: #DF2424; cursor: pointer;}
.iAboutBottom .m span{ font-size: 20px; margin-right: 0.3em;}
.iAboutBottom .m i{ font-size: 22px;}

/* 适配 */
.iAboutBottom{}
.iAboutBottom li{ padding: 0 0 2em 0; overflow: hidden;}
.iAboutBottom .img{ width: 18.4em;}
.iAboutBottom .text{ padding: 2.3em 0 0 0; margin-left: 20.4em;}
.iAboutBottom .h3{ font-size: 1.4em; }
.iAboutBottom .p{ font-size: 1em; }
.iAboutBottom .m{ right: 10em;}
.iAboutBottom .m span{ font-size: 1em;}
.iAboutBottom .m i{ font-size: 1.1em;}

@media screen and (max-width:1680px){
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1366px){
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:1024px){
.pNavA{ padding: 60px 0 0 0; margin-bottom: 20px;}
.pBanner_expert .text{ justify-content: center;}

.pBanner_contact .pd{ margin: 0;}
}
@media screen and (max-width:980px){

.pBanner_about .pd{ overflow: hidden; padding: 80px 0;}
.pBanner_about .img{ position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.pBanner_about .img img{ height: 100%; object-fit: cover;}
.pBanner_about .text{ position: static;}

.pBanner_mission .img{}
.pBanner_mission .img:before{content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.1);}
.pBanner_mission .pd{ overflow: hidden; padding: 80px 0;}
.pBanner_mission .npd{ width: auto;}
.pBanner_mission .img{ position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.pBanner_mission .img img{ height: 100%; object-fit: cover;}
.pBanner_mission .text{ position: static;}

.pBanner_expert .pd{ overflow: hidden; padding: 80px 0;}
.pBanner_expert .img{ position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.pBanner_expert .img img{ height: 100%; object-fit: cover;}
.pBanner_expert .text{ position: static;}

.pBanner_contact .pd{ overflow: hidden; padding: 80px 0;}
.pBanner_contact .img{ position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.pBanner_contact .img img{ height: 100%; object-fit: cover;}
.pBanner_contact .text{ position: static; justify-content: center;}
.pBanner_contact .npd{ padding-left: 0;}


.aList ul{ margin: 0 -0.5em;}
.aList li{ margin-bottom: 1em;}
.aList .pd{ margin: 0 0.5em;}

.pNavA ul{ flex-wrap: wrap; margin: 0 -5px;}
.pNavA li{ width: 33.3333%; margin-bottom: 10px;}
.pNavA .pd{ margin: 0 5px;}

.pHistory1_1 .pd{ display: block;}
.pHistory1_1 .img{ width: auto;}
.pHistory1_2 .t{ width: auto; position: relative; text-align: left; padding: 0; margin-bottom: 30px;}
.pHistory1_2 .c{ position: relative; padding: 0;}
.pHistory1_2 .c::before{ content: ''; position: absolute; left: 10em; top: 0; bottom: 0; width: 1px; background: #7fb0b5;}
.pHistory1_2 .c .pd{ margin-left: 10em; padding: 0.5em 0 0.5em 2.5em; min-height: 7em;}
.pHistory1_2 .c .em{ left: -10em; width: 7em; height: 7em;}
.pHistory1_2 .c .em:after{ width: 1em;}
.pHistory1_2 .c .i{ left: 8.8em;}
.pHistory1_2 .c .em em{ font-size: 0.8em;}
.pHistory1_2::before{ display: none;}
.pHistory2_1 .text{ padding-left: 2em;}
.pHistory3_1 .text{ padding-left: 2em;}

.msg .t{ position: relative; width: auto; padding-right: 0; line-height: 1.2; margin-bottom: 0.5em; text-align: left;}
.msg .pd{ padding-left: 0;}
.ipt_b2,
.ipt_s2,
.ipt_t2{ width: 100%;}

.login-head{ padding: 0; width: auto;}
.login .pd{ padding: 0;}
.login .t{ position: relative; width: auto; padding-right: 0; line-height: 1.2; margin-bottom: 0.5em; text-align: left;}
.login .t strong{ line-height: 1.2;}
.login-tool{ width: auto;}
.login-yzm{ width: auto;}
.ipt_yzm1{ width: 26em;}
.iAboutBottom .m{ right: 0;}

}
@media screen and (max-width:720px){
.pBanner_about .pd{ padding: 60px 0;}
.pBanner_mission .pd{ padding: 60px 0;}
.pBanner_expert .pd{ padding: 60px 0;}
.pBanner_expert .em{ margin-bottom: 1em;}
.pBanner_expert .t{ font-size: 1.5em;}
.pBanner_expert .c p br{ display: none;}
.pBanner_contact .pd{ padding: 60px 0;}

.aList ul{ display: block; margin: 0;}
.aList li:nth-child(n+2),
.aList li{ width: auto; margin-bottom: 1em;}
.aList li:last-child{ margin-bottom: 0;}
.aList .pd{ margin: 0; padding: 2em;}
.pHistory1_1 .text{ padding: 2em;}
.pHistory1_1 .t{ font-size: 1.75em;}
.pHistory2_1 .wpd{ display: block;}
.pHistory2_1 .img{ width: auto;}
.pHistory6_1 .img img,
.pHistory5_1 .img img,
.pHistory4_1 .img img,
.pHistory3_1 .img img,
.pHistory2_1 .img img,
.pHistory1_1 .img img{ object-fit: cover; aspect-ratio: 640/480;}
.pHistory2_1 .text{ padding: 30px 0 0 0;}
.pHistory3_1 .wpd{ display: block;}
.pHistory3_1 .img{ width: auto;}
.pHistory3_1 .text{ padding: 30px 0 0 0;}
.pHistory6_1 .img{ margin: 0px;}
.pHistory6_1 .text{ margin: 0px;}

.newsInfoTit h1{ font-size: 2em;}

.evidence .pd{ padding: 2em;}
.evidence .c{ display: block;}
.evidence .m{ width: auto; margin-left: 0; padding-top: 20px;}
}
@media screen and (max-width:640px){
.pMain{ padding: 60px 0;}
.pEvidence1,
.pHistory6,
.pHistory5,
.pHistory4,
.pHistory3,
.pHistory2,
.pHistory1{ padding-top: 0;}

.msg{ margin: 0;}
.login{ margin: 0;}


.iAboutBottom li{ padding: 0 0 30px 0;}
.iAboutBottom .pd{}
.iAboutBottom .img{ width: 120px; top: auto; bottom: -30px;}
.iAboutBottom .text{ margin-left: 140px;}
.iAboutBottom .h3{ margin-bottom: 0.5em;}
.iAboutBottom .p{ height: 8em;}
.iAboutBottom .m{ bottom: -20px;}
}
@media screen and (max-width:480px){
}
@media screen and (max-width:413px){
}
@media screen and (max-width:374px){
}


/* 建设中 */
.pTrainee1{}
.trainee {text-align: center;padding: 10em 2em;background-color: white;border-radius: 0.5em;box-shadow: 0 0.2em 0.4em rgba(0,0,0,0.1);}
.trainee .i{font-size: 4em;margin-bottom: 0.25em;}
.trainee .t{color: #00616c;font-size: 2.5em;margin-bottom: 0.4em;}
.trainee .c{color: #666;font-size: 1.2em;line-height: 1.6;}