@charset "utf-8";
.indban{ margin-top:80px;}
.indban img{ display:block; width:100%;}
@media screen and (max-width: 1660px) {
.indban{ margin-top:72px;}
}
@media screen and (max-width:580px){
.indban{ margin-top:55px;}
}

.character { padding:3% 0px; width: 100%; background: #fafcff; }
@media screen and (max-width: 1660px){
.character .symain{ padding:0 90px;}
}
.character .character_cnt:after { content: ""; display: block; height: 0; clear: both; }
.character .character_cnt a { position: relative; float: left; border-radius:60px; cursor: pointer; overflow: hidden; transition: all 0.5s; box-sizing: border-box; margin-top:10px;}
.character .character_cnt a.active{ margin-top:0;}
.character .character_cnt a:first-child { margin-left: 0; }
.character .character_cnt a:first-child .charactercenter { display: none; }
.character .character_cnt a:first-child .characterbot { display: block; }
.character .character_cnt a > img { height:100%; width:500%; transition: all 0.5s; }
.character .character_cnt a.active > img { margin-left: 0 !important;}
@media screen and (min-width: 1660px) {
.character .character_cnt a { margin-left:20px; width: calc(7% - 20px); height:780px;}
.character .character_cnt a.active { width:72%;  height:800px !important;}
}
@media screen and (max-width: 1660px) and (min-width: 1440px) {
.character .character_cnt a { margin-left:20px; width: calc(7% - 20px); height:700px;}
.character .character_cnt a.active { width:72%;  height:720px !important;}
}
@media screen and (max-width: 1440px) and (min-width: 1300px) {
.character .character_cnt a { margin-left:15px; width: calc(7.5% - 15px); height:620px;}
.character .character_cnt a.active { width:68%;  height:640px !important;}
}
@media screen and (max-width: 1300px) and (min-width:900px) {
.character .character_cnt a { margin-left:10px; width: calc(7.5% - 10px); height:530px;}
.character .character_cnt a.active { width:68%;  height:550px !important;}
.character .character_cnt a.active > img { height:100%; width:auto;}
}

@media screen and (min-width: 900px) {
.character .character_cnt a.active > img { width:100%; height:auto;}
}
.character .charactercenter { position: absolute; bottom:30px; left: 0; right: 0; margin: auto; width:50%; border-radius: 50%; text-align: center; font-size: 0;}
.character .charactercenter img{ width:100%; box-sizing: border-box;}
.character .charactercenter:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.character .charactercenter > div { width: 100%; display: inline-block; vertical-align: middle; }
.character .charactercenter > div span { font-size: 50px; color: #1163c9; line-height: 1; }
.character .charactercenter > div div { margin-top: 18px; font-size: 24px; color: #000033; line-height: 1; }
.character .characterbot { display: none; position: absolute; left: 30px; right: 30px; bottom: 30px; height:auto; }
.character .characterbot p { font-size: 16px; color: #fff; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.character .characterbot p i{ display:block; font-size:24px; line-height:1.5;}

@media screen and (max-width: 1660px) { .character { padding: 60px 0; }
  .character .charactercenter { width: 136px; height: 136px; }
  .character .charactercenter > div span { font-size: 44px; }
  .character .charactercenter > div div { margin-top: 12px; font-size: 18px; }
  .character .characterbot { padding:10px 0; }
  .character .characterbot p { font-size: 15px; line-height: 1.6; }
  .character .characterbot p i{ font-size:18px;}
}
@media screen and (max-width: 1050px) { .sec_title > h4 { font-size: 28px; line-height: 36px; }
  .character { padding: 50px 0; }
  .character .character_cnt { margin-top: 30px; }
  .character .charactercenter { width: 102px; height: 102px; }
  .character .charactercenter > div span { font-size: 36px; }
  .character .charactercenter > div div { margin-top: 8px; font-size: 15px; }
  .character .characterbot { padding: 12px 0;}
  .character .characterbot p { height: 42px; font-size: 14px; line-height: 1.5; }
  .character .characterbot p i{ font-size:16px;}
}
@media screen and (max-width: 900px) { .character .character_cnt { margin-top: 0; }
  .character .character_cnt a { display: block; float: none; margin-left: 0; margin-top: 26px; width: 100%; height: auto !important; border-radius: 16px; background: #ffffff; box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.12); }
  .character .character_cnt a > img { width: 100%; margin-left: 0 !important; }
  .character .character_cnt a.active { width: 100%; }
  .character .charactercenter { display: none !important; }
  .character .characterbot { display: block !important; position: relative; left: 0; right: 0; bottom: 0; padding: 18px 6px; box-shadow: none; opacity: 1 !important; filter: alpha(opacity=100) !important; }
  .character .characterbot p i{ font-size:16px;}
}
@media screen and (max-width: 480px) { .sec_title { height: 0.8rem; }
  .sec_title > h4 { font-size: 0.56rem; line-height: 0.8rem; }
  .sec_title > a { width: 2.08rem; height: 0.8rem; border-radius: 0.4rem; font-size: 0.346667rem; line-height: 0.8rem; }
  .sec_title ul li { margin-left: 0.213334rem; font-size: 0.373334rem; line-height: 0.8rem; }
  .character { padding: 0.8rem 0; }
  .character .character_cnt a { margin-top: 0.64rem; border-radius: 0.32rem; }
  .character .characterbot { padding: 0.4rem 0.16rem; height: 2.453334rem; }
  .character .characterbot p { height: 1.12rem; font-size: 0.373334rem; line-height: 1.5; }
  .character .characterbot p i{ font-size:15px;}
}

.indab{ padding:3% 0; background:#f5f5f5; overflow:hidden;}
@media screen and (min-width:960px) { 
.indab_img{ width:55%; float:left;}
.indab_body{ width:40%; float:right; padding-top:5%;}
.indab_body em{ font-size:42px; line-height:2;}
.indab_body .bodyp{ font-size:16px; line-height:2;} 
.indab_body a{ font-size:16px;}
}
@media screen and (max-width:960px) { 
.indab_body em{ font-size:24px; line-height:2;}
.indab_body .bodyp{ font-size:14px; line-height:1.5;} 
.indab_body a{ font-size:14px;}
}
.indab_img img{ display:block; width:100%;}
.indab_body em{ display:block;}
.indab_body a{ font-weight:700; color:#383b43; display:inline-block; margin-top:5%;}
.indab_body a:hover{ color:#ff3333;}
.indab_body a i{ background:url(../images/d.jpg) center no-repeat; display:inline; padding:8px 15px; border:1px #ff3333 solid; margin-left:15px;}
.indab_bot{ background:#fff;}

@media screen and (min-width:1600px) { 
.indab_bot{ padding:45px 55px;}
.indab_bot li span,.indab_bot li p{ font-size:16px;}
.indab_bot li p i{ font-size:32px; margin-right:5px;}
}
@media screen and (max-width:1600px) and (min-width:960px) { 
.indab_bot{ padding:35px 45px;}
.indab_bot li span,.indab_bot li p{ font-size:15px;}
.indab_bot li p i{ font-size:28px; margin-right:5px;}
}
@media screen and (max-width:960px) { 
.indab_bot{ padding:10px;}
.indab_bot li span,.indab_bot li p{ font-size:14px; display:block;}
.indab_bot li p i{ font-size:18px; display:block;}
}
.indab_bot li{ float:left; width:20%;}
.indab_bot li img{ float:left; display:block; margin-right:20px; max-width:60%;}
.indab_bot li span{ color:#666;}
.indab_bot li p i{ color:#0034a2; font-weight:700;}


.indpic{ padding:3% 0;}
.indpic_tit{ text-align:center; font-size:38px; line-height:2; font-weight:700; position:relative; margin:0 auto; max-width:1060px;}
@media screen and (max-width:960px) {
.indpic_tit{ font-size:24px;}
}
.indpic_tit:before{ position:absolute; width:100%; height:1px; content:""; background:#0033a0; left:0; top:50%;}
.indpic_tit span{ color:#910203; padding:0 3%; background:#fff; display:inline-block; position:relative; z-index:5;}
@media screen and (min-width:760px) {
.indpic_con{ box-sizing: border-box; height:640px; margin-top:3%;}

.indpic_con04{ width: calc(17% - 30px); float:left; margin-left:3%;}
.con04img{ height:145px; overflow:hidden; margin-top:250px; position:relative;}
.con04img img{ width:100%;}
.con04img a{ position:absolute; top:360px; left:0; width:100%; height:100%; background-color:rgba(0,51,160,0.5); opacity:0; transition: all .5s ease-out;}
.con04img:hover a{ opacity:1; top:0; line-height:2; color:#fff; box-sizing: border-box; padding:15px;}

.indpic_con01{ width:20%; float:left; margin:0 15px 0 15px;}
.con01img{ height:200px; overflow:hidden; position:relative;}
.con01img img{ width:100%;}
.con01img a{ position:absolute; top:360px; left:0; width:100%; height:100%; background-color:rgba(0,51,160,0.5); opacity:0; transition: all .5s ease-out;}
.con01img:hover a{ opacity:1; top:0; line-height:2; color:#fff; box-sizing: border-box; padding:15px;}

.con01s{ height:200px; background:#0033a0; margin:20px auto; color:#fff; text-align:center; padding:10px; box-sizing: border-box; }
.con01s span{ display:block; line-height:2;}
@media screen and (min-width:1440px) {
.con01s span{ font-size:32px; margin-top:10%;}
.con01s i{ font-size:18px;}
}
@media screen and (max-width:1440px) and (min-width:960px) {
.con01s span{ font-size:24px; margin-top:20%;}
.con01s i{ font-size:16px;}
}
@media screen and (max-width:960px) {
.con01s span{ font-size:18px; margin-top:10%;}
.con01s i{ font-size:14px;}
}


.indpic_con02{ width:20%; float:left; padding-top:70px; margin-left:15px;}
.con02img{ height:145px; overflow:hidden; padding-left:25%; position:relative;}
.con02img img{ width:100%; min-height:100%;}
.con02img a{ position:absolute; top:360px; left:25%; width:75%; height:100%; background-color:rgba(0,51,160,0.5); opacity:0; transition: all .5s ease-out;}
.con02img:hover a{ opacity:1; top:0; line-height:2; color:#fff; box-sizing: border-box; padding:15px;}
.con02imgs{ height:180px; overflow:hidden; width:100%; margin:20px auto; position:relative;}
.con02imgs img{ width:100%;}
.con02imgs a{ position:absolute; top:360px; left:0; width:100%; height:100%; background-color:rgba(0,51,160,0.5); opacity:0; transition: all .5s ease-out;}
.con02imgs:hover a{ opacity:1; top:0; line-height:2; color:#fff; box-sizing: border-box; padding:15px;}

.indpic_con03{ width:20%; float:left; padding-top:70px; margin-right:15px;}
.con03img{ height:145px; overflow:hidden; padding-right:25%; position:relative;}
.con03img img{ width:100%; min-height:100%;}
.con03img a{ position:absolute; top:360px; left:0; width:75%; height:100%; background-color:rgba(0,51,160,0.5); opacity:0; transition: all .5s ease-out;}
.con03img:hover a{ opacity:1; top:0; line-height:2; color:#fff; box-sizing: border-box; padding:15px;}
.con03imgs{ height:180px; overflow:hidden; width:100%; margin:20px auto; position:relative;}
.con03imgs img{ width:100%;}
.con03imgs a{ position:absolute; top:360px; left:0; width:100%; height:100%; background-color:rgba(0,51,160,0.5); opacity:0; transition: all .5s ease-out;}
.con03imgs:hover a{ opacity:1; top:0; line-height:2; color:#fff; box-sizing: border-box; padding:15px;}

.indpic_con05{  width: calc(17% - 30px); float:left; margin-right:3%;}
.con05img{ height:145px; overflow:hidden; margin-top:250px; position:relative;}
.con05img img{ width:100%;}
.con05img a{ position:absolute; top:360px; left:0; width:100%; height:100%; background-color:rgba(0,51,160,0.5); opacity:0; transition: all .5s ease-out;}
.con05img:hover a{ opacity:1; top:0; line-height:2; color:#fff; box-sizing: border-box; padding:15px;}
}
@media screen and (max-width: 760px) {
.con01s,.indpic_con05,.indpic_con04{ display:none;}
.indpic_con img{ display:block; width:100%; margin-bottom:15px;}
}

.indnews{ padding:2.5% 0; background:#f5f5f5; overflow:hidden;}
.indnews_tit{ max-width:1060px; text-align:center; margin:0 auto 3%;}
.indnews_tit em{ text-align:center; line-height:2; font-weight:700; color:#333; letter-spacing:1px;}


.indnews_tit p{ color:#666; position:relative;}
.indnews_tit p:before{ position:absolute; width:100%; height:1px; content:""; background:#0033a0; left:0; top:50%;}
.indnews_tit p span{ background:#f5f5f5; padding:0 3%; position:relative; z-index:5;}
@media screen and (min-width:960px) { 
.indnews_tit em{ font-size:34px;}
.indnews_tit p{ font-size:16px;}
.indnews_lt{ float:left; width:45%; border-right:1px #ddd solid; padding-right:30px; box-sizing: border-box; padding-bottom:15px;}
.indnews_ltimg{ height:410px;}
.indnews_lt a em{ font-size:21px; padding:15px 0;}
.indnews_rig{ float:right; width: calc(55% - 30px);}
}
@media screen and (max-width:960px) { 
.indnews_tit em{ font-size:21px;}
.indnews_tit p{ font-size:14px;}
.indnews_lt a em{ font-size:18px; padding:10px 0;}
.indnews_rig{ margin-top:25px;}
}
.indnews_ltimg{ overflow:hidden;}
.indnews_ltimg img{ width:100%;}
.indnews_lt a{ display:block;}
.indnews_lt a em{ display:block; line-height:1.5; color:#222;}
.indnews_lt a span{ color:#666; font-size:15px;}
.indnews_lt a p{ font-size:16px; line-height:1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; margin-top:15px;}
.indnews_lt a:hover em{ color:#0033a0;}

@media screen and (min-width:960px) { 
.indnews_body li a em{ font-size:21px;}
}
@media screen and (max-width:960px) { 
.indnews_body li a em{ font-size:16px;}
}
.indnews_class { text-align:center; line-height:25px;}
.indnews_class a{ float:right; font-size:16px;}
.indnews_class span { font-size:18px; float:left; line-height:25px; cursor: hand; cursor: pointer;  color:#555; padding:0 6%; border-right:2px #383b43 solid;}
.indnews_class span.hover { color:#0033a0; cursor: hand; cursor: pointer; }
.indnews_body{ margin-top:25px;}
.indnews_body li{ margin-bottom:11px;}
.indnews_body li a{ display:block; border-bottom:1px rgba(0,0,0,0.2) dashed; padding-bottom:11px;}
.indnews_body li:last-child a{ border-bottom:none;}
.indnews_body li a em{ display:block; line-height:1.5; color:#222; padding:5px 0;}
.indnews_body li a span{ color:#666; font-size:15px;}
.indnews_body li a p{ font-size:16px; line-height:1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; margin-top:5px;}
.indnews_body li a:hover em{ color:#0033a0;}

.indhz{ padding:1% 0; background:#fff;}
.indhz_tit{ max-width:1060px; text-align:center; margin:0 auto 3%;}
.indhz_tit em{ text-align:center; font-size:38px; line-height:2; font-weight:700; color:#910203;}
.indhz_tit p{ font-size:16px; color:#666; position:relative;}
.indhz_tit p:before{ position:absolute; width:100%; height:1px; content:""; background:#fff; left:0; top:50%;}
.indhz_tit p span{ background:#fff; padding:0 3%; position:relative; z-index:5;}
.indbans { padding-bottom:45px !important; position:relative;}
.indbans .swiper-pagination{ bottom:0 !important;}
.indbans .swiper-pagination-bullet{ background:#ddd !important;}
.indbans img{ display:block; box-sizing: border-box; padding:5px; border:1px #ddd solid; width:100%;}


.tit_ch{ height:24px; line-height:24px; text-align:center; font-size:16px; color:#999;}
.tit_ch span{ margin-left:13px; margin-right:13px;}
.left_icon{ height:24px; position:relative; display:inline-block;}