/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 12px/22px "微软雅黑"; }
img{ border:0; }
a{ text-decoration:none; color:#000; }
a:hover{ color:red; }
.clear { clear:both;}
.clearfix:after { content: '\20'; display: block; height: 0; clear: both;}
div { box-sizing:border-box;}
.dn { display: none;}
.header { position: relative; padding: 0 13.125%; height: 105px; background: #ffffff;}
.header a.logo { width: 395px; display: block; float: left; margin-top:22px;}
.header a.logo img { display: block; width: 100%;}
.hotLine { float: right;display: flex;align-items: center;height: 100%; position: relative;}
.hotLine p{ background: url(../image/phone.png) left center no-repeat; padding-left: 27px; background-size: 20px auto; line-height: 20px; color: #f08841; font-size:15px; margin-bottom:10px;}
.hotLine span { color: #133984; font-size:28px; font-weight: bold;}
.hotLine img { margin-right:10px;width:28px}
.hotLine .btn{ position: absolute; top: 5px;right: 0;display: flex; align-items: center; justify-content: flex-end; }
.hotLine .btn .username{color: #133984; font-size:16px;white-space: nowrap;}
.hotLine .btn a{ padding: 2px 7px; background: #133984; color: #fff; border-radius: 5px;display: inline-block;margin-left: 3px; cursor: pointer;}
.search { margin-top: 34px; margin-right: 70px; float: right; width:280px; height:38px; background: #f2f2f2; border-radius: 6px;}
.search input { box-sizing: border-box; padding: 0; margin: 0; width:250px; float: left; outline: none; font-size:15px; text-indent: 20px; height: 38px; line-height: 38px;
border: none; background: none;}
.search button { float: left; background: url(../image/search.png) center no-repeat; width:15px; background-size: 100% auto; border: none; outline:none; height:38px;}
.nav { background: #133984; height: 54px;}
.nav ul { width: 1224px; margin: 0 auto; max-width: 100%;}
.nav li{ width: 11%; float: left; text-align: center; position: relative;}
.nav li h2 a{ display: block; line-height: 54px; transition: all 0.5s; font-size: 15.75px; color: #ffffff;}
.nav li:hover h2 a,.nav li.cur h2 a { background: #0a265e;}
.nav li dl { z-index: 3; width: 162px; display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 54px; background: #ffffff; padding: 27px 0;}
.nav li dl:after { content: ""; display: block; width: 23px; height: 28px; position: absolute; top:-26px; left: 50%; margin-left: -11.5px; background: url(../image/nav2.png) no-repeat center bottom;}
.nav li dt a { transition: all 0.5s; display: block; color: #474747; font-size: 15px; line-height: 22px;}
.nav li dt { padding:8px 0;}
.nav li:hover dl { display: block;}
.nav li dt:hover a { color: #133984;}
.banner { height:31.5vw;}
.banner .swiper {width: 100%;height: 100%;}
.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;
display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;
-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner .swiper-pagination { bottom: 52px;}
.banner .swiper-slide img {display: block; transition:opacity 1s, transform 5s; transform: scale(1.2); opacity: 0.3; width: 100%;height: 100%;object-fit: cover;}
.banner .swiper-slide.swiper-slide-active img { transform: scale(1); opacity: 1;}
.banner .swiper-slide.swiper-slide-active { z-index: 2;}
.banner { position: relative; width: 100%; overflow: hidden;}
.banner span { margin: 0 5px; width: 10px; background: #eeeeee; height: 10px; opacity: 1; transition: all 0.5s;}
.banner span.swiper-pagination-bullet-active { border-radius: 10px; width: 48px;}
.eyeChannel { width: 1224px; margin: 50px auto 60px; max-width: 100%;}
.titleBox { text-align: center; font-size: 31px; color: #333333; line-height: 56px; position: relative;font-weight: bold;max-width:1200px;margin:0 auto;display:flex;align-items:center}
.titleBox span { color: #133984;font-weight: bold;}
.titleBox p{width: 150px;
display: flex;
align-items: center;
/* text-align: center; */
justify-content: center;
font-weight: bold;
font-size:26px;
}
.titleBox>img{flex:1;width:0}
/*.titleBox:after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: 2px; width: 62px; background: #133984;}*/
.titleBox a.readMore { transition: all 0.5s; display: block; position: absolute; width: 120px; line-height: 38px; text-align: center; border-radius: 38px; border: 1px solid #f2f2f2;
font-size: 14px; color: #666666; position: absolute; right: 0; bottom: 0;}
.titleBox a.readMore:hover { color: #ffffff;}
.eyeList { margin: 50px auto 0;}
.eyeList li { border-bottom: 2px solid #d70c25; overflow: hidden; border-radius: 4px; box-shadow:0 7px 35px rgba(18,13,17,.07); float: left; width: 31%; margin-right: 3.5%;}
.eyeList li:nth-child(3n){ margin-right: 0;}
.playImg { position: relative; overflow: hidden;}
.playImg img { transition: all 1s; display: block; width: 100%;}
.playImg span { display: block; background: url(../image/playBtn.png) center no-repeat; width:50px; height:50px;
position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.playTxt { padding: 15px 20px 25px;}
.playTxt h2 {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.5s; color: #333333; font-size: 23px; line-height: 52px;}
.playDate { font-size: 14px; color: #999999; overflow: hidden;}
.playDate p { float: left;}
.playDate span { float: right;}
.eyeList li:hover .playImg img { transform: scale(1.1);}
.eyeList li:hover .playTxt h2 { color: #d70c25;}
.careCenter { background: #f9f9f9; padding: 20px 0 0px;}
.careCont { position: relative; width: 1224px; margin:50px auto 0; padding-bottom:60px; overflow: hidden;}
.careLeft h2 { line-height: 104px; font-size: 37.5px; color: #333333;}
.careLeft p { line-height: 36px; font-size: 20px; color: #333333;}
.careLeft a { display: block; width: 100px; height: 37px; color: #ffffff; border-radius: 4px; background: #e60212; font-size: 16px;
text-align: center; line-height: 37px; margin: 32px 0 76px;}
.careRight { position: absolute; right: 0; top: 0; width: calc(100% - 427px);}
.careRight img { display: block; width: 100%;}
.choseList { position: relative; z-index: 2; overflow: hidden;}
.choseList span { border-radius: 8px; overflow: hidden; float: left; display: block; width: 18.38%; margin-right:1.5%;}
.choseList span img { transition: all 1s; display: block; width: 100%;}
.choseList span:last-child { margin-right: 0;}
.choseList span:hover img { transform: scale(1.1);}
.story { padding: 0px 0 20px;}
.storyList { width: 1200px; margin:20px auto 0;}
.story a.checkMore { display: block; width: 200px; height: 52px; border-radius: 52px; color: #ffffff; background: #133984; margin: 40px auto 0; font-size: 18px; text-align: center; line-height: 52px;}
.storyList ul { overflow: hidden; display: flex;flex-direction: row;
align-items: center;
justify-content: space-between;}
.storyList li { position: relative; width: 24%;}
.storyList li:nth-child(3n){ margin-right: 0;}
.storyImg {height:213px; overflow: hidden; border-radius: 2px;}
.storyImg img { display: block;
width: 100%;
transition: all 1s;
height: 100%;
object-fit: fill;}
.storyTxt { padding: 10px 20px 30px;background:#f7f5f4;}
.storyTitle { line-height: 45px; overflow: hidden;}
.storyTitle h2 { transition: all 0.5s; float: left; width: calc(100% - 20px);overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 22px; color: #34332f;}
.storyTitle span { color: #999999; font-size: 16px; float: right;}
.storyTxt p.more{
display: flex;
align-items: center;
justify-content: space-between;
color: #999;
font-size: 14px;
}
.storyTxt p { font-size: 14.66px; color: #999999; line-height: 24px; height: 48px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.storyList li:hover h2{ color: #133984;}
.storyList li:after { content: ''; position: absolute; bottom: 0; left: 0; transition: all 1s; height: 2px; width: 0; background: #133984;}
.storyList li:hover .storyImg img { transform: scale(1.1);}
.storyList li:hover:after { width: 100%;}
.welfareNews { width: 1224px; margin:20px auto 40px; max-width: 100%;}
.welfareCont { margin: 40px auto; overflow: hidden;}
.welfareTxt { overflow: hidden; background: #133984;}
.welfareTxt .welfareDate{ float: left; text-align: center; width: 106px;}
.welfareDate { padding-top: 32px;}
.welfareTxt .welfareDate p { font-size: 37.5px; color: #ffffff; line-height: 42px;}
.welfareTxt .welfareDate span { font-size: 12px; color: #ffffff; line-height: 22px;}
.welfareLeft { position: relative; border-radius: 8px; overflow: hidden; float: left; width: 525px;}
.welfareImg img { display: block; width: 100%;}
.welfareInfor h2 { line-height: 78px; font-size: 18.75px; color: #ffffff;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
border-bottom: 2px solid #2652a9; padding-right: 26px;}
.welfareInfor p { font-size: 15.63px; color: #ffffff; line-height: 28px; height: 56px; padding: 20px 26px 28px 0;}
.welfareInfor { float: right; width: calc(100% - 106px);}
.welfareLeft .swiper-button-next { background: url(../image/enter.png) center no-repeat; width: 46px; height: 46px; background-size: 100% auto;
outline: none; cursor: pointer; position: absolute; left:28px; top: auto; bottom: 30px;}
.welfareLeft .swiper-button-next:after { display:none;}
.welfareRight { float: right; width: calc(100% - 570px);}
.welfareRight li { border-bottom: 1px solid #f1f1f1; line-height: 1; font-size: 16.5px; padding: 25px 0; overflow: hidden;}
.welfareRight li p { transition: all 1s; color: #333333; float: left; width: calc(100% - 80px);overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.welfareRight li span { float: right; font-size: 13.5px; color: #999999;}
.welfareRight li:first-child { padding-top: 0;}
.welfareRight li:hover p { color: #133984;}
.welfareNews a.checkMore { display: block; width: 200px; height: 52px; border-radius: 52px; color: #ffffff; background: #133984; margin: 40px auto 0;
font-size: 18px; text-align: center; line-height: 52px;}
.usePeo { background: url(../image/cellbanner.jpg) center no-repeat; background-size: cover; background-attachment: fixed; padding: 60px 0 95px;}
.useTag { text-align: center;}
.useTag li { border-radius: 4px; display:inline-block; margin: 0 11px; padding:0 0 16px; width: 220px; background: rgba(255,255,255,.2);}
.usePeo h2{ font-size:36px; margin-bottom: 36px; color: #ffffff; text-align: center; line-height:62px; position: relative;}
.usePeo h2:after { content: ''; position: absolute; left: 50%; width: 62px; height: 2px; background: #ffffff; bottom: 0; transform: translateX(-50%);}
.usePeo li p { font-size: 32px; line-height: 46px; color: #ffffff;}
.usePeo li p i{ font-style: normal; font-size: 16px; vertical-align:20px;}
.usePeo li span { line-height: 32px; font-size: 16.5px; color: #ffffff;}
.partnerSlide { max-width: 100%; width: 1200px; position: relative; margin: 45px auto 10px;}
.partnerList { width: 1224px; max-width: calc(100% - 80px); overflow: hidden; margin: 0 auto;}
.partnerList img { display: block; width: 100%;}
.partner { margin: 10px auto;}
.partnerSlide .swiper-button-next { transition: all .5s; right: 0; margin: 0; left: auto; top: 50%; transform: translate(0,-50%) rotate(180deg); background: url(../image/btn.png) center no-repeat #e2e2e2; outline: none; height: 76px; width: 30px;}
.partnerSlide .swiper-button-prev { transition: all .5s; left: 0; margin: 0; top: 50; transform: translate(0,-50%); background: url(../image/btn.png) center no-repeat #e2e2e2; outline: none; height: 76px; width: 30px;}
.partnerSlide .swiper-button-next:after,.partnerSlide .swiper-button-prev:after { content: '';}
.partnerSlide .swiper-button-prev:hover { background: url(../image/btn.png) center no-repeat #e60212;}
.partnerSlide .swiper-button-next:hover { background: url(../image/btn.png) center no-repeat #e60212;}
.footer { background: #373d41; padding: 38px 0 0;}
.footerCont { width: 1200px; max-width: 100%; margin: 0 auto 30px; overflow: hidden;}
.footerLeft { float: left;}
.footerLeft img { display: block; margin:6px 0 12px;}
.footerLeft p { font-size: 16px; color: #999999;margin-top:10px}
.footMenu { float: left; overflow: hidden;}
.footMenu ul { margin-top: 3px; float: left; margin-left: 50px; margin-right: 20px;}
.footMenu li { font-size: 16px; line-height:34px;}
.footMenu li a { color: #999999;}
/*float: right;*/
.footContact { overflow: hidden;}
.footContact img { float: left; display: block; width: 112px;}
.contactTxt { text-align: center;}
.contactTxt p {
text-align: right;
font-size: 20px;
color: #999999;
line-height: 36px;
position: relative;
font-weight: bold;}
.foot-list li{
padding: 4px 0;
font-size: 16px;
color: #999;
text-align: left;
}
.QRCode{
/*flex:1;*/
/*align-self:flex-end;*/
}
.QRCode-box {
display: flex;
align-items: center;
}
.QRCode-box img{
margin-right:15px;
width: 100px;
}
.QRCode-box p{
font-size: 16px;
color: #999;
line-height: 2;
}
.contactTxt p:after { content: ''; position: absolute; bottom: 0; left: 5%; height: 1px;width: 90%;}
.contactTxt span { display: block; font-size: 16px; line-height: 30px; color: #999999;}
.footerLink a { transition: all 0.5s; line-height: 26px; font-size: 16px; color: #999999; margin: 0 8px;}
.footTop { overflow: hidden;display:flex;justify-content: space-between;}
.footerLink a:nth-child(1) { margin-left: 0;}
.footerLink a:last-child { margin-right: 0;}
.footerLink {
}
.footerLink h4,.footContact h4,.QRCode h4{
font-size: 18px;
color: #fff;
position: relative;
padding: 5px 0 10px;
margin-bottom: 18px;
}
.footerLink h4::after,.footContact h4::after,.QRCode h4::after{
width:50px;
height:2px;
content:"";
position: absolute;
bottom:-5px;
left:0;
background: #133984;
}
/*border-bottom: 1px solid #858789;padding: 22px 0 10px; */
.copyRight { text-align: center; font-size: 16px; line-height: 64px; color: #999999;background: #28292a;}
.footerLink a:hover { color: #ffffff;}
/*story*/
.Cellbanner img { display: block; width: 100%;}
.location { background: #f6f6f6;}
.locationBox { width: 1336px; background: url(../image/location.png) left center no-repeat; padding-left: 32px; line-height: 76px; margin: 0 auto; max-width: 100%;}
.locationBox a,.locationBox span { font-size: 18px; color: #999999;}
.slideTit { text-align: center;}
.slideTit span { display: inline-block; line-height: 2.2; font-size: 30px; color: #333333; border-bottom: 4px solid #133984;}
.container { width: 1000px; margin: 40px auto 55px; max-width: 100%;}
.storyBar li {position: relative; margin-bottom: 30px; float: left; width: 31%; margin-right: 3.5%;}
.storyBar li:nth-child(3n){ margin-right: 0;}
.storyBar li:hover h2{ color: #133984;}
.storyBar li:after { content: ''; position: absolute; bottom: 0; left: 0; transition: all 1s; height: 2px; width: 0; background: #133984;}
.storyBar li:hover .storyImg img { transform: scale(1.1);}
.storyBar li:hover:after { width: 100%;}
.storyBar ul { margin-top: 52px;}
.fpage { text-align: center;}
.fpage a { vertical-align: top; font-size: 15px; color: 505250; transition: all 0.5s; display: inline-block; width: 60px; height: 37px; border-radius: 4px; line-height: 37px; border: 1px solid #eee;
margin: 0 4px;}
.fpage a:hover,.fpage a.cur { color: #ffffff; background: #133984;}
.fpage a.prevPage { background: url(../image/pageNext.jpg) center no-repeat; transform: rotate(180deg);}
.fpage a.nextPage { background: url(../image/pageNext.jpg) center no-repeat;}
/*news*/
.newsNotice { margin: 40px auto 97px; overflow: hidden; padding-right: 6%; background: #133984; border-radius: 8px;}
.newsnotImg { float: left; width: 669px;}
.newsnotImg img { display: block; width: 100%;}
.newsnoticeTxt { padding-top: 18px; float: right; width: calc(100% - 724px);}
.newsnoticeTxt h2 { font-size: 30px; color: #ffffff; line-height: 68px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newsnoticeTxt p { font-size: 18px; line-height: 30px; color: #ffffff;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical;}
.newsnoticeTxt a { transition: all 0.5s; display: block; background: url(../image/news2.png) center no-repeat; width: 42px; height: 42px; margin: 14px 0 0;}
.newsnoticeTxt a:hover { transform: rotate(360deg);}
.newsImg { float: left; width: 288px; border-radius: 8px; overflow: hidden; height: 200px;}
.newsImg img{ width: 100%; transition: all 1s; display: block;}
.newsBar ul { padding: 0 20px;}
.newsBar li { margin-bottom: 60px; overflow: hidden;}
.newsTxt { float: left; width: calc(100% - 180px);}
.newsRight { float: right; width: calc(100% - 346px);}
.uls li{width:100%;height:203px}
.newsTxt h2 { font-size: 27px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #222222; line-height: 32px; margin-bottom: 20px;}
.newsTxt p { font-size: 16px; color: #666666; line-height: 28px; height: 84px; margin-bottom: 45px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.newsTxt span { line-height: 1; color: #999999; font-size: 16px;}
.newsBar li a.newsLink { border-left: 2px solid #f2f2f2; padding:0 13px; text-align: center; display: block; margin-top: 72px; float: right;}
.newsBar li a.newsLink p,.newsBar li a.newsLink span { transition: all 0.5s; font-size: 16px; color: #666666; line-height: 23px;}
.newsBar li a.newsLink:hover p,.newsBar li a.newsLink:hover span { color: #133984;}
.newsBar li:hover img { transform: scale(1.1);}
/*care*/
.careList li { margin-bottom: 30px; border-bottom: 2px solid #d70c25; overflow: hidden; border-radius: 4px; box-shadow:0 7px 35px rgba(18,13,17,.07); float: left; width: 31%; margin-right: 3.5%;}
.careList li:nth-child(3n){ margin-right: 0;}
.careList li:hover .playImg img { transform: scale(1.1);}
.careList li:hover .playTxt h2 { color: #d70c25;}
.careList ul { margin: 80px auto;}
/*channel*/
.channelArticle { max-width: 100%; width: 1126px; margin: 50px auto 80px;}
.channelArttit { padding-bottom: 10px; margin-bottom: 46px; border-bottom: 1px solid #e5e5e5;}
.channelArttit h2 { text-align: center; color: #333333; font-size: 36px; line-height: 54px; margin-bottom: 16px;}
.channelArttit p { text-align: center; font-size: 16px; color: #999999; line-height: 36px;}
.channelArttit p span { margin: 0 17px;}
.channelArttit p span img { margin-right: 14px;}
.channelInfor video { display: block; outline: none; width: 100%;}
/*contact*/
.contactForm { margin: 40px auto 95px;}
.contactForm ul { margin-bottom: 30px; overflow: hidden;}
.contactForm li { position: relative; background: #f7f7f7; float: left; width: 31%; margin-right: 3.5%;}
.contactForm li:nth-child(3) { margin-right: 0;}
.contactForm li input { text-indent: 74px; background: none; display: block; height:60px; font-size: 18px; color: #000000; line-height:60px; outline: none; border: none; width: 100%;}
.contactForm li span { padding-left: 22px; font-size: 18px; color: #888888; line-height: 60px; position: absolute; left: 0; top: 0;}
.titleForm { border-radius: 4px; overflow: hidden; margin-bottom: 30px; position: relative; background: #f7f7f7;}
.titleForm input { text-indent: 74px; background: none; display: block; height:60px; font-size: 18px; color: #000000; line-height:60px; outline: none; border: none; width: 100%;}
.titleForm span { padding-left: 22px; font-size: 18px; color: #888888; line-height: 60px; position: absolute; left: 0; top: 0;}
.contactForm textarea { margin-bottom: 55px; outline: none; display: block; width: 100%; border-radius: 6px; padding:20px; box-sizing: border-box; resize: none;
line-height: 40px; height: 166px; font-family: '微软雅黑'; border: none; font-size: 18px; background: #f7f7f7; border-radius: 4px;}
.contactForm button { display: block; width: 335px; height: 70px; margin: 0 auto; color: #ffffff; font-size: 22px; outline: none; border: none;
background: #133984; line-height: 70px; border-radius: 4px;}
.contactInfor { border-radius: 10px; overflow: hidden; overflow: hidden;}
.contactText { float: left; height: 836px; width: 415px; padding: 203px 45px 0 70px; background: #133984;}
.contactText h2 { margin-bottom: 40px; font-size: 36px; color: #ffffff;}
.contactText p { font-size: 16px; color: #ffffff; line-height: 46px;}
.contactText span { display: block; margin-bottom: 25px; font-size: 24px; color: #ffffff; line-height: 32px;}
.contactMap { float: left; width: calc(100% - 415px); height: 836px;}
/*about*/
.aboutTitle { margin:90px auto 70px; text-align: center; position: relative; padding-bottom: 26px;}
.aboutTitle p { font-size: 25px; color: #333333; line-height:40px;}
.aboutTitle span { font-size: 25px; color: #133984; line-height: 40px;}
.aboutTitle:after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 40px; height: 2px; background: #133984;}
.aboutIntroduce { overflow: hidden;}
.aboutTxt { float: left; width: 100%; color: #666666; line-height: 31px; font-size: 16px;}
.aboutImg { float: right; width: calc(100% - 700px);}
.aboutImg img { display: block; width: 100%;}
.moment { max-width: 100%;
width: 1336px;
position: relative;
margin: 45px auto 58px;}
.bigMoment { float: right; width:37%;}
.smallMoment { width: 1224px;
max-width: calc(100% - 80px);
overflow: hidden;
margin: 0 auto;}
.bigMoment img { width: 100%; display: block;}
.smallMoment img { margin:0 auto; width: 95%; display: block}
.smallMoment p { font-size:16px;color:#666666;padding:8px 4px;text-align:center}
/*newsArticle*/
.newsArticle { overflow: hidden;}
.leftArticle { margin: 0 auto; width: calc(95%);}
.articleTit { border-bottom: 1px solid #e5e5e5; padding-bottom: 15px;}
.articleTit h2{ text-align: center; line-height: 66px; margin-bottom: 20px; font-weight: bold; font-size: 36px; color: #333333;}
.articleTit p { text-align: center; font-size: 16px; line-height: 2; color: #999999;}
.articleTit span { margin: 0 17px;}
.articleTit span img { margin-right: 15px;}
.articleInfor img { max-width: 100%; display: block; margin: 0 auto;}
.articleInfor { padding: 40px 0; border-bottom: 1px solid #e5e5e5;}
.articleInfor table td{padding:0 10px}
.articleControl { overflow: hidden; padding: 20px 0;}
.leftControl { float: left;}
.leftControl p { font-size: 18px; color: #333333; line-height: 30px;}
.leftControl p a { color: #333333;}
.articleControl a.backList { margin-top: 27px; float: right; font-size: 16px; background: #133984; width: 104px; height: 35px; border-radius: 35px;
text-align: center; line-height: 35px; color: #ffffff;}
.rightMenu { float: right; width: 280px;}
.menuTitle { background: url(../image/arttit.png) right bottom no-repeat #f6f6f6; padding: 35px 0 0 28px; line-height: 78px; font-size: 24px;
line-height: 78px; color: #133984;}
.rightMenu ul { padding: 0 28px; border: 1px solid #ededed; border-top: none;}
.rightMenu li { padding: 23px 0; border-bottom: 1px solid #efefef;}
.rightMenu li:last-child { border: none;}
.rightMenu li a { font-size: 15px; line-height: 26px; display: block;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
color: #333333;}
/*special*/
.specialBanner { position: relative;}
.specialBanner a.backWeb { display: block; font-size: 27px; left: 2%; position: fixed; color: #ffffff; top: 46px; width: 170px; height: 60px; line-height: 60px; text-align: center; border-radius: 60px; background: #cc0212;}
.specialBanner img { display: block; width: 100%;}
.specialBook { width: 1408px; margin: 0 auto; padding: 6.25vw 0; max-width: 100%;}
.bookLeft { float: left; width: 717px;}
.bookInfor { background: url(../image/zt5.jpg) center bottom no-repeat #cc0212; padding: 33px 72px 245px 60px;}
.bookLeft img { display: block; width: 100%;}
.bookInfor h2 { margin-bottom: 16px; line-height: 80px; font-size: 37.5px; color: #ffffff; position: relative;}
.bookInfor h2:after { content: ''; position: absolute; bottom: 0; left: 0; width: 76px; height: 1px; background: #b3835a;}
.bookInfor h3 { font-size: 13.5px; color: #ffffff; line-height: 2;}
.bookInfor p { font-size: 13.5px; color: #ffffff; line-height: 2; text-indent: 27px;}
.bookRight { float: right; padding-top: 140px; width: calc(100% - 717px);}
.bookArttop { margin-bottom: 26px; box-sizing: border-box; padding-left:11.59%;padding-bottom: 14px; position: relative;}
.bookArttop h2 { margin-bottom: 27px; font-size: 29.75px; color: #cc0212; line-height: 35px;}
.bookRight span img{ display: block;}
.bookRight p { line-height: 30px; color: #333333; font-size: 17.75px;}
.bookArttop:after { content: ''; position: absolute; bottom: 0; left:11.59%; width: 50px; height: 3px; background: #333333;}
.cellImg { position: relative; padding-top: 60px;}
.cellImg img { max-width: 100%; display: block;}
.cellImg:after { content: ''; width: calc(100% - 464px + 48px); position: absolute; top: 0; right:-48px; height: 100%; background: #cc0212;}
.bookArtbottom { max-width: 100%; margin-bottom: 50px; padding-bottom: 22px; position: relative; width: 430px; margin-top: 55px; margin-left: 11.59%;}
.bookArtbottom p {line-height: 30px; color: #333333; font-size: 17.75px; text-align: right;}
.bookArtbottom h2 {margin-bottom: 27px; font-size: 29.75px; color: #cc0212; line-height: 35px; text-align: right;}
.bookArtbottom:after { content: ''; position: absolute; bottom: 0; left:0; width: 50px; height: 3px; background: #333333;}
.yellowBlock { overflow: hidden;}
.yellowBlock span { float: right; display: block; width: 317px; height: 236px; background: #fca400;}
.redBlock { overflow: hidden;}
.redBlock span { float: right; display: block; background: #cc0212; margin-right: 317px; width: 147px; height: 122px;}
.heartBox { background: url(../image/zt7.jpg) center no-repeat; padding: 74px 0 64px;}
.heartCont { width: 1100px; margin: 0 auto; max-width: 100%;}
.heartCont h2 { margin-bottom: 46px; background: url(../image/heart.png) left center no-repeat; padding-left: 92px; font-size: 19.69px; color: #ffffff; line-height: 29px; position: relative;}
.heartCont h2:after { content: ''; position: absolute; left: 290px; right: 0; bottom: 2px; height: 2px; background: rgba(255,255,255,.3);}
.heartCont ul { overflow: hidden;}
.heartCont li { float: left; margin-right: 35px;}
.heartCont li p { font-size: 19.69px; line-height: 42px; color: #ffffff;}
.heartCont li span { font-size: 39.38px; line-height: 58px; color: #ffffff;}
.heartCont li span i { font-style: normal; font-size: 24px;}
.heartMap {width:100%; background:url(../image/earth.jpg) top center no-repeat; margin: 65px auto; padding: 60px 0 135px;}
.map-bj {margin-top:96px; max-width: 100%; background:url(../image/map.png) 146px top no-repeat;height:650px;width:1100px;margin:0 auto;position:relative;}
.map-bj .map-xx {position:absolute;top:460px;left:51px;}
.map-bj .map-xx p {line-height:42px;font-size:18px;color:#333;}
.map-bj .map-xx p img {width:28px;height:29px;float:left;margin-right:7px;margin-top:8px;}
.point-area {text-align:center;position:relative;width:100px;height:100px;transition:opacity .5s ease-out;position:absolute;}
/*湖北*/.map-bj .dw1 {top:314px;right:330px;}
/*内蒙古*/.map-bj .dw2 {top:154px;right:312px;}
/*陕西*/.map-bj .dw3 {top:278px;right:378px;}
/*广西*/.map-bj .dw4 {top:489px;right:387px;}
/*江苏*/.map-bj .dw5 {top:324px;right:210px;}
/*甘肃*/.map-bj .dw6 {top:238px;right:476px;}
/*四川*/.map-bj .dw7 {top:358px;right:430px;}
/*北京*/.map-bj .dw8 {top:178px;right:280px;}
/*云南*/.map-bj .dw9 {top:479px;right:527px;}
/*河南*/.map-bj .dw10 {top:248px;right:330px;}
/*西藏*/.map-bj .dw11 {top:298px;right:730px;}
/*宁夏*/.map-bj .dw12 {top:250px;right:426px;}
/*新疆*/.map-bj .dw13 {top:188px;right:756px;}
/*河北*/.map-bj .dw14 {top:228px;right:290px;}
/*广东*/.map-bj .dw15 {top:489px;right:317px;}
/*江西*/.map-bj .dw16 {top:404px;right:252px;}
/*青海*/.map-bj .dw17 {top:298px;right:630px;}
/*山东*/.map-bj .dw18 {top:265px;right:260px;}
.point-area p {position:absolute;top:32px;left:44px;}
.point-area .point {position:absolute;top:-4px;left:-18px;right:18px;bottom:4px;width:5px;height:5px;margin:auto;-webkit-border-radius:50%;-webkit-background-clip:padding-box;-moz-border-radius:50%;-moz-background-clip:padding;border-radius:50%;background-clip:padding-box;background:transparent}
.point-area .point-dw1 {z-index:1;background-color:#d7000f;border:1px solid #d7000f;}
.point-area .point-1 {width:100%;height:100%}
.point-area .point-1:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 225ms infinite;-moz-animation:ripple 4.5s ease-out 225ms infinite;-ms-animation:ripple 4.5s ease-out 225ms infinite;-o-animation:ripple 4.5s ease-out 225ms infinite;animation:ripple 4.5s ease-out 225ms infinite}
.point-area .point-2 {width:100%;height:100%}
.point-area .point-2:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 450ms infinite;-moz-animation:ripple 4.5s ease-out 450ms infinite;-ms-animation:ripple 4.5s ease-out 450ms infinite;-o-animation:ripple 4.5s ease-out 450ms infinite;animation:ripple 4.5s ease-out 450ms infinite}
.point-area .point-3 {width:100%;height:100%}
.point-area .point-3:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 675ms infinite;-moz-animation:ripple 4.5s ease-out 675ms infinite;-ms-animation:ripple 4.5s ease-out 675ms infinite;-o-animation:ripple 4.5s ease-out 675ms infinite;animation:ripple 4.5s ease-out 675ms infinite}
.point-area .point-4 {width:100%;height:100%}
.point-area .point-4:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 900ms infinite;-moz-animation:ripple 4.5s ease-out 900ms infinite;-ms-animation:ripple 4.5s ease-out 900ms infinite;-o-animation:ripple 4.5s ease-out 900ms infinite;animation:ripple 4.5s ease-out 900ms infinite}
.point-area .point-5 {width:100%;height:100%}
.point-area .point-5:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 1125ms infinite;-moz-animation:ripple 4.5s ease-out 1125ms infinite;-ms-animation:ripple 4.5s ease-out 1125ms infinite;-o-animation:ripple 4.5s ease-out 1125ms infinite;animation:ripple 4.5s ease-out 1125ms infinite}
.point-area .point-6 {width:100%;height:100%}
.point-area .point-6:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 1350ms infinite;-moz-animation:ripple 4.5s ease-out 1350ms infinite;-ms-animation:ripple 4.5s ease-out 1350ms infinite;-o-animation:ripple 4.5s ease-out 1350ms infinite;animation:ripple 4.5s ease-out 1350ms infinite}
.point-area .point-7 {width:100%;height:100%}
.point-area .point-7:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 1575ms infinite;-moz-animation:ripple 4.5s ease-out 1575ms infinite;-ms-animation:ripple 4.5s ease-out 1575ms infinite;-o-animation:ripple 4.5s ease-out 1575ms infinite;animation:ripple 4.5s ease-out 1575ms infinite}
.point-area .point-8 {width:100%;height:100%}
.point-area .point-8:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 1800ms infinite;-moz-animation:ripple 4.5s ease-out 1800ms infinite;-ms-animation:ripple 4.5s ease-out 1800ms infinite;-o-animation:ripple 4.5s ease-out 1800ms infinite;animation:ripple 4.5s ease-out 1800ms infinite}
.point-area .point-9 {width:100%;height:100%}
.point-area .point-9:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 2025ms infinite;-moz-animation:ripple 4.5s ease-out 2025ms infinite;-ms-animation:ripple 4.5s ease-out 2025ms infinite;-o-animation:ripple 4.5s ease-out 2025ms infinite;animation:ripple 4.5s ease-out 2025ms infinite}
.point-area .point-10 {width:100%;height:100%}
.point-area .point-10:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 2250ms infinite;-moz-animation:ripple 4.5s ease-out 2250ms infinite;-ms-animation:ripple 4.5s ease-out 2250ms infinite;-o-animation:ripple 4.5s ease-out 2250ms infinite;animation:ripple 4.5s ease-out 2250ms infinite}
.point-area .point-11 {width:100%;height:100%}
.point-area .point-11:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 2475ms infinite;-moz-animation:ripple 4.5s ease-out 2475ms infinite;-ms-animation:ripple 4.5s ease-out 2475ms infinite;-o-animation:ripple 4.5s ease-out 2475ms infinite;animation:ripple 4.5s ease-out 2475ms infinite}
.point-area .point-12 {width:100%;height:100%}
.point-area .point-12:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 2700ms infinite;-moz-animation:ripple 4.5s ease-out 2700ms infinite;-ms-animation:ripple 4.5s ease-out 2700ms infinite;-o-animation:ripple 4.5s ease-out 2700ms infinite;animation:ripple 4.5s ease-out 2700ms infinite}
.point-area .point-13 {width:100%;height:100%}
.point-area .point-13:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 2925ms infinite;-moz-animation:ripple 4.5s ease-out 2925ms infinite;-ms-animation:ripple 4.5s ease-out 2925ms infinite;-o-animation:ripple 4.5s ease-out 2925ms infinite;animation:ripple 4.5s ease-out 2925ms infinite}
.point-area .point-14 {width:100%;height:100%}
.point-area .point-14:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 3150ms infinite;-moz-animation:ripple 4.5s ease-out 3150ms infinite;-ms-animation:ripple 4.5s ease-out 3150ms infinite;-o-animation:ripple 4.5s ease-out 3150ms infinite;animation:ripple 4.5s ease-out 3150ms infinite}
.point-area .point-15 {width:100%;height:100%}
.point-area .point-15:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 3375ms infinite;-moz-animation:ripple 4.5s ease-out 3375ms infinite;-ms-animation:ripple 4.5s ease-out 3375ms infinite;-o-animation:ripple 4.5s ease-out 3375ms infinite;animation:ripple 4.5s ease-out 3375ms infinite}
.point-area .point-16 {width:100%;height:100%}
.point-area .point-16:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 3600ms infinite;-moz-animation:ripple 4.5s ease-out 3600ms infinite;-ms-animation:ripple 4.5s ease-out 3600ms infinite;-o-animation:ripple 4.5s ease-out 3600ms infinite;animation:ripple 4.5s ease-out 3600ms infinite}
.point-area .point-17 {width:100%;height:100%}
.point-area .point-17:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 3825ms infinite;-moz-animation:ripple 4.5s ease-out 3825ms infinite;-ms-animation:ripple 4.5s ease-out 3825ms infinite;-o-animation:ripple 4.5s ease-out 3825ms infinite;animation:ripple 4.5s ease-out 3825ms infinite}
.point-area .point-18 {width:100%;height:100%}
.point-area .point-18:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 4050ms infinite;-moz-animation:ripple 4.5s ease-out 4050ms infinite;-ms-animation:ripple 4.5s ease-out 4050ms infinite;-o-animation:ripple 4.5s ease-out 4050ms infinite;animation:ripple 4.5s ease-out 4050ms infinite}
.point-area .point-19 {width:100%;height:100%}
.point-area .point-19:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 4275ms infinite;-moz-animation:ripple 4.5s ease-out 4275ms infinite;-ms-animation:ripple 4.5s ease-out 4275ms infinite;-o-animation:ripple 4.5s ease-out 4275ms infinite;animation:ripple 4.5s ease-out 4275ms infinite}
.point-area .point-20 {width:100%;height:100%}
.point-area .point-20:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 4500ms infinite;-moz-animation:ripple 4.5s ease-out 4500ms infinite;-ms-animation:ripple 4.5s ease-out 4500ms infinite;-o-animation:ripple 4.5s ease-out 4500ms infinite;animation:ripple 4.5s ease-out 4500ms infinite}
.point-area .point-21 {width:100%;height:100%}
.point-area .point-21:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 4725ms infinite;-moz-animation:ripple 4.5s ease-out 4725ms infinite;-ms-animation:ripple 4.5s ease-out 4725ms infinite;-o-animation:ripple 4.5s ease-out 4725ms infinite;animation:ripple 4.5s ease-out 4725ms infinite}
.point-area .point-22 {width:100%;height:100%}
.point-area .point-22:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 4950ms infinite;-moz-animation:ripple 4.5s ease-out 4950ms infinite;-ms-animation:ripple 4.5s ease-out 4950ms infinite;-o-animation:ripple 4.5s ease-out 4950ms infinite;animation:ripple 4.5s ease-out 4950ms infinite}
.point-area .point-23 {width:100%;height:100%}
.point-area .point-23:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 5175ms infinite;-moz-animation:ripple 4.5s ease-out 5175ms infinite;-ms-animation:ripple 4.5s ease-out 5175ms infinite;-o-animation:ripple 4.5s ease-out 5175ms infinite;animation:ripple 4.5s ease-out 5175ms infinite}
.point-area .point-24 {width:100%;height:100%}
.point-area .point-24:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 5400ms infinite;-moz-animation:ripple 4.5s ease-out 5400ms infinite;-ms-animation:ripple 4.5s ease-out 5400ms infinite;-o-animation:ripple 4.5s ease-out 5400ms infinite;animation:ripple 4.5s ease-out 5400ms infinite}
.point-area .point-25 {width:100%;height:100%}
.point-area .point-25:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 5625ms infinite;-moz-animation:ripple 4.5s ease-out 5625ms infinite;-ms-animation:ripple 4.5s ease-out 5625ms infinite;-o-animation:ripple 4.5s ease-out 5625ms infinite;animation:ripple 4.5s ease-out 5625ms infinite}
.point-area .point-26 {width:100%;height:100%}
.point-area .point-26:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 5850ms infinite;-moz-animation:ripple 4.5s ease-out 5850ms infinite;-ms-animation:ripple 4.5s ease-out 5850ms infinite;-o-animation:ripple 4.5s ease-out 5850ms infinite;animation:ripple 4.5s ease-out 5850ms infinite}
.point-area .point-27 {width:100%;height:100%}
.point-area .point-27:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 6075ms infinite;-moz-animation:ripple 4.5s ease-out 6075ms infinite;-ms-animation:ripple 4.5s ease-out 6075ms infinite;-o-animation:ripple 4.5s ease-out 6075ms infinite;animation:ripple 4.5s ease-out 6075ms infinite}
.point-area .point-28 {width:100%;height:100%}
.point-area .point-28:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 9000ms infinite;-moz-animation:ripple 4.5s ease-out 9000ms infinite;-ms-animation:ripple 4.5s ease-out 9000ms infinite;-o-animation:ripple 4.5s ease-out 9000ms infinite;animation:ripple 4.5s ease-out 9000ms infinite}
.point-area .point-29 {width:100%;height:100%}
.point-area .point-29:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 6300ms infinite;-moz-animation:ripple 4.5s ease-out 6300ms infinite;-ms-animation:ripple 4.5s ease-out 6300ms infinite;-o-animation:ripple 4.5s ease-out 6300ms infinite;animation:ripple 4.5s ease-out 6300ms infinite}
.point-area .point-30 {width:100%;height:100%}
.point-area .point-30:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #d7000f;opacity:0;-webkit-animation:ripple 4.5s ease-out 9225ms infinite;-moz-animation:ripple 4.5s ease-out 9225ms infinite;-ms-animation:ripple 4.5s ease-out 9225ms infinite;-o-animation:ripple 4.5s ease-out 9225ms infinite;animation:ripple 4.5s ease-out 9225ms infinite}
@-webkit-keyframes ripple {0% {opacity:0;-webkit-transform:scale(.1)}
5% {opacity:1}
to {opacity:0;-webkit-transform:scale(1)}
}
@-moz-keyframes ripple {0% {opacity:0;-webkit-transform:scale(.1)}
5% {opacity:1}
to {opacity:0;-webkit-transform:scale(1)}
}
@-ms-keyframes ripple {0% {opacity:0;-webkit-transform:scale(.1)}
5% {opacity:1}
to {opacity:0;-webkit-transform:scale(1)}
}
@-o-keyframes ripple {0% {opacity:0;-webkit-transform:scale(.1)}
5% {opacity:1}
to {opacity:0;-webkit-transform:scale(1)}
}
@keyframes ripple {0% {opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}
5% {opacity:1}
to {opacity:0;-webkit-transform:scale(1);transform:scale(1)}
}
.point-area .point-des {padding:12px 16px;background:#d7000f;line-height:24px;font-size:14px;color:#fbfbfb;border-radius:10px;width:321px;position:absolute;top:-80px;left:30px;display:none;text-align:left;z-index:100;height:250px;overflow:hidden;box-sizing:content-box;}
.point-area .point-des .point-des2 {color:#fff;width:340px;height:250px;overflow:scroll;padding-right:15px;padding-bottom:30px;}
.point-area .point-des strong {color:#fff;font-size:16px;line-height:200%;}
.point-area .point-des {top:-260px;}
/*.dw1 .point-des {top:-256px;}
.dw2 .point-des {top:-220px;}
.dw3 .point-des {top:-450px;}
.dw4 .point-des {top:-86px;}
.dw5 .point-des {top:-206px;}
.dw6 .point-des {top:-560px;}
.dw7 .point-des {top:-200px;}
.dw8 .point-des {top:-900px;}
.dw9 .point-des {top:-336px;}
.dw10 .point-des {top:-306px;}
.dw11 .point-des {top:-756px;}
.dw12 .point-des {top:-642px;}
.dw13 .point-des {top:-296px;}
.dw14 .point-des {top:-90px;}
.dw15 .point-des {top:-356px;}
.dw17 .point-des {top:-270px;}
.dw18 .point-des {top:-640px;}
*/.point-area .point-icon {width:58px;height:38px;background:url(../image/img_10.png) center top no-repeat;position:absolute;left:30px;top:10px;display:none;}
.point-area:hover .point-des {display:block;}
.point-area:hover .point-icon {display:block;}
.map-bj div::-webkit-scrollbar {width:0 !important}
.carePart{ overflow: hidden;background: #cc0212;}
.carePart>div { width: 50%; float: left;}
.imgCell { background: #ffffff;}
.imgCell img { width: 100%; display: block;}
.partBox .carePart:nth-child(1) .imgCell { float: left; padding-left: 13.38%;}
.partBox .carePart:nth-child(2) .imgCell { float: right; padding-right: 13.38%;}
.partBox .carePart:nth-child(2) .txtCell { padding-left: 13.38%;}
.partBox .carePart:nth-child(1) .txtCell { padding-left: 39px;}
.txtCell p { color: #ffffff; font-size: 22px; line-height: 2;}
.txtCell { position: relative; padding-top: 13.28%;}
.txtCell:after { content: ''; position: absolute; width: 51px; height: 3px; left:39px; background: #ffffff; top:35%;}
.partBox .carePart:nth-child(2) .txtCell:after { left: 27%;}
.copyRight br { display: none;}
.pt0 { padding-top: 0;}
@media screen and (max-width:1550px){
.cellImg:after { width: calc(100% - 464px); right: 0;}
}
@media screen and (max-width:1440px){
.header { padding: 0 4%;}
.eyeChannel,.careCont,.storyList,.welfareNews,.footerCont { width: 100%; box-sizing: border-box; padding: 0 4%;}
.careRight { right: 4%;}
.playTxt h2 { font-size: 18px;}
.footMenu { display: none;}
.container { width: 100%; padding: 0 4%;}
.locationBox { width: 92%; margin: 0 4%; line-height:60px;}
.newsnoticeTxt p { font-size: 16px;}
}
@media screen and (max-width:1200px){
.channelArticle { width: 100%; box-sizing: border-box; padding: 0 4%;}
.contactText { height: 550px; padding: 100px 4% 0;}
.contactMap { height: 550px;}
.newsRight { width: calc(100% - 306px);}
.newsTxt { width: calc(100% - 100px);}
.specialBook { width: 100%; padding: 6.25vw 4%;}
.bookLeft { width: 100%; float: none;}
.bookRight { float: none; width: 100%; padding-top: 40px;}
.heartCont { width: 92%; margin: 0 4%;}
}
@media screen and (max-width:1080px){
.txtCell { padding-top:80px;}
.txtCell p { font-size: 16px;}
.heartMap { margin: 40px auto; padding: 0;}
.newsNotice { margin: 20px auto;}
.newsnotImg { float: none; width: 100%;}
.newsNotice { padding: 0;}
.newsnoticeTxt { width: 100%; float: none; padding:10px 4% 20px;}
.newsnoticeTxt h2 { font-size:20px; line-height: 2;}
.newsnoticeTxt p { font-size: 14px;}
.channelArttit h2 { font-size: 26px;}
.channelArttit p span { margin: 0 8px; font-size: 13px;}
.channelArttit p span img { margin-right: 5px; vertical-align:-3px;}
.locationBox { line-height: 40px;}
.aboutTxt { width: 100%; float: none;}
.aboutImg { width: 100%; float: none; margin: 20px auto 0;}
.aboutImg img { max-width: 100%; width: auto; margin: 0 auto;}
.aboutTitle { margin: 40px auto 20px; padding-bottom: 16px;}
.aboutTxt { font-size: 14px; line-height: 1.75;}
.locationBox a, .locationBox span { font-size: 14px;}
.aboutTitle p,.aboutTitle span { font-size: 18px; line-height: 1.75;}
.hotLine,.search { display: none;}
body { padding-top: 60px;}
.header { box-shadow: 0 0 10px rgba(0,0,0,0.2); position: fixed; left: 0; width: 100%; background: #ffffff; z-index: 100; top: 0; height: 60px;}
.header .menu { transition: all .5s; display: block; width:32px; height:32px; background: url(../image/menu.png) center no-repeat; background-size:100% auto ; position: absolute; right: 4%; top: 50%; margin-top: -16px;}
.header .menu.cur { transform: rotate(360deg); background: url(../image/close.png) center no-repeat; background-size: 100% auto;}
.header a.logo { width: auto; margin-top:10px;}
.header a.logo img { height:40px; width: auto;}
.nav { left: -100%; position: fixed; width: 45%; height: auto; top: 60px; bottom: 0; z-index: 100;}
.nav li { text-align: left; float: none; width: 100%;}
.nav ul { width: 100%;}
.nav li h2 a { display: inline; font-size: 14px; text-align: left; text-indent: 20px;}
.nav li dl { transform: translate(0,0); width: 100%; position: static;}
.coverBg { position: fixed; top: 60px; bottom: 0; width: 100%; background: rgba(0,0,0,0.5); display: none; z-index: 90;}
.nav li dl:after { display: none;}
.nav li dl { padding: 10px 0;text-align: left; text-indent: 25px;}
.banner .swiper-pagination { bottom: 5px;}
.nav li:hover h2, .nav li.cur h2 { background: #0a265e;}
.nav li h2 { text-indent: 15px;}
.eyeChannel { margin: 20px auto;}
.titleBox { font-size: 20px;line-height:1}
.titleBox .qy-tit .l {font-size: 20px;font-weight:normal;}
.titleBox .qy-tit .r a {
font-size: 16px;
font-weight:normal;
}
.titleBox .qy-tit .l::after{
width:80px;
}
.titleBox>img{
width:20%;
}
.eyeList { margin: 20px auto 0;}
.eyeList li { width: 100%; margin-right: 0; margin-bottom: 10px;}
.titleBox a.readMore { font-size: 12px; height: 28px; width: 100px; line-height: 28px;}
.playTxt { padding: 10px 20px;}
.playTxt h2 { font-size: 16px; line-height: 2;}
.welfareLeft { width: 100%; float: none;}
.welfareRight { margin-top:20px ; float: none; width: 100%;}
.welfareRight li { font-size: 14px; padding: 15px 0;}
.welfareNews a.checkMore { margin: 20px auto 0; width: 100px; height: 32px; font-size: 14px; line-height: 32px;}
.welfareCont { margin: 20px auto 0;}
.slideTit span { font-size: 20px;}
.careList ul { margin: 30px auto;}
}
@media screen and (max-width:780px){
.specialBanner a.backWeb {left:4%; top:10px; z-index:3; font-size: 18px; width: 120px; height: 40px; line-height: 40px;}
.partBox .carePart .imgCell { float: none!important;; width: 100%; padding: 0!important;}
.partBox .carePart .txtCell{ float: none; width: 100%; padding:40px 20px 20px!important;}
.bookInfor { padding: 20px 4%;}
.bookInfor h2 { font-size: 20px; line-height: 2;}
.txtCell:after { left: 20px!important; top: 20px;}
.bookArtbottom p,.bookRight p { font-size:14px;}
.bookArtbottom h2,.bookArttop h2 { font-size: 20px; margin-bottom: 10px;}
.bookArtbottom { margin:20px 0; text-align: left;}
.yellowBlock,.redBlock { display: none;}
.heartBox { background-size:cover;}
.heartCont li span { font-size: 20px; line-height: 1.5;}
.heartCont li p,.heartCont h2 { font-size: 16px;}
.heartCont li span i { font-size: 12px;}
.bookArtbottom p,.bookArtbottom h2 { text-align: left;}
.bookArttop { padding:20px 0;}
.bookArttop:after { left: 0;}
.cellImg { padding-top: 0;}
.storyBar li { margin-right: 0; width: 100%; margin-bottom: 10px;}
.storyBar ul { margin: 20px auto;}
.rightMenu,.leftArticle { float: none; width: 100%;}
.articleTit span { margin: 0 5px; font-size: 13px;}
.articleTit span img { margin-right: 5px; vertical-align: -3px;}
.leftControl { float: none;}
.leftControl p { font-size: 14px;}
.articleControl a.backList { float: none; margin: 20px auto; display: block;}
.menuTitle { padding:12px 0 0 20px; font-size: 18px;}
.rightMenu ul { padding: 0 10px;}
.rightMenu li { padding: 15px 0;}
.newsBar li { margin-bottom: 10px;}
.newsBar ul { padding: 0; margin-bottom: 20px;}
.newsImg { float: none; width: 100%;}
.newsRight { float: none; width: 100%;}
.newsTxt h2 { font-size:16px; margin-bottom:0;}
.newsTxt p { font-size: 14px; line-height:1.75; height: auto; margin-bottom: 5px;}
.newsBar li a.newsLink { margin-top: 30px;}
.contactText h2{ font-size: 20px; margin-bottom: 20px;}
.contactText span { font-size: 16px; margin-bottom:10px;}
.contactMap { width: 100%; height: 300px; float: none;}
.contactText p { line-height: 2;}
.contactText { float: none; width: 100%; height: auto; padding: 20px;}
.contactForm li { float: none; width: 100%; height: 40px; line-height: 40px; margin-bottom: 7px;}
.contactForm li span,.titleForm span { line-height: 40px; font-size: 14px;}
.contactForm li input,.titleForm input { height: 40px; font-size: 14px;}
.contactForm button { font-size: 14px; height: 40px; line-height: 40px;}
.titleForm { margin-bottom: 7px;}
.contactForm { margin: 20px auto 40px;}
.contactForm textarea { margin-bottom: 20px; font-size: 14px; padding: 10px 20px; line-height: 1.5;}
.contactForm ul { margin-bottom: 0;}
.careList li { width: 100%; margin-right: 0; float: none; margin-bottom: 10px;}
.fpage a { width: 60px; height: 20px; line-height: 20px;}
.channelArttit h2,.articleTit h2 { font-weight: normal; font-size: 16px; margin-bottom: 10px; line-height: 2;}
.container { margin: 30px auto;}
.bigMoment { margin-bottom: 10px;}
.bigMoment { float: none; width: 100%;}
.copyRight br { display: block;}
.usePeo h2 { font-size: 24px; line-height: 2;}
.usePeo { padding: 20px 0 30px;}
.usePeo li p { font-size: 24px; line-height: 1;}
.usePeo li p i { font-size: 12px;}
.usePeo li span { font-size: 14px;}
.useTag li { margin-bottom: 20px; padding: 20px 0;}
.welfareInfor p { font-size: 13px; line-height:1.75;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.careRight { position: static; width: 100%;}
.careLeft a { margin: 10px 0 20px;}
.careLeft h2 { font-size: 20px; line-height: 3;}
.careLeft p { font-size: 14px; line-height: 2;}
.careCont { margin: 20px auto 0;}
.careCenter { padding: 0px 0;}
.choseList { margin-top: 20px;}
.choseList span { width: 18.5%;}
.story { padding: 20px 0 10px;}
.storyList { margin: 20px auto 0;}
.storyList ul {
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
}
.storyList li { margin-bottom: 10px; float: none; width: 100%;}
.storyTitle h2 { font-size: 16px;}
.welfareNews { margin: 0 auto 20px;}
.storyTxt { padding: 10px;}
.partner { margin: 20px auto;}
.footContact { display: none;}
.footerLink {
display: none;
}
.QRCode{
margin:0 auto;
}
.QRCode h4 {
display:none;
}
.footerLeft img { max-width: 80%; margin: 0 auto;}
.footerLeft { float: none; text-align: center;}
.footerLink a { font-size: 12px; line-height: 1.5; margin: 0 3px;}
.copyRight { font-size: 12px; padding: 10px 0; line-height: 1.5;}
}
.comment-textarea textarea{
width: 100%;
border: 1px solid #ddd;
border-radius: 5px;
padding: 15px;
box-sizing: border-box;
}
.comment-form [type="submit"]{
margin-top: 27px;
/* float: right; */
font-size: 16px;
background: #133984;
color: #133984;
width: 104px;
height: 35px;
border-radius: 35px;
text-align: center;
line-height: 35px;
border: 0;
position: relative;
}
.comment-form [type="submit"]::before{
content: '提交报名';
position: absolute;top: 0;right: 0;left: 0;bottom: 0;z-index: 5;color: #fff;font-size: 16px;text-align: center;line-height: 35px;
cursor: pointer;
}
#comments{
display: none !important;
}
.comment-page{
display: none !important;
}
.comment-default-block .pagination{
display: none !important;
}