.inner_cont {font-size: 14px; color: #454545; width: calc(100% - 310px); float: right;}
.inner_cont  img{max-width: 100%;}
.inner_left{width: 250px; float: left;}
.content {padding-top:10px;padding-bottom: 30px;position: relative;min-height: 400px;}
.content img{max-width: 100%;}

.sunbanner {height: auto;margin-top: 100px;}
.sunbanner .pic{}
.sunbanner .mpic{display: none;}
.sunbanner  img{max-width: 100%;}
@media only screen and (max-width: 1000px) {
  .sunbanner {margin-top: 50px;}
}
@media only screen and (max-width: 640px) {
  .sunbanner .pic{ display: none;}
  .sunbanner .mpic{display: block;}
}
footer{position: relative;}

/* ==========================================================================
   Sidebar
   ========================================================================== */

.siderbar .title{ color: #fff; height: 88px; padding-left: 50px; font: 300 28px/88px microsoft yahei; letter-spacing:5px; background:#1251c3 url(../images/title05.jpg) right bottom no-repeat; }
.siderbar .title .btn_jt{display: none;}
.siderbar .sunnav{background: #fff; padding-bottom: 20px;}
.siderbar .sunnav li{font: 300 14px/50px microsoft yahei; border-bottom: 1px solid #e2e6ea; background: url(../images/arr01.png) right 16px no-repeat; text-indent: 20px;}
.siderbar .sunnav li a{width: 100%;display: block;}
.siderbar .sunnav li:hover { background:#88a8e1 url(../images/arr02.png) right 16px no-repeat;}
.siderbar .sunnav li:hover a{color: #fff;}
.siderbar .sunnav li.active a{ color: #fff;}
.siderbar .sunnav li.active{ background:#88a8e1 url(../images/arr02.png) right 16px no-repeat;}

.siderbar .level2 li{background: #fff;}
.siderbar .sunnav li.active .level2 li a{ color: #333;}
.siderbar .level2 li.active{ background: #eeeeee url(../images/arr01.png) right 16px no-repeat; }
.siderbar .level2 li.active a{color: #333;}
.siderbar .level2 li:hover{ background: #eeeeee url(../images/arr01.png) right 16px no-repeat; }
.siderbar .level2 li:hover a{color: #333;}

.siderbar .level3 li{background: #fff;}
.siderbar .level3 li:hover {background: #fff;}
.siderbar .level3 li:hover a{ color: #88a8e1;}
.siderbar .sunnav li.active .level3 li a{ color: #333;}

.quickcontact{overflow: hidden;background:#f8f8f8; }
.quickcontact .title{ color: #fff; height: 80px; padding-left: 30px; font: 300 24px/80px microsoft yahei; 
background:#1251c3 url(../images/title05.jpg) right bottom no-repeat; }
.quickcontact .mode{padding:20px;font: 300 12px/24px microsoft yahei; }

.breadcrumb-bar {height: 50px; line-height: 50px; margin-bottom: 20px;}
.breadcrumb-bar .wrapper{border-bottom: 1px solid #e1e1e1;}
.breadcrumb-bar .fa{font-size: 14px;}
.breadcrumb-bar a:last-child{color: #1251c3;}

@media only screen and (max-width: 1000px) {
.inner_left {float:none; width: 100%;margin-top: 0px;}
.inner_left .quickcontact {display:none; }
.inner_cont {width: 100% ; float: none;}
.siderbar .sunnav{display: none; padding-bottom: 20px;}
.sider_pic{display: none;}

.siderbar .title{ color: #fff; height: 50px;text-align: left;font: 300 22px/50px microsoft yahei;padding-left: 10px; }
.siderbar .title .btn_jt{ display: block; height: 24px; text-align: center;width: 50px; cursor: pointer;position: absolute; right: 10px;top:10px;}
.siderbar .title .fa{font-size: 24px;  transition: all 0.5s;}
.inner_cont h3.title{margin-top: 30px;}
}

.inner_cont h3.title{font: 300 24px/24px microsoft yahei;color: #1251c3;margin-bottom: 20px; }
.inner_cont {line-height: 24px;}


.newlist02 li{width: 100%; height: 180px; overflow: hidden;border-bottom: 1px solid #e1e1e1; margin-top: 20px;}
.newlist02 li .imgarea{width:230px;height: 155px; overflow: hidden; float: left;}
.newlist02 li .imgarea img{width:230px;height: 155px; transition: transform 2s;}
.newlist02 li:hover .imgarea img{ transform: scale(1.1);}
.newlist02 li .txtarea{width: calc(100% - 250px); height: 155px;overflow: hidden; float: right;}
.newlist02 li .txtarea h3{ width:100%; height: 24px ; color: #333333; font: 300 14px/24px microsoft yahei;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newlist02 li .txtarea .date{color: #666;font-size: 12px;margin-top: 10px;}
.newlist02 li .txtarea .desc{height: 52px; overflow: hidden; color: #666;font: 300 12px/26px microsoft yahei;margin-bottom: 10px;}
.newlist02 li .txtarea .more{ font-size: 14px; color: #cb0000;}


@media only screen and (max-width: 420px) {
.newlist02 li{ height: auto;}
.newlist02 li .imgarea{ float: none; text-align: center;margin:0 auto;}
.newlist02 li .txtarea{width: 100%;float: none; height: auto;}
}


.frame-tit h3{ font-weight:normal;}

.frame {
  position: fixed;
  top: 0;
  left: 0;
  right: 0px;
  bottom: 0px;
  z-index: 1006;
  background: url("../images/bg_3.png") repeat;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

.frame-wrap {
  position: relative;
  margin: 0px auto 0 80px;
  background: #fff;
  z-index: 1010;
  cursor: auto;
  width: 100%;
  transition: 400ms;
  padding-right: 80px;
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
@media screen and (max-width: 861px) {
  .frame-wrap {
    margin: 0px auto;
    padding-right: 0px;
  }
}

html.open body {
  overflow: hidden;
}
html.open .frameHtmlact {
  overflow-y: auto;
}
html.open .frameHtmlact .frame-wrap {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
html.open .frameHtmlact .frame-close {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.frame-close {
  display: block;
  width: 80px;
  height: 80px;
  position: fixed;
  left: 0px;
  top: 50%;
  margin-top: -35px;
  z-index: 1008;
  overflow: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translate(-80px);
  transform: translate(-80px);
}
@media screen and (max-width: 861px) {
  .frame-close {
    margin: 0px auto;
    top: auto;
    bottom: 5%;
    left: auto;
    right: 2%;
    margin-top: 0px;
    width: 50px;
    height: 50px;
    z-index: 1012;
    background-color: #174f90;
    border-radius: 50%;
  }
}
.frame-close span {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: 0.4s;
}
.frame-close span.i0 {
  color: #fff;
  background-color: #80abde;
  padding-top: 20px;
  height: 60px;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 80px;
  font-size: 16px;
  line-height: 1.2;
}
@media screen and (max-width: 861px) {
  .frame-close span.i0 {
    display: none;
  }
}
.frame-close span.i1 {
  background: url(../images/fram_close.png) no-repeat scroll center center #174F90;
  color: #fff;
  position: absolute;
  left: 100%;
  top: 0px;
}
@media screen and (max-width: 861px) {
  .frame-close span.i1 {
    left: 15px;
    top: 15px;
    width: 20px;
    height: 20px;
    background-size: cover;
  }
}

.frame-close:hover span.i1 {
  left: 0px;
}

.frame-close:hover span.i0 {
  left: -80px;
}

.frame-main {
  padding: 38px 167px 38px 86px;
  margin:0 auto;
}
@media screen and (max-width: 861px) {
  .frame-main {
    padding: 20px 40px;
  }
}
@media screen and (max-width: 640px) {
  .frame-main {
    padding: 10px 12px;
  }
}

.frame-tit {
  background-color: #f4f4f4;
  text-align: center;
  color: #666;
  padding: 28px 0 16px;
}
@media screen and (max-width: 640px) {
  .frame-tit {
    padding: 18px 0 10px;
  }
}
.frame-tit h2 {
  font-size: 30px;
  line-height: 66px;
  font-weight:normal;
}
@media screen and (max-width: 640px) {
  .frame-tit h2 {
    font-size: 24px;
    line-height: 36px;
  }
}
.frame-tit p {
  font-size: 14px;
  line-height: 26px;
}
.frame-tit p i {
  width: 16px;
  height: 17px;
  display: inline-block;
  vertical-align: top;
  margin: 4px 8px 0 0;
}

.frame-cont {
  padding: 0 0 60px 0;
  min-height: 500px;
}
@media screen and (max-width: 640px) {
  .frame-cont {
    min-height: 140px;
  }
}

.frame-video {
  width: 100%;
}
.frame-video img {
  width: 100%;
}

.frame-page {
  padding: 4px 10px 4px 0px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
.frame-page dd {
  line-height: 30px;
}
.frame-page dd a {
  color: #0069b3;
}

.frame-share {
  text-align: center;
  margin: 28px 0;
}
.frame-share a {
  color: #0069b3;
  margin: 0 2px;
  font-size: 14px;
}

.blist-slide {
  padding: 4px 20px 20px;
  display: none;
}
@media screen and (max-width: 640px) {
  .blist-slide {
    padding: 2px 4px 20px;
  }
}

.blist-slide-txt {
  font-size: 14px;
}
@media screen and (max-width: 640px) {
  .blist-slide-txt {
    font-size: 12px;
  }
}

.blist-slide-btn {
  width: 97px;
  height: 35px;
  text-align: center;
  float: right;
  line-height: 35px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
}

.bdsharebuttonbox {

}
@media screen and (max-width: 640px) {
  .bdsharebuttonbox {
    display: none;
  }
}


/* ==========================================================================
   prolist
   ========================================================================== */
.prolist li{width:33.3%;height: auto; float: left;margin-bottom: 30px; }
.prolist li .warp{width: 239px;
    height: 204px; padding:5px;background: #fff; border:1px solid #e5e5e5; margin:0 auto; overflow: hidden;}
.prolist li .warp {
  -moz-box-shadow: 6px 6px 0px 0px #e5e5e5;
  -webkit-box-shadow: 6px 6px 0px 0px #e5e5e5;
  box-shadow: 6px 6px 0px 0px #e5e5e5;
  background-color: #fff;
  cursor: pointer;
}
.prolist li .imgare{width: 227px;height: 192px; overflow: hidden; position: relative;}
.prolist li .imgare img{width: 227px;height: 192px; transition: transform 2s;}
.prolist li:hover .imgare  img{ transform: scale(1.1);}
.prolist li .title{height: 36px;font: 300 14px/36px microsoft yahei; text-align: center;position: absolute;left: 0; bottom: 0; width: 100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5); color: #fff;}
@media screen and (max-width: 767px) {
  .prolist li{width:50%;}
}
@media screen and (max-width: 520px) {
  .prolist li{width:100%; float: none;}
}

.about_title{height: 73px; background: #1251c4;border-bottom: 2px solid #bbb; overflow: hidden;margin: 40px 0 20px 0;}
.about_title .titleft{float: left;}
.about_title .titright{float: right;}
@media screen and (max-width: 520px) {
.about_title .titleft img{width:230px;margin-top: 5px;}
}
.aboutC01 {padding:10px 0;}
.aboutC01 .imgarea{width: 457px; height: 305px; overflow: hidden; float: left;padding:8px; border:1px solid #b9b9b9;}
.aboutC01 .imgarea img {width: 457px; height: 290px; }
.aboutC01 .txtarea{width: calc(100% - 480px);overflow: hidden; float: right;}
.aboutC01 .txtarea .desc{height: 260px; overflow: hidden;font: 300 12px/26px microsoft yahei; }
.aboutC01 .txtarea h3{font: 300 30px/26px microsoft yahei; color: #1d2088;margin-bottom: 10px;}
@media screen and (max-width: 880px) {
.aboutC01 .imgarea{width: 400px; height: 268px;}
.aboutC01 .imgarea img {width: 390px; height: 250px; }
.aboutC01 .txtarea{width: calc(100% - 420px);}
.aboutC01 .txtarea .desc{height: 210px;  }
}
@media screen and (max-width: 767px) {
.aboutC01 .imgarea{width: 100%; height: 268px; text-align: center;margin-bottom: 30px;}
.aboutC01 .txtarea{width:100%;}
.aboutC01 .txtarea .desc{height: 210px;  }
}
.aboutC02{padding:10px 40px;margin-top: 20px; position: relative;}
.aboutC02 .warp{width: 260px;height: 339px; overflow: hidden; margin: 0 auto;}
.aboutC02 .warp .imgarea{width: 260px;height: 339px; position: relative; overflow: hidden;}
.aboutC02 .warp .imgarea img{width: 260px;height: 339px; transition: transform 2s;}
.aboutC02 .warp .imgarea .title{height: 80px;font: 300 12px/24px microsoft yahei; text-align: center;position: absolute;left: 0; bottom: 0; width: 100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5); color: #fff;}
.aboutC02 .warp .imgarea .title a{color: #fff;}
.aboutC02 .warp .imgarea .title h3{ font-size: 20px;margin-top:20px;}
.aboutC02 .warp:hover .imgarea .title{height: 100px;}
.aboutC02 .warp:hover .imgarea img{transform: scale(1.1);}

.aboutC02  .owl-controls .owl-pagination{display: none;}
 .aboutC02 .owl-theme .owl-controls .owl-buttons div { position: absolute; top: 50%; width: 30px; height: 33px; margin-top: -25px; display: block; border-radius: 0; font-size: 0; opacity: 1; transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; 
}
.aboutC02 .owl-theme .owl-controls .owl-buttons div.owl-prev { left: -40px; background: url('../images/arr11.png') no-repeat center center ; }
.aboutC02 .owl-theme .owl-controls .owl-buttons div.owl-next { right:-40px; background: url('../images/arr12.png') no-repeat center center ; }
/* ==========================================================================
   Pagination
   ========================================================================== */
#dcms_pager { margin-top: 30px;margin-bottom:20px; text-align: center; font-family: microsoft yahei;}
#dcms_pager .pages a { display: inline-block; padding: 2px 9px; margin: 0 4px; color: #333; cursor: pointer; line-height: 24px; background:#fff; border:1px solid #dddddd;
}

#dcms_pager .pages .pgcurrent { color: #fff;cursor: default;background-color: #1251c3;}
#dcms_pager .pages .pgempty { cursor: not-allowed }
#dcms_pager .pages a:hover{color: #fff; text-decoration: none;background-color: #1251c3;}
.btn_xwreturn{text-align: right; height: 40px;}
.btn_xwreturn a{ background: #1251c3;color: #fff;padding:10px 40px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;}