@charset "UTF-8";
.aa {
 z-index: 11;
}

img {
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -ms-transition: all 0.5s;
 transition: all 0.5s;
 border: 0;
 display: inline-block;
}

a {
 color: #333;
 -webkit-transition: all .2s;
 -moz-transition: all .2s;
 -ms-transition: all .2s;
 transition: all .2s;
}

body {
 font-size: 14px;
 background-size: cover;
 -ms-behavior: url(../images/backgroundsize.min.htc);
 behavior: url(../css/backgroundsize.min.htc);
 color: #666;
}




.in_banner {
 overflow: hidden;
 position: relative;
 margin-top: 153px;
}

.in_banner img {
 width: 100%;
 vertical-align: middle;
}

.in_banner .swiper-slide {
 position: relative;
}

.in_banner .pagination {
 position: absolute;
 bottom: 32px;
 width: 100%;
 text-align: center;
 z-index: 20;
}

.in_banner .pagination span {
 width: 15px;
 height: 15px;
 margin: 0px 5.5px;
 display: inline-block;
 cursor: pointer;
 border-radius: 50%;
 border: 1px solid #fff;
 background-color: rgba(255, 255, 255, 0.1);
}

.in_banner .pagination span.swiper-active-switch,
.in_banner .pagination span:hover {
 background: #fff;
}




.in_bk_01 {
 padding: 91px 0px 100px;
}

.in_bk_01 .wrap {
 position: relative;
}

.in_bk_01 .title {
 position: relative;
 color: #666;
}

.in_bk_01 .title span {
 padding-bottom: 23px;
 display: inline-block;
}

.in_bk_01 .title a {
 float: right;
 color: #666;
 margin-top: 19px;
}

.in_bk_01 .title a:hover {
 color: #2688bd;
}

.in_bk_01 .hotspot {
 float: left;
 width: 50%;
}

.in_bk_01 .hotspot .time {
 padding: 26px 0px 16px;
}

.in_bk_01 .hotspot dl dt a {
 color: #333;
}

.in_bk_01 .hotspot dl dt a:hover {
 color: #2688bd;
}

.in_bk_01 .hotspot dl dd {
 line-height: 1.75;
 margin-top: 18px;
 height: 10.5em;
 max-height: 10.5em;
}

.in_bk_01 .hotspot .ns_enter {
 margin-top: 34px;
}

.in_bk_01 .hotspot .ns_enter a {
 display: block;
 letter-spacing: 2px;
 line-height: 90px;
 background: #0190c5;
 color: #fff;
 text-align: center;
}

.in_bk_01 .hotspot .ns_enter a span {
 padding-right: 50px;
 background: url(../images/jt03.png) no-repeat right center;
}

.in_bk_01 .hot_img .swiper-slide {
 position: relative;
}

.in_bk_01 .hot_img {
 position: absolute;
 overflow: hidden;
 left: 31.56%;
 top: 66px;
 bottom: 0px;
 width: 42.42%;
}

.in_bk_01 .hot_img dl {
 background: #7d7d7d;
 position: absolute;
 color: #fff;
 left: 0px;
 bottom: 0px;
 right: 0px;
 padding: 15px 30px 18px;
}

.in_bk_01 .hot_img dl dd {
 margin-top: 8px;
}

.in_bk_01 .hot_img a {
 position: absolute;
 left: 0px;
 top: 0px;
 right: 0px;
 bottom: 0px;
}

.in_bk_01 .hot_img .pagination2 {
 position: absolute;
 bottom: 127px;
 width: 100%;
 text-align: center;
}

.in_bk_01 .hot_img .pagination2 span {
 width: 10px;
 height: 10px;
 margin: 0px 5.5px;
 display: inline-block;
 cursor: pointer;
 border-radius: 50%;
 border: 1px solid #fff;
}

.in_bk_01 .hot_img .pagination2 span.swiper-active-switch {
 background: #fff;
}

.in_bk_01 .notice {
 float: right;
 width: 40%;
}

.in_bk_01 .notice ul {
 position: absolute;
 right: 0px;
 width: 40%;
 bottom: 0px;
 top: 66px;
}

.in_bk_01 .notice ul li {
 position: absolute;
 left: 0px;
 bottom: 0px;
 height: 50%;
 background: #fff;
 color: #666;
 border: 1px solid #d9d9d9;
}

.in_bk_01 .notice ul li dl {
 padding: 16px 20px;
}

.in_bk_01 .notice ul li dl dd {
 padding: 1px 0px;
 float: left;
 width: 100%;
}

.in_bk_01 .notice ul li dl dd.img {
 display: none;
}

.in_bk_01 .notice ul li dl dd i {
 float: left;
 width: 26px;
 padding-top: 4px;
}

.in_bk_01 .notice ul li dl dd i img {
 width: 13px;
 height: 13px;
}

.in_bk_01 .notice ul li dl dt {
 float: left;
 width: 100%;
 margin-top: 13px;
}

.in_bk_01 .notice ul li dl dt a {
 color: #666;
}

.in_bk_01 .notice ul li dl dt a:hover {
 color: #2688bd;
}

.in_bk_01 .notice ul li:first-child {
 background: #0190c5;
 color: #fff;
 border: 1px solid #0190c5;
 top: 0px;
}

.in_bk_01 .notice ul li:first-child dl dt a {
 color: #fff;
}

.in_bk_02 {
 background-image: url(../images/in_bk_02_bg.jpg);
 padding: 97px 0px;
}

.in_bk_02 .tab ul {
 border-bottom: 1px solid #55abcb;
}

.in_bk_02 .tab ul li {
 float: left;
 margin-right: 38px;
 position: relative;
 padding-bottom: 22px;
 color: #fff;
 cursor: pointer;
}

.in_bk_02 .tab ul li i {
 position: absolute;
 display: none;
 left: 0px;
 bottom: 0px;
 right: 0px;
 height: 4px;
 background: #fff;
}

.in_bk_02 .tab ul li.on i {
 display: block;
}

