﻿@charset "utf-8";
*{margin:0;padding:0;border:0;}
body{font-family:"Microsoft YaHei","Hiragino Sans GB","PingFang SC","Lantinghei SC",Arial,simsun,sans-serif;color:#191919;}
a{text-decoration:none;color:#191919;}a:hover{color:#148cc1;text-decoration:underline;}
ul,li,ol{list-style:none;}
.Hspace{width:1px; height:20px; overflow:hidden; clear:both;}
.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{*+height:1%;}
/*Font Awesome图标*/
@font-face {
  font-family: 'FontAwesome';
  src: url('https://member.jschina.com.cn/js/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('https://member.jschina.com.cn/js/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://member.jschina.com.cn/js/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://member.jschina.com.cn/js/font-awesome-4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://member.jschina.com.cn/js/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://member.jschina.com.cn/js/font-awesome-4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
      font-weight: normal;font-style: normal;}
.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.fa-dedent:before {content: "\f03b";}.fa-indent:before {content: "\f03c";}.fa-navicon:before{content: "\f0c9";}.fa-tv:before{content: "\f26c";}.fa-long-arrow-down:before {content: "\f175";}.fa-long-arrow-up:before {content: "\f176";}.fa-angle-double-right:before {content: "\f101";}.fa-ellipsis-h:before {content: "\f141";}.fa-play-circle-o:before {content: "\f01d";}.fa-youtube-play:before {content: "\f16a";}.fa-font:before { content: "\f031";}.fa-plus-circle:before {content: "\f055";}.fa-minus-circle:before {content: "\f056";}.fa-lg {font-size: 1.33333333em;line-height: 0.75em;vertical-align: -15%;}
/*swiper*/
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;  box-sizing: content-box;-webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px);  -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0);}
.swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.swiper-container-fade .swiper-slide {pointer-events: none;-webkit-transition-property: opacity;-moz-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;}
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none;}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events: auto;}
/*头区*/
.pc_header{width:100%;height:35px;min-width:1200px;background-color:#e8e8e8;margin-bottom:6px;}
.pc_header .box{width:1000px;margin:0 auto;height:35px;line-height:35px;color:#7e7d7d;font-size:14px;}
.pc_header .box .left{float:left;}
.pc_header .box .right{float:right;}
.pc_header .box .right span {margin-right:20px;}
.pc_header .box .right img {margin-top:0px;}

.dffz {margin-bottom:10px ;}
.dffz li {float: left; width: 142px; height: 30px; line-height: 30px; text-align: left;}

.pc_header a{color:#7e7d7d;height:35px;font-size:14px;}
.pc_header a:hover{text-decoration:none;font-weight:bold;}

.search_box {width:200px;height:26px;margin-top:7px;}
.search_box .txt {display:inline-block;width:169px;height:26px;-webkit-box-shadow: 0px 0px 5px #999 inset;-o-box-shadow: 0px 0px 5px #999 inset;-ms-box-shadow: 0px 0px 5px #999 inset;-moz-box-shadow: 0px 0px 5px #999 inset;box-shadow: 0px 0px 5px #999 inset;float: left;color:#ccc;}
.search_box .btn {display:inline-block;width:30px;height:26px;float:left;cursor: pointer;background: url(https://member.jschina.com.cn/2016/wenzhang/images/btn_04.png) no-repeat;}
.pc_ad{width:1200px;margin:0 auto; position:relative;max-height:50px;}
.pc_ad img{width:1200px;height:50px;}

.pc_logo{width:1000px;margin:0 auto; height: auto; padding:30px 0 0px 0;}
.logo{float:left;height:60px; margin-right:20px;}
.logo1{float:left;width:120px;}
.locat{float:left;height:60px;line-height:60px;font-size:16px;}
.locat1 {width:1000px;margin:0 auto; line-height:60px;font-size:12px;}
.pc_logo .right {float:right;color:#036ece; margin-top:25px; font-size: 14px;}
.pc_logo .right1 {float: right;}
.pc_logo .right1 .right_blue {text-align: right;color:#036ece;}
.pc_logo .right1 .right_menu  ul {width: 560px;} 
.pc_logo .right1 .right_menu  ul li {float:left; width: 93px; height: 40px; line-height: 40px; text-align: center;}
.pc_logo .right1 .right_menu  ul li a {font-size: 16px; color:#595757}

#menu1{ width:1000px; height:35px; background:url(/images/dh_bg_05.png); margin:0 auto; border:solid 1px #c0d5f5}
#nav1 { width:1000px; height:35px; display:block; }
#nav1 .mainlevel { background-image:url(/images/dh_bg_05.png); font-size:14px; float:left; border-right:1px solid #0d51c5; width:165px;/*IE6 only*/}
#nav1 .mainlevel a {color:#07baf4; text-decoration:none; line-height:35px; display:block; width:141px; text-align:center;}
#nav1 .mainlevel a:hover {color:#fff; text-decoration:none; background-image:url(/images/bj_03.png); background-position:center; background-repeat:no-repeat;}
#nav1 .mainlevel ul {display:none; position:absolute;}
#nav1 .mainlevel li {border-top:1px solid #fff; background:#3348ae; width:141px;filter:alpha(opacity=80);opacity:0.8;/*IE6 only*/}
.headimg {margin: 0 auto; width:1000px; height:auto; margin-top:10px;}


/*布局*/
.wrap{width:1000px;margin:0 auto;min-height:620px;}
.wrap .left{float:left;width:730px;position:relative; background-color: #fff; border: #c0c0c0 solid 0px;}
.wrap .content_right{ float:right;width:230px; min-height:500px; }
.wrap .content_right .right_nav a {display: block;height: 47px; line-height: 47px; text-align: center; color:#595757; text-decoration:none; background-image:url("/images/150323222326286.png"); font-size:16px; font-weight:bold; margin-bottom: 9px; }
.wrap .content_right .right_nav a:hover {background-image:url("/images/150324100704317.png"); color: #fff;}
.wrap .content_right .hot {margin-bottom:9px;}
.wrap .content_right .hot .title {height: 34px; line-height: 34px; background-image: url("/images/lm_12.png");}
.wrap .content_right .hot .title .left_s {float:left;margin-left: 10px; width: 60px; font-weight: bold; font-size: 14px;}
.wrap .content_right .hot .title .right {float:right;margin-right: 10px; width: 60px; text-align: right;}
.wrap .content_right .hot {border: #cecece solid 1px;}
.wrap .content_right .hot .line {height: 32px; line-height: 32px; border-bottom:#e7e7e7 dotted 1px;}
.wrap .content_right .service .title .right {width:110px;}
.wrap .content_right .service ul li {height: 35px;  background-repeat: no-repeat; background-position: center center; cursor: pointer;}
.wrap .content_right .service ul {padding-top: 10px; padding-bottom: 10px;}


.slide_left{float:left;width:130px;text-align:center;font-size:12px;color:gray;position:relative;}
.slide_center{float:left;min-height:500px; width:100%; padding: 20px;}

#slide_left_box{width:100px;min-height:100px;padding-right:30px;border-right:1px solid #e8e8e8;}
.slide_left_box_fix{position:fixed;top:10px;}
/*工具栏*/
.share,.font,.duxin{width:100%;}
.share-title,.font-title,.duxin-title{position:relative;}
.share-title span,.font-title span,.duxin-title span{display:inline-block;background:#fff;padding:0 8px;}
.share-title::after,.font-title::after,.duxin-title::after{content: "";display: block;width:100%;height:1px;background:#e8e8e8;position:absolute;top:50%;left:0;z-index:-1;}
.share_wx,.share_wb,.share_qq,.font-zoomin,.font-zoomout,.duxin-man,.duxin-woman{width:60px;height:60px;margin:12px auto;}
.share_wx a,.share_wb a,.share_qq a,.font-zoomin a,.font-zoomout a{display:block;width:60px;height:60px;background:url(https://member.jschina.com.cn/2018zt/jschina/bg-share.png);cursor:pointer;overflow:hidden;line-height:500px;}
.share_wb a          {background-position:-120px 0;}
.share_qq a          {background-position:-60px 0;}
.font-zoomout a      {background-position:-180px 0;}
.font-zoomin a       {background-position:-240px 0;}
.share_wx a:hover    {background-position:0 -60px;}
.share_qq a:hover    {background-position:-60px -60px;}
.share_wb a:hover    {background-position:-120px -60px;}
.font-zoomout a:hover{background-position:-180px -60px;}
.font-zoomin a:hover {background-position:-240px -60px;}
.share a:hover,.font a:hover{-webkit-animation:zoomInOut 0.3s 1;-moz-animation:zoomInOut 0.3s 1;-o-animation:zoomInOut 0.3s 1;animation:zoomInOut 0.3s 1;}
.duxin-man img,.duxin-woman img{width:60px;height:60px;cursor:pointer;}
/*文章*/
.wxpiclogo {display:none;}
#title{text-align:center;width:100%;line-height:36px;font-size:24px;font-weight:bold;padding-bottom:10px;font-weight:normal;}
#ptime{text-align:center;padding-right:10px;height:30px;line-height:30px;font-size:14px;color:#666;border-bottom:1px solid #e8e8e8;margin-bottom:12px;}
#ftitle{text-align:center;width:100%;line-height:30px;margin:0 auto;font-size:14px;}
.articalCont{font-size:14px;line-height:180%;}
.articalCont p{margin:1em 0;}
.articalCont img{max-width:700px;height:auto;vertical-align: top;}
.pageLink { font-size:20px;clear:both;text-align:center;line-height:16px;margin:20px 0 20px 0;}
.pageLink a {width:16px;height:16px;color:#000; background:#ececec; display:inline-block; margin:0 6px; padding:8px;text-decoration:none;}
.pageLink a:hover { background:#148cc1;color:#fff;  }
a.pageLinkOn,a.pageLinkOn:hover{width:16px;height:16px;color:#fff;font-weight:bold; background: #148cc1; margin:0 6px; display:inline-block; padding:8x;}
.tags-editor{width:100%;height:33px;line-height:33px;border-bottom:1px solid #e8e8e8;color:#2C2C2C;font-size:13px;}
.tags{float:left;}
#editor{float:right;text-align:right;padding-right:10px;}

/*右区*/
.content_right h3{height:36px;line-height:36px;font-size:18px;background:url(https://member.jschina.com.cn/2016/wenzhang/images/right_title_bg_18.png) left center no-repeat;padding-left:14px;color: #148cc1;}
.content_right h3 span{float:right;}
.content_right h3 span a{font-size:14px;font-weight:normal;}
.infomation,.news_pic {width:100%;}
.infomation li{line-height:32px;background:url(https://member.jschina.com.cn/2018zt/jschina/dot.png) no-repeat 2px 13px;padding-left:16px;height:32px;overflow:hidden;}
.infomation li a{font-size:14px;}
.news_pic  li{width:100%;height:75px;margin-top:15px;}
.news_pic li img{float:left;width:140px;height:75px;}
.news_pic li p{float:right;width:140px;height:75px;line-height:24px;overflow:hidden;}
.news_pic li p a{font-size:14px;}
.news_pic li:hover{ background:#efefef;}
/*上下篇*/
.predoc{width:51px;height:100px; position:fixed;left:0;top:400px;line-height:500px;overflow:hidden;}
.predoc a{display:block;width:51px;height:100px; background:url(https://member.jschina.com.cn/2017/jsdjt/arrowbg.png) no-repeat;}
.predoc a:hover{ background-position:-51px 0;}

/*尾区*/
.pc_footer{width:100%;margin-top:30px; padding-top: 30px; color:#000;font-size:16px;line-height:1.4em; border-top:#cacacb solid 1px;}
.pc_footer .up {width:1000px; height:180px;   margin: 0 auto;  }
.pc_footer .down {height:115px; background-color: #ececed; text-align: center; line-height: 2.2em; padding-top: 50px; font-size: 12px; color: #a2a1a9;}
.pc_footer .item {float:left; width:230px; color: #626060;}
.pc_footer .item1 {float:left; width:200px; color: #626060}
.pc_footer .item .left_a{float:left; text-align: center; font-size: 14px; width: 104px; height: 110px;font-weight: bold; border-right:#d9d9d9 solid 1px;}
.pc_footer .item .right_a  {float:right; width:120px; font-size: 12px;}
.pc_footer .item .left_b, .pc_footer .item1 .left_b{float:left; }
.pc_footer .item .right_b, .pc_footer .item1 .right_b{float:right; }

.pc_footer .item1 .left_a {float:left; text-align: center; font-size: 14px; width:80px; height: 110px;font-weight: bold; border-right:#d9d9d9 solid 1px; }
.pc_footer .item1 .right_a {float:right; width:114px; font-size: 12px; }

.pc_footer a{color:#000;}

.list_logo {width:1000px; margin:10px auto 0 auto; }
.list_logo li { float: left; width: 125px; text-align: center;}
.list_logo li img {border: #ccc solid 1px;}

#goTop{position:fixed;bottom:50px;right:10px;}   
#goTop a{cursor:pointer;display:block;width:50px;height:50px;overflow:hidden;text-indent:-999em;background: url(https://member.jschina.com.cn/2017/jsdjt/gotop.png) no-repeat;}
/*手机样式隐藏*/
.m_header,.m_nav_3,.mobile_footer,.m_footer{display:none;}
/*css3*/
@-webkit-keyframes zoomInOut {0% { -webkit-transform: scale(0.8);}50% { -webkit-transform: scale(1);}100% { -webkit-transform: scale(1.1);}}
@-moz-keyframes zoomInOut    {0% { -moz-transform: scale(0.8);}50% { -moz-transform: scale(1);}100% { -moz-transform: scale(1.1);}}
@-o-keyframes zoomInOut      {0% { -o-transform: scale(0.8);}50% { -o-transform: scale(1);}100% { -o-transform: scale(1.1);}}
@keyframes zoomInOut         {0% { transform: scale(0.8);}50% { transform: scale(1);}100% { transform: scale(1.1);}}
/*手机适配样式*/
@media screen and (max-width : 750px) {
  body{background:#f9f9f9;padding-top:0;color:#404040;}
  a{color:#148cc1;}
  .pc_header,.pc_ad,.pc_ad_swiper,.pc_logo,#locat,.locat1,.headimg,.slide_left,.content_right,.pc_footer,.predoc,.nextdoc,.info{display:none;}
  .m_header{display:block;overflow:hidden;margin:0 auto;position:relative;width:10rem;height:1.2rem;line-height:1.2rem;background-color:#148cc1;color:#fff;font-size:0.72rem;}
.m_nav_6 {display: inline-block;overflow: hidden;}
.m_nav_6 img{padding-top:.1rem;width:0.875rem;height:1rem;}
.m_nav_6 a {text-decoration:none;outline:none;display:block;float:left;font-size:.542rem;line-height:1.2rem;color:#fff;padding: 0 0.2rem 0 0.64rem;background:#148cc1;position:relative;}
.m_nav_6 a:first-child {padding-left:0.2rem;}
.m_nav_6 a:after {content:'';position:absolute;top:0;right:-0.36rem;width:1.2rem;height:1.2rem;transform:scale(0.707) rotate(45deg); z-index:1;background:#148cc1 transparent;box-shadow:2px -2px 0 1px #fff,3px -3px 0 2px rgba(255,255,255,0.1);border-radius:0 5px 0 50px;}
.m_nav_6 a:last-child:after{box-shadow: 2px -2px #148cc1;}
.wrap{width:9.24rem;margin:0 auto;}
  .wrap .left{float:none;width:100%; background-color: #f9f9f9; border: #c0c0c0 solid 0px;}
  .slide_center{float:none;width:100%;margin:0;padding: 0; }
  #title{padding:.3rem 0 .3rem 0;width:100%;font-size:.542rem;line-height:.8rem;font-weight:700;}
  #ftitle{padding:0 0 .3rem 0;width:100%;line-height:.8rem;margin:0 auto;font-size:.48rem;}
  #ptime{text-align:left;padding-right:0;padding-bottom:.1rem;line-height:.48rem;font-size:0.32rem;margin-bottom:.4rem;}
  .articalCont{font-size:.542rem;line-height:160%;}.articalCont p{margin:1em 0;text-align:justify}.articalCont img{max-width:100%;width:100%;height:auto;vertical-align: top;}
  .tags-editor{width:100%;height:.48rem;line-height:.48rem;font-size:0.32rem;border-bottom:1px solid #e8e8e8;color:#2C2C2C;}

  .mobile_footer{display:block;margin:0 auto 1rem auto;position:relative;width:10rem;height:1.2rem;line-height:1.2rem;background-color:#148cc1;color:#fff;font-size:0.4rem;text-align:center;}
  .m_footer{width:10rem;margin:0 auto;display:block;height:1rem;}
  .m_footer ul{position:fixed;z-index:200;bottom:0;left:0;width:100%;display:-webkit-box;display:-moz-box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;}
  .m_footer li{height:1rem;-webkit-box-flex:1;-moz-box-flex:1;border-left:1px solid rgba(190,190,190,1);position:relative;-webkit-box-shadow:inset 0 0 3px #fff;float:left;background:-webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#dcdcdc), color-stop(35% ,#ededed), color-stop(50%, #e3e3e3) );text-align:center;}
  .m_footer li:nth-of-type(1){border-left:0;}
  .font-zoomin,.font-zoomout{width:100%;height:1rem;margin:0;}
  .font-zoomin a,.font-zoomout a{display:block;width:95%;margin:0 auto;height:1rem;line-height:1rem;background:-webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#dcdcdc), color-stop(35% ,#ededed), color-stop(50%, #e3e3e3) );cursor:pointer;overflow:hidden;font-size:.48rem;}
  .font-zoomout a:hover,.font-zoomin a:hover{background-position:0;}
  .font a:hover{-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none;}
  .duxin-man,.duxin-woman{height:.8rem;margin-top:0;}
  .duxin-man img,.duxin-woman img{width:.8rem;height:.8rem;cursor:pointer;}
}