.in_bk_02 .ajax_list {
 padding-top: 20px;
}

.in_bk_02 .ajax_list ul {
 margin: 0px -10px;
}

.in_bk_02 .ajax_list ul li {
 float: left;
 width: 25%;
}

.in_bk_02 .ajax_list ul li .con {
 margin: 10px;
 background: #fff;
 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.in_bk_02 .ajax_list ul li .con .img {
 padding-bottom: 56.5%;
 position: relative;
}

.in_bk_02 .ajax_list ul li .con .img a {
 position: absolute;
 left: 0px;
 top: 0px;
 right: 0px;
 bottom: 0px;
 display: block;
 background-size: cover;
}

.in_bk_02 .ajax_list ul li dl {
 padding: 17px 19px 30px;
}

.in_bk_02 .ajax_list ul li dl dt {
 margin-top: 15px;
 height: 4.5em;
}

.in_bk_02 .ajax_list ul li dl dt a {
 color: #333;
 text-align: justify;
 width: 100%;
 display: block;
}

.in_bk_02 .ajax_list ul li dl dt a:hover {
 color: #0190c5;
 text-decoration: underline;
}

.in_bk_02 .ajax_list ul li dl dd {
 border-bottom: 1px solid #d2d2d2;
 color: #333;
 padding-bottom: 17px;
 width: 100%;
}

.in_bk_02 .ajax_list ul li span {
 display: block;
}

.in_bk_02 .ajax_list ul li:hover dl dt a {
 color: #0190c5;
 text-decoration: underline;
}

.in_bk_02 .ajax_list ul li:hover dl dd {
 color: #666;
}

.in_bk_02 .load-more-link {
 border: 1px solid #fff;
 background-color: transparent;
 cursor: pointer;
 margin-top: 42px;
 border-radius: 5px;
 padding: 16.5px 0px;
 display: block;
 color: #fff;
 text-align: center;
}

.in_bk_02 .load-more-link span,
.in_bk_02 .load-more-link a {
 display: inline-block;
 background: url(../images/jt04_hover.png) no-repeat center right;
 padding: 0px 20px;
 color: #fff
}

.in_bk_02 .load-more-link:hover {
 background-color: #fff;
 color: #626262;
}

.in_bk_02 .load-more-link:hover span,
.in_bk_02 .load-more-link:hover a {
 background: url(../images/jt04.png) no-repeat center right;
 color: #626262;
}

.in_bk_02 .ajax_list .list {
 display: none;
}

.in_bk_03 {
 background-image: url(../images/in_bk_03_bg.jpg);
 padding: 106px 0px 93px;
}

.in_bk_03 .wrap {
 width: 1310px;
 position: relative;
}

.in_bk_03 .swiper-container4 {
 overflow: hidden;
 padding-bottom: 66px;
 position: relative;
}

.in_bk_03 .con {
 margin: 0px 15px 10px;
 background: #fff;
 box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

.in_bk_03 .con .img {
 position: relative;
 padding-bottom: 56.2%;
 background-size: cover;
}

.in_bk_03 .con .img .text {
 position: absolute;
 opacity: 0;
 transition: 0.5s all;
 -webkit-transition: 0.5s all;
 left: 0px;
 top: 0px;
 right: 0px;
 bottom: 0px;
}

.in_bk_03 .con .img dl {
 padding: 0px 35px;
 color: #fff;
}

.in_bk_03 .con .img dl dt {
 position: relative;
 padding-bottom: 16px;
}

.in_bk_03 .con .img dl dt i {
 width: 25px;
 height: 1px;
 background: #fff;
 position: absolute;
 left: 50%;
 bottom: 0px;
 margin-left: -12.5px;
}

.in_bk_03 .con .img dl dd {
 line-height: 1.8571;
 margin-top: 15px;
 max-height: 7.4284em;
}

.in_bk_03 h3 {
 color: #333;
 padding: 16px 10px;
 text-align: center;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap
}

.in_bk_03 .swiper-slide,
.in_bk_03 .swiper-wrapper {
 height: auto !important;
}

.in_bk_03 .con:hover .img .text {
 opacity: 1;
}

.in_bk_03 .pagination3 {
 position: absolute;
 bottom: 0px;
 width: 100%;
 text-align: center;
}

.in_bk_03 .pagination3 span {
 width: 15px;
 height: 15px;
 margin: 0px 5.5px;
 display: inline-block;
 cursor: pointer;
 border-radius: 50%;
 border: 1px solid #0190c5;
}

.in_bk_03 .pagination3 span.swiper-active-switch {
 background: #0190c5;
}

.in_bk_03 .arrow-left {
 width: 18px;
 height: 30px;
 background: url(../images/but01.png) no-repeat;
 cursor: pointer;
 position: absolute;
 left: -43px;
 top: 50%;
 margin-top: -15px;
}

.in_bk_03 .arrow-right {
 width: 18px;
 height: 30px;
 background: url(../images/but02.png) no-repeat;
 cursor: pointer;
 position: absolute;
 right: -43px;
 top: 50%;
 margin-top: -15px;
}

.in_bk_03 .swiper-slide .text {
 background: #387b2b;
}

.in_bk_03 .swiper-slide.class1 .text {
 background: #ff9100;
}

.in_bk_03 .swiper-slide.class2 .text {
 background: #003368;
}

.in_bk_03 .swiper-slide.class3 .text {
 background: #8ec31e;
}

.in_bk_03 .swiper-slide.class4 .text {
 background: #4f535c;
 
}

.in_bk_03 .swiper-slide.class5 .text {
 background: #0e6e63;
 
}

.in_bk_03 .swiper-slide.class6 .text {
 background: #387b2b;
 
}

.in_bk_03 .swiper-slide.class7 .text {
 background: #002b48;
}

.in_bk_04 {
 background-image: url(../images/in_bk_04_bg.jpg);
 position: relative;
}

.in_bk_04 .bg {
 position: absolute;
 right: 0px;
 z-index: 1;
 top: 0px;
 bottom: 0px;
 width: 35.05%;
 background: #007aa7;
}

.in_bk_04 .wrap {
 position: relative;
 z-index: 3;
}

.in_bk_04 .app_online {
 float: left;
 color: #fff;
 padding: 43px 5px 46px 0px;
}

.in_bk_04 .app_online dl dd {
 padding-top: 22px;
}
 
.in_bk_04 .bn_nav{
    color: #fff000;
    width: 60%;
    float: left;
    margin: 65px;
    position: relative;
    }

.in_bk_04 .bn_nav a {
 color: #fff;
 padding-left: 24px;
 display: inline-block;
 position: relative;
}

.in_bk_04 .bn_nav ul li {
 float: left;
 position: relative;
 letter-spacing: 1px;
 width: 33%;
 padding: 10px 0px 10px 40px;
}

.in_bk_04 .bn_nav ul li.li02 {
 width: 29%;
}

.in_bk_04 .bn_nav ul li i {
 position: absolute;
 left: 0px;
 top: 50%;
 margin-top: -12px;
}

.in_bk_04 .bn_nav ul li a:hover {
 text-decoration: underline;
}

.in_bk_04 .bn_nav .line {
 position: absolute;
 top: 18px;
 bottom: 18px;
 width: 1px;
 background: #3ca9d2;
}

.in_bk_04 .bn_nav .line01 {
 left: 33%;
}

.in_bk_04 .bn_nav .line02 {
 left: 62%;
}

.in_bk_04 .video_story {
 float: right;
 color: #fff;
 width: 255px;
 padding-top: 21px;
}

.in_bk_04 .video_story h2 {
 letter-spacing: 2px;
 position: relative;
 padding-left: 46px;
}

.in_bk_04 .video_story h2 i {
 width: 26px;
 height: 28px;
 background: url(../images/video_story_ico.png) no-repeat;
 position: absolute;
 left: 0px;
 top: 50%;
 margin-top: -14px;
}

.in_bk_04 .video_story .video_place {
 height: 131px;
 position: relative;
 margin-top: 16px;
}

.in_bk_04 .video_story .video_place video {
 position: absolute;
 background: #000;
 z-index: 5;
 left: 0px;
 top: 0px;
 right: 0px;
 bottom: 0px;
}

.in_bk_04 .video_story .video_place img {
 position: relative;
 z-index: 5;
 width: 100%;
 height: 131px;
}
 
.in_bk_04 .video_story .play{
    background-image: url(../images/);
    background-repeat: no-repeat;
    background-position: center center;
    width: 48px;
    height: 48px;
    margin: -24px 0px 0px -24px;
    position: absolute;
    z-index: 7;
    left: 50%;
    top: 50%;
    cursor: pointer;
    }

.in_bk_04 .video_story .play_bg {
 position: absolute;
 z-index: 6;
 left: 0px;
 top: 0px;
 right: 0px;
 bottom: 0px;
 background: rgba(0, 0, 0, 0.3);
}

.in_bk_04 .video_story .kuang {
 position: absolute;
 z-index: 2;
 left: -10px;
 top: 10px;
 right: 10px;
 bottom: -10px;
 border: 1px solid #4da2c2;
}

.aside {
 position: fixed;
 right: 0px;
 top: 50%;
 z-index: 9;
}

.aside ul li {
 position: relative;
 margin-top: 2px;
}

.aside ul li a {
 display: block;
 width: 50px;
 height: 50px;
}

.aside ul li.li01 a {
 background: url(../images/aside_ico01.png) no-repeat center center #707070;
 border-radius: 5px;
}

.aside ul li.li02 a {
 background: url(../images/aside_ico02.png) no-repeat center center #707070;
 border-radius: 5px;
}

.aside ul li a:hover {
 color: #fff !important;
}

.aside ul li .tel {
 display: none;
 position: absolute;
 color: #fff;
 padding-right: 6px;
 top: 0px;
 line-height: 50px;
 right: 50px;
}

.aside ul li .tel span {
 background: rgba(1, 144, 197, 0.63);
 padding: 0px 15px;
 display: block;
 white-space: nowrap;
}

.aside ul li .aside_code {
 display: none;
 position: absolute;
 padding-right: 6px;
 top: -40px;
 right: 50px;
}

.aside ul li .aside_code .img {
 padding: 15px;
 background: rgba(1, 144, 197, 0.63);
}

.aside ul li .aside_code img {
 width: 120px;
 height: 120px;
}

.aside ul li:hover .aside_code {
 display: block;
}

.aside ul li:hover .tel {
 display: block;
}

@media only screen and (max-width:1600px) {
 .in_bk_04 .bg {
  width: 30%;
 }
}

@media only screen and (max-width:1380px) {
 .in_bk_03 .wrap {
  width: auto;
  margin: 0px 30px;
 }
 .in_bk_03 .arrow-left {
  left: -16px;
 }
 .in_bk_03 .arrow-right {
  right: -16px;
 }
}

@media only screen and (max-width:1340px) {
 
 .in_bk_01 {
  padding: 6% 0px;
 }
 
 .in_bk_02 {
  padding: 6% 0px;
 }
 
 .in_bk_03 {
  padding: 6% 0px;
 }
 
 .in_bk_04 {
  padding-bottom: 10px;
 }
 .in_bk_04 .bg {
  width: 350px;
 }
}

@media only screen and (max-width:1200px) {
 .in_bk_04 .bn_nav {
  width: 52%;
 }
 .in_bk_04 .bn_nav ul li {
  width: 50%;
 }
 .in_bk_04 .bn_nav ul li.li02 {
  width: 50%;
 }
 .in_bk_04 .bn_nav .line01 {
  left: 44%;
 }
 .in_bk_04 .bn_nav .line02 {
  display: none;
 }
}

@media only screen and (max-width:1024px) {
 .in_bk_01 .hot_img {
  top: 56px;
 }
 .in_bk_01 .notice ul {
  top: 56px;
 }
 .in_bk_01 .title a {
  margin-top: 10px;
 }
 .in_bk_02 .ajax_list ul li {
  width: 50%;
 }
 .in_bk_03 .swiper-container4 {
  padding-bottom: 5%;
 }
 .in_bk_03 .con {
  margin: 0px 10px 10px;
 }
 .in_bk_03 .con .img dl dd {
  max-height: 3.7142em;
  -webkit-line-clamp: 2;
 }
 .in_bk_03 .con .img dl {
  padding: 0px 15px;
 }
 .in_bk_04 .bg {
  width: 320px;
 }
}

@media only screen and (max-width:900px) {
 .in_bk_04 .bn_nav {
  width: 40%;
  margin-top: 10px;
 }
 .in_bk_04 .bn_nav ul li {
  padding: 1px 0px 1px 10px;
  width: 100%;
 }
 .in_bk_04 .bn_nav ul li.li02 {
  width: 100%;
 }
 .in_bk_04 .bn_nav .line01 {
  display: none;
 }
}

@media only screen and (max-width:767px) {
 .in_banner {
  margin-top: 63px;
 }
 .in_banner .pagination {
  bottom: 10px;
 }
 .in_bk_01,
 .in_bk_03 .arrow-right,
 .in_bk_03 .arrow-left {
  display: none;
 }
 .in_bk_01 .title {
  background-size: 100% 2px;
 }
 .in_bk_01 .hotspot {
  width: 100%;
 }
 .in_bk_01 .hotspot dl dd {
  height: auto;
 }
 .in_bk_01 .hotspot .ns_enter a {
  line-height: 4;
 }
 .in_bk_01 .hot_img {
  position: relative;
  float: left;
  margin-top: 5%;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
 }
 .in_bk_01 .hot_img .swiper-slide {
  height: auto !important;
  padding-bottom: 15%;
 }
 .in_bk_01 .hot_img dl {
  padding: 15px 20px 18px;
 }
 .in_bk_01 .notice {
  width: 100%;
  margin-top: 5%;
 }
 .in_bk_01 .notice ul {
  position: relative;
  width: 100%;
  top: 0px;
 }
 .in_bk_01 .notice ul li {
  position: relative;
  left: 0px;
  bottom: 0px;
  height: 50%;
  background: #fff;
  color: #666;
  border: 1px solid #d9d9d9;
 }
 .in_bk_02 .tab ul {
  display: flex;
  justify-content: center;
  border-bottom: 0 none;
 }
 .in_bk_02 .tab ul li {
  line-height: 50px;
  margin-right: 0;
  padding: 0 30px;
  background-color: #0175b1;
  border-right: 1px solid #0190c5;
 }
 .in_bk_02 .tab ul li:last-child {
  border-right: 0 none;
 }
 .in_bk_02 .tab ul li.on i {
  display: none;
 }
 .in_bk_02 .tab ul li.on {
  background-color: #cfcfcf;
  border: 1px solid #fff;
  line-height: 48px;
  background: -webkit-linear-gradient(#fff, #cdcdcd);
  background: -o-linear-gradient(#fff, #cdcdcd);
  background: -moz-linear-gradient(#fff, #cdcdcd);
  background: linear-gradient(#fff, #cdcdcd);
  color: #656565;
  box-shadow: 0 5px 12px 0 rgba(1, 144, 197, 0.5);
 }
 .in_bk_02 .load-more-link {
  margin-top: 15px;
  padding: 7px 0
 }
 .in_bk_02 .ajax_list ul li {
  width: 50%;
 }
 .in_bk_02 {
  background: #0090c5 url(../images/bg01.png) no-repeat right top;
  padding: 35px 0px;
 }
 .in_bk_03 .con .img dl {
  padding: 0px 8%;
 }
 .in_bk_03 .swiper-container4 {
  padding-bottom: 7%;
 }
 .in_bk_03 .wrap {
  margin: 0 10px;
 }
 .in_bk_04 .app_online {
  padding: 30px 5px 20px 0px;
 }
 .in_bk_04 .bn_nav {
  float: none;
  overflow: hidden;
  width: auto;
  padding-top: 20px;
 }
 .in_bk_04 .bn_nav ul li {
  width: 50%;
  padding-left: 6%;
 }
 .in_bk_04 .bn_nav ul li.li02 {
  width: 50%;
 }
 .in_bk_04 .video_story {
  width: 100%;
 }
 .in_bk_04 .bg {
  display: none;
 }
 .in_bk_04 .video_story {
  padding-bottom: 30px;
 }
 .in_bk_04 .video_story .video_place {
  height: auto;
  padding-bottom: 53%;
 }
}

@media only screen and (max-width:540px) {
 .in_bk_02 .ajax_list ul li dl dd {
  padding-bottom: 5%;
 }
 .in_bk_02 .ajax_list ul li dl dt {
  margin-top: 5%;
 }
 .in_bk_02 .tab ul li {
  padding: 0 20px;
  font-size: 16px;
 }
 .in_bk_02 .ajax_list ul li dl {
  padding: 15px;
 }
 .in_bk_02 .ajax_list ul li .con {
  margin: 7px;
 }
 .in_bk_03 h3 {
  font-size: 16px;
  text-align: center;
 }
 
 
 .in_bk_03 .swiper-container4 {
  padding-bottom: 10%;
 }
 .in_bk_04 .bn_nav {
  padding-top: 0px;
 }
 .in_bk_04 .bn_nav ul li {
  width: 100%;
  padding-left: 10%;
 }
 .in_bk_04 .bn_nav ul li.li02 {
  width: 100%;
 }
}

@media only screen and (max-width:375px) {
 .mobile_nav li {
  font-size: 12px;
 }
 .in_bk_02 .tab ul li {
  padding: 0 14px;
  line-height: 42px;
 }
 .in_bk_02 .tab ul li.on {
  line-height: 40px;
 }
}




.wrap {
 width: 1280px;
 margin: 0px auto;
}

.txt_justify {
 text-align: justify;
}







.header {
 background: #0190c5;
 padding-bottom: 4px;
 z-index: 99;
 position: fixed;
 left: 0px;
 top: 0px;
 right: 0px;
}

.header .hd_top {
 height: 57px;
 float: right;
}

.header .hd_top .box {
 float: right;
}

.header .home {
 float: left;
 margin: 20px 6px 0px 0px;
}

.header .home a {
 background: url(../images/home.png) no-repeat;
 width: 19px;
 height: 19px;
 display: block;
}

.hd_top .select-box.student {
 background: url(../images/student_bg.png) no-repeat;
 margin-top: 13px;
 width: 136px;
 height: 44px;
 margin-right: 0px;
}

.hd_top .select-box.student {
 width: 136px;
}

.hd_top .select-box.student dt b {
 padding: 2px 40px 0px 26px;
 width: 130px;
}

.hd_top .select-box.student dt i.ico {
 right: 28px;
 top: 14px;
}

.header .book {
 float: left;
 line-height: 30px;
 margin-top: 15px;
 padding: 0px 20px 0px 12px;
 position: relative;
 margin-right: 19px;
}

.header .book a {
 color: #fff;
}

.header .book i {
 width: 1px;
 height: 15px;
 background: #4eb2d7;
 position: absolute;
 right: 0px;
 top: 50%;
 margin-top: -7.5px;
}




.header .search_box {
 float: left;
 margin-top: 15px;
 width: 245px;
 background: #4eb2d7;
 padding-left: 24px;
 padding-right: 40px;
 position: relative;
}

.header .search_box .sear {
 width: 100%;
 border: 0;
 color: #fff;
 background: none;
 height: 30px;
 line-height: 30px;
}

.header .search_box .but {
 border: 0;
 position: absolute;
 width: 30px;
 bottom: 0px;
 right: 0px;
 top: 0px;
 cursor: pointer;
 background: url(../images/but.png) no-repeat center center #09406c;
 color: transparent;
}

.hd_top .select-box {
 float: left;
 width: auto;
 color: #fff;
 margin-top: 15px;
 margin-right: 19px;
}

.hd_top .select-box dt b {
 line-height: 30px;
 color: #fff;
}

.hd_top .select-box dt {
 padding: 0px;
}

.hd_top .select-box dt b {
 margin-right: 0px;
 width: 77px;
 padding: 0px 13px 0px 0px;
}

.hd_top .select-box dt i.ico {
 width: 11px;
 height: 7px;
 right: 0px;
 background: url(../images/jt01.png) no-repeat;
 margin-top: 0px;
}

.hd_top .select-box dd {}

.hd_top .select-box dd a {
 border-bottom: 1px solid #eee;
}

.hd_top .select-box dd a:hover,
.hd_top .select_0 dd a.on {
 background: #0190c5;
 color: #fff;
}

.header .hd_con {
 background: url(../images/hd_bg.jpg) repeat-x left center;
}

.header .hd_con .wrap {
 position: relative;
}

.header .logo {
 width: 268px;
 float: left;
}

.header .logo a {
 display: block;
}

.header .logo img {
 width: 180%;
}

.header .hd_rt {
 position: absolute;
 right: 0px;
 bottom: 0px;
 border: 1px solid #bfbfbf;
 border-bottom: none;
}

.nav_phone_btn,
.nav_phone {
 display: none;
}




.nav {}

.nav>ul {}

.nav>ul>li {
 display: inline-block;
 position: relative;
 float: left;
}

.nav>ul>li>a {
 display: block;
 
 line-height: 55px;
 height: 55px;
 position: relative;
 width: 144px;
 text-align: center;
 color: #333;
}

.nav>ul>li>a>em {
 position: absolute;
 width: 1px;
 height: 16px;
 left: 0px;
 top: 50%;
 margin-top: -8px;
 background: #bfbfbf;
}

.nav>ul>li.on>a,
.nav>ul>li a:hover {
 color: #fff !important;
 background: url(../images/nav_bg.jpg) repeat-x;
}

.nav>ul>li.on>a,
.nav>ul>li a:hover em {
 display: none;
}

.nav>ul>li:first-child a em {
 display: none;
}

.nav>ul>li:hover>a {
 color: #fff !important;
 background: url(../images/nav_bg.jpg) repeat-x;
}

.nav>ul>li:hover+li a em {
 display: none;
}

.navlist {
 position: absolute;
 z-index: 100;
 background: #fff;
 right: 0px;
 border-top: 4px solid #0190c5;
 top: 53px;
 display: none;
 left: 0px;
 opacity: 1;
}

.navlist ul li {
 position: relative;
 border-top: 1px solid #eee;
}

.navlist ul li a {
 display: block;
 padding: 0px 10px 0px 20px;
 line-height: 37px;
}

.navlist ul li a:hover {
 background: #0190c5;
}

.navlist ul li:first-child {
 border-top: none;
}

.scrollHeader .header {
 box-shadow: 0px 0px 10px #555;
}







.footer {
 background: #fff;
}

.footer .ft_nav {
 background: #eef7fd;
 border-bottom: 8px solid #0b94c7;
 padding: 22px 0px 23px;
}

.footer .ft_nav .list ul li {
 display: inline-block;
 position: relative;
 line-height: 33px;
 padding: 0px 16px;
}

.footer .ft_nav .list ul li i {
 width: 1px;
 height: 16px;
 background: #b9b9b9;
 display: inline-block;
 position: absolute;
 left: 0px;
 top: 50%;
 margin-top: -8px;
}

.footer .ft_nav .list a {
 color: #666;
}

.footer .ft_nav .list a:hover {
 color: #0b94c7;
}

.footer .ft_nav .list ul li:first-child {
 padding-left: 142px;
 position: relative;
}

.footer .ft_nav .list ul li:first-child i {
 display: none;
}

.footer .ft_nav .ft_apply {
 position: absolute;
 line-height: 31px;
 left: 0px;
 padding: 0px 38px 0px 14px;
 top: 0px;
 border: 1px solid #b9b9b9;
 color: #333;
 cursor: pointer;
}

.footer .ft_nav .ft_apply b {
 display: inline-block;
 background: url(../images/jt02.png) no-repeat;
 width: 15px;
 height: 10px;
 position: absolute;
 right: 12px;
 top: 50%;
 margin-top: -5px;
}

.footer .ft_nav .wrap {
 position: relative;
}

.footer .apply_con {
 position: fixed;
 z-index: 100;
 left: 50%;
 margin-left: -640px;
 width: 1280px;
 bottom: -100%;
 transition: 0.8s all;
 -webkit-transition: 0.8s all;
 background: #0b9ada;
 padding: 15px 0px;
}

.footer .apply_con ul.ul01 {
 float: left;
 width: 33.43%;
 border-right: 1px solid #3caee1;
}

.footer .apply_con ul.ul01 li {
 float: left;
 width: 33.33%;
 margin: 2px 0px;
 padding-left: 6%;
}

.footer .apply_con ul.ul01 li a i {
 padding-right: 10px;
}

.footer .apply_con a {
 color: #fff;
}

.footer .apply_con .ul02 {
 float: left;
 width: 20.78%;
 border-right: 1px solid #3caee1;
}

.footer .apply_con .ul02 ul {
 padding: 0px 12%;
}

.footer .apply_con .ul02 li {
 float: left;
 width: 50%;
 margin: 2px 0px;
}

.footer .apply_con .ul02 li i {
 padding-right: 10px;
}

.footer .apply_con .ul02 li i img {
 width: 16px;
 height: 16px;
 position: relative;
 top: 3px;
}

.footer .apply_con .code {
 float: right;
}

.footer .apply_con .code ul li {
 float: left;
 position: relative;
}

.footer .apply_con .code .code_tc {
 position: absolute;
 width: 176px;
 display: none;
 text-align: center;
 bottom: 100%;
 left: 50%;
 margin-left: -118px;
 height: 183px;
 background: url(../images/weixinbj.png) no-repeat;
}

.footer .apply_con .code .code_tc img {
 width: 148px;
 height: 148px;
 margin-top: 11px;
}

.footer .apply_con .code ul li:first-child {
 margin: 8px 8px 0px 0px;
}

.footer .apply_con .code ul li:hover .code_tc {
 display: block;
}

.footer .apply_con .btn {
 position: absolute;
 left: 20px;
 bottom: 100%;
 color: #fff;
}

.footer .apply_con .btn span {
 display: inline-block;
 cursor: pointer;
 line-height: 40px;
 padding: 0px 20px 0px 30px;
 position: relative;
 background: #0b9ada;
 border-radius: 5px 5px 0px 0px;
}

.footer .apply_con .btn span i {
 width: 11px;
 height: 7px;
 background: url(../images/jt01.png) no-repeat;
 position: absolute;
 left: 10px;
 top: 50%;
 margin-top: -3.5px;
 display: inline-block;
}

.footer .apply_con.on {
 bottom: 0px;
}

.footer .ft_top {
 padding: 39px 0px;
}

.footer .ft_top .ft_left {
 float: left;
 width: 60%;
}

.footer .ft_top .copy {
 line-height: 1.71;
 padding-top: 9px;
}

.footer .ft_top .copy a {
 color: #666;
 display: inline-block;
}

.footer .ft_top .copy a:hover {
 color: #0190c5;
}

.footer .ft_code {
 overflow: hidden;
}

.footer .ft_code ul {
 float: right;
 padding: 5px 0px;
}

.footer .ft_code ul li {
 float: left;
 padding: 6px;
 margin-left: 20px;
 border-radius: 5px;
 box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
}

.footer .ft_code ul li img {
 width: 98px;
 height: 98px;
}

.footer .ft_share {
 padding-top: 8px;
}

.footer .ft_share ul li {
 float: left;
 position: relative;
 padding-right: 9px;
}

.footer .ft_share a {
 width: 23px;
 border: 1px solid #fff;
 background: url(../images/ft_share_ico2.png) no-repeat center top;
 display: inline-block;
 height: 23px;
 float: left;
 display: inline-block;
 background-size: 100% 100%;
}

.footer .ft_share a.weixin_but {
 background: url(../images/ft_share_ico3.png) no-repeat center top;
 background-size: 100% 100%;
}

.footer .ft_share a.a-2 {
 width: 34px;
 background: url(../images/ft_share_ico1.png) no-repeat center top;
 background-size: 100% 100%;
}

.mobile_nav {
 display: none;
}




@media only screen and (max-width: 1340px) {
 .wrap {
  width: auto;
  margin: 0px 30px;
 }
}

@media only screen and (max-width: 1300px) {
 .footer .apply_con {
  left: 0px;
  margin-left: 0px;
  right: 0px;
  width: auto;
 }
}

@media only screen and (max-width: 1100px) {
 .footer .apply_con ul.ul01 {
  width: 42%;
 }
 .footer .apply_con .ul02 {
  width: 25%;
 }
}

@media only screen and (max-width: 1000px) {}

@media only screen and (max-width: 980px) {}

@media only screen and (max-width:900px) {
 .nav>ul>li>a {
  width: 124px;
 }
 .navlist ul li a {
  padding: 0px 10px;
 }
 .footer .ft_nav .list ul li {
  padding: 0px 6px;
 }
 .footer .apply_con ul.ul01 {
  width: 100%;
  border-bottom: 1px solid #3caee1;
  border-right: none;
  padding-bottom: 10px;
 }
 .footer .apply_con ul.ul01 li {
  width: 25%;
 }
 .footer .apply_con .ul02 {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
 }
 .footer .apply_con .ul02 li {
  width: 25%;
  padding-left: 6%;
 }
 .footer .apply_con .ul02 ul {
  padding: 0px;
 }
 .footer .apply_con .code {
  width: 100%;
  text-align: center;
 }
 .footer .apply_con .code ul li {
  float: none;
  display: inline-block;
 }
 .footer .apply_con .code ul li:first-child {
  margin: 0px;
  position: relative;
  top: 8px;
 }
}

@media only screen and (max-width:767px) {
 .footer,
 .in_bk_04,
 .aside,
 .in_bk_03 .con .img .text {
  display: none;
 }
 .mobile_nav {
  display: block;
  width: 100%;
  
  position: relative;
  
  background: rgb(18, 149, 216);
  overflow: hidden;
 }
 .mobile_nav li {
  width: 25%;
  float: left;
  text-align: center;
  color: #fff;
  padding: 16px 0;
  height: 76px;
 }
 .mobile_nav li .mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 98;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
 }
 .mobile_nav li:hover {
  background-color: #68acd1;
 }
 .mobile_nav li .alert {
  display: none;
  position: fixed;
  width: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 100;
 }
 .mobile_nav li .alert>div {
  display: flex;
  justify-content: center;
 }
 .mobile_nav li .alert .img {
  padding: 10px;
  background-color: #fff;
  margin: 0 10px;
  border-radius: 5px;
 }
 .mobile_nav li a {
  display: block;
  color: #fff;
 }
 .mobile_nav li>img,
 .mobile_nav li>a>img {
  display: block;
  height: 30px;
  margin: 0 auto 5px;
 }
 .in_bk_02 .ajax_list .list.box04 .img {
  height: 0;
  padding-bottom: 64.8%;
  overflow: hidden;
  position: relative;
  margin-bottom: 17px;
 }
 .in_bk_02 .ajax_list .list.box04 .img img {
  width: 100%;
 }
 .in_bk_02 .ajax_list .list.box04 dl {
  background-color: #fff;
  padding: 0;
  margin: 10px;
 }
 .in_bk_02 .ajax_list .list.box04 dd i,
 .in_bk_02 .ajax_list .list.box04 dd:nth-child(3) {
  display: none;
 }
 .in_bk_02 .ajax_list .list.box04 dd:nth-child(2) {
  margin: 0 19px;
  width: auto;
  text-align: left;
 }
 .in_bk_02 .ajax_list .list.box04 dt {
  margin: 15px 19px 30px;
 }
 .nav_phone_btn,
 .nav_phone {
  display: block;
 }
 
 .nav_phone_btn {
  position: fixed;
  top: 0px;
  left: 20px;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
 }
 .nav_phone_btn {
  display: block;
  cursor: pointer;
  height: 35px;
  margin-top: 10px;
 }
 .nav_phone_btn span {
  position: relative;
  font-size: 0;
  width: 26px;
  height: 3px;
  background-color: #0190c5;
  display: inline-block;
  transition: all 250ms ease-out;
  -webkit-transition: all 250ms ease-out;
 }
 .nav_phone_btn span:before,
 .nav_phone_btn span:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #0190c5;
  left: 0px;
  transition: all 250ms ease-out;
  -webkit-transition: all 250ms ease-out;
 }
 .nav_phone_btn span:before {
  top: -7px;
 }
 .nav_phone_btn span:after {
  top: 7px;
 }
 .visible_nav.nav_phone_btn {
  left: 91%;
 }
 .visible_nav.nav_phone_btn span {
  background-color: transparent;
 }
 .visible_nav.nav_phone_btn span:before {
  left: 5px;
  top: 0px;
  transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
 }
 .visible_nav.nav_phone_btn span:after {
  top: 0px;
  left: 5px;
  transform: rotateZ(-45deg);
  -webkit-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
 }
 
 
 body>* {
  
 }
 body.body_nav_phone>* {
  
 }
 .nav_phone {
  display: block;
  position: fixed;
  z-index: 101;
  top: 0px;
  bottom: 0px;
  left: -100%;
  height: 100%;
  width: 90%;
  transition: all 0ms ease-out;
  -webkit-transition: all 0ms ease-out;
  transition: all 250ms ease-out;
  -webkit-transition: all 250ms ease-out;
  overflow: hidden;
  z-index: 102;
 }
 body.body_nav_phone .nav_phone {
  left: 0;
 }
 .nav_phone_tit {
  box-sizing: border-box;
  height: 100px;
  width: 100%;
  background: #0190c5;
  line-height: 50px;
  color: #fff;
  text-indent: 20px;
 }
 .nav_phone_tit img {
  
  padding-top: 29px;
 }
 .nav_phone_tit span {
  float: left;
  display: inline-block;
  display: none;
 }
 .nav_phone_tit .language {
  float: right;
  display: none;
 }
 .nav_phone_tit .language a {
  color: #fff;
  padding: 0px 10px;
 }
 .nav_phone_tit .button {
  float: right;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
  display: none;
 }
 .nav_phone_tit .button:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 3px;
  background: #fff;
  transform: rotate(45deg);
  border-radius: 8px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
 }
 .nav_phone_tit .button:after {
  content: "";
  display: inline-block;
  width: 3px;
  height: 17px;
  background: #fff;
  margin-left: -10px;
  margin-bottom: -7px;
  transform: rotate(45deg);
  border-radius: 8px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
 }
 .nav_phone_con {
  position: absolute;
  top: 100px;
  bottom: 0px;
  width: 100%;
  background: #0190c5;
  overflow-y: scroll;
  padding: 0 5%;
  z-index: 102;
 }
 .nav_phone_con>ul {
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  bottom: 0px;
  top: 0px;
  width: 100%;
 }
 .nav_phone_con>ul>li,
 .nav_phone_con>ul>li dl dd {
  height: 64px;
  line-height: 64px;
  border-bottom: 1px solid #219fd4;
  background: url(../images/icon.png) no-repeat;
 }
 .nav_phone_con>ul>li a {
  opacity: 1;
  padding: 0 30px;
  box-sizing: border-box;
  width: 100%;
  color: #fff;
  display: inline-block;
  position: relative;
  -ms-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  background: url(../images/right.png) no-repeat right center;
 }
 .nav_phone_con>ul>li>a em,
 .nav_phone_con>ul>li>ul>li>a em {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 3px solid #0190c5;
  border-bottom: 3px solid #0190c5;
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -4px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
 }
 .nav_phone_con>ul>li ul,
 .nav_phone_con>ul>li dl {
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  bottom: 0px;
  width: 100%;
  background: #f1f1f1;
  opacity: 0;
  visibility: hidden;
  right: -100%;
  -ms-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  z-index: 3;
 }
 .nav_phone_con>ul>li ul li {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #e6e6e6;
 }
 .nav_phone_con>ul>li ul li:first-child,
 .nav_phone_con>ul>li dl dd:first-child {
  background: #898989;
 }
 .nav_phone_con>ul>li ul li:first-child a,
 .nav_phone_con>ul>li dl dd:first-child a {
  color: #fff;
 }
 .nav_phone_con>ul>li.on ul,
 .nav_phone_con>ul>li ul li.on dl {
  opacity: 1;
  visibility: inherit;
  right: 0;
 }
 .nav_phone_con>ul>li:nth-child(1) {
  background-position: 0 18px;
 }
 .nav_phone_con>ul>li:nth-child(2) {
  background-position: 0 -68px
 }
 .nav_phone_con>ul>li:nth-child(3) {
  background-position: 0 -157px;
 }
 .nav_phone_con>ul>li:nth-child(4) {
  background-position: 0 -247px;
 }
 .nav_phone_con>ul>li:nth-child(5) {
  background-position: 0 -333px;
 }
 .nav_phone_con>ul>li:nth-child(6) {
  background-position: 0 -422px;
 }
 .nav_phone_con>ul>li:nth-child(7) {
  background-position: 0 -512px;
 }
 .nav_phone_con>ul>li:nth-child(8) {
  background-position: 0 -597px;
 }
 .nav_phone_con>ul>li:nth-child(9) {
  background-position: 0 -683px;
 }
 .nav_phone_con>ul>li:nth-child(10) {
  background-position: 0 -769px;
 }
 .nav_phone_con>ul>li:nth-child(11) {
  background-position: 0 -858px;
 }
 .nav_phone_con>ul>li:nth-child(12) {
  background-position: 0 -945px;
 }
 .nav_phone_con>ul>li:nth-child(13) {
  background-position: 0 -1033px;
 }
 
 .header {}
 .header .logo {
  width: 120px;
  padding: 13px 0px 12px;
  float: none;
  margin: 0 auto
 }
 .header .hd_top {
  padding-right: 0px;
  height: 114px;
  display: none;
 }
 .header.fnt_14 {
  font-size: 16px;
 }
 .header .hd_rt {
  border: none;
  position: relative;
 }
 .header .hd_top .box {
  float: right;
  width: 100%;
 }
 .header .search_box {
  float: none;
  overflow: hidden;
  width: auto;
 }
 
 .footer .ft_top .ft_left {
  width: 100%;
 }
 .footer .ft_code {
  float: left;
  width: 100%;
  margin-top: 10px;
  text-align: center;
 }
 .footer .ft_code ul {
  float: none;
 }
 .footer .ft_code ul li {
  float: none;
  display: inline-block;
 }
 .footer .ft_nav .list {
  padding-bottom: 50px;
 }
 .footer .ft_nav .list ul li:first-child {
  padding-left: 0px;
 }
 .footer .ft_nav .list ul li:first-child {
  position: static;
 }
 .footer .ft_nav .ft_apply {
  left: 50%;
  bottom: 0px;
  top: auto;
  margin-left: -55px;
 }
 .footer .apply_con .ul02 li i img {
  top: 1px;
 }
 
 .wrap {
  margin: 0px 20px;
 }
}

@media only screen and (max-width:540px) {
 .nav_phone_con {
  top: 80px;
 }
 .nav_phone_tit img {
  padding-top: 20px;
 }
 .mobile_nav li>img,
 .mobile_nav li>a>img {
  height: 23px;
 }
 .nav_phone_con>ul>li,
 .nav_phone_con>ul>li dl dd {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
 }
 .nav_phone_con>ul>li a {
  background-size: 12px;
 }
 .nav_phone_con>ul>li {
  background-size: 20px;
 }
 .nav_phone_con>ul>li:nth-child(1) {
  background-position: 0 10px;
 }
 .nav_phone_con>ul>li:nth-child(2) {
  background-position: 0 -58px;
 }
 .nav_phone_con>ul>li:nth-child(3) {
  background-position: 0 -126px;
 }
 .nav_phone_con>ul>li:nth-child(4) {
  background-position: 0 -193px;
 }
 .nav_phone_con>ul>li:nth-child(5) {
  background-position: 0 -261px;
 }
 .nav_phone_con>ul>li:nth-child(6) {
  background-position: 0 -328px;
 }
 .nav_phone_con>ul>li:nth-child(7) {
  background-position: 0 -398px;
 }
 .nav_phone_con>ul>li:nth-child(8) {
  background-position: 0 -463px;
 }
 .nav_phone_con>ul>li:nth-child(9) {
  background-position: 0 -530px;
 }
 .nav_phone_con>ul>li:nth-child(10) {
  background-position: 0 -597px;
 }
 .nav_phone_con>ul>li:nth-child(11) {
  background-position: 0 -663px;
 }
 .nav_phone_con>ul>li:nth-child(12) {
  background-position: 0 -731px;
 }
 .nav_phone_con>ul>li:nth-child(13) {
  background-position: 0 -797px;
 }
 .footer .apply_con ul.ul01 li {
  width: 33.33%;
 }
 .footer .apply_con .ul02 li {
  width: 33.33%;
 }
}

@media only screen and (max-width:414px) {
 .footer .apply_con ul.ul01 li {
  width: 50%;
 }
}




.bg_none {
 background: none;
}