@charset "utf-8";
/* CSS Document */
body {/*font-size: 62.5%;*/font-size: 14px;  -webkit-font-smoothing: antialiased; font-family: "微軟正黑體", SimHei,Arial, Helvetica, sans-serif; font-style: normal; color:#333333;  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background-color:#ffffff; }

html,body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0;  padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block;}
a { text-decoration: none; color:#333333;} a:visited { color:#333333; }a:hover { color:#000000;}

.white,.white a,a.white,a.white:link,a.white:hover,.white a:link,.white a:visited { color:#ffffff;}
.black,.black a,a.black,a.black:link,.black a:link,.black a:visited { color:#222222;}
a.black:hover,.black a:hover { color:#000000;}
.gray,.gray a,a.gray,a.gray:link,.gray a:link,.gray a:visited { color:#7e7e7e;}
a.gray:hover,.gray a:hover { color:#555555;}

iframe,img {border:0;}img {vertical-align: middle;}.cl { clear:both;} .tc { text-align:center;} .tl { text-align:left;} .tr { text-align:right;} .fl { float:left;} .fr { float:right;} .fb { font-weight:bold;}
ul,ol,li {list-style:none;}.hr20 { height:20px; clear:both;} .font12 { font-size:12px;}.font14 { font-size:14px;}.font15 { font-size:15px;}.font16 { font-size:16px;}.font20 { font-size:20px;} .font22 { font-size:22px;} .hr10 { height:10px; clear:both; } .hr15 { height:15px; clear:both; } .hr20 { height:20px; clear:both; } .hr50 { height:50px; clear:both; } .hr70 { height:70px; clear:both; }  .overflowH { overflow:hidden;}
input,select,textarea { outline: 0;  -webkit-user-modify: read-write-plaintext-only; border:0; font-family: "微軟正黑體", SimHei,Arial, Helvetica, sans-serif;}
/*input {   -webkit-appearance: none;}*/
* {  -webkit-tap-highlight-color: transparent;/*  -webkit-appearance: none; */ } 

.centermiddle { text-align: center; vertical-align: middle; }

.wrapBg { background-color:#e8e8e8;}
.bgW { background-color:#ffffff;}

.topBar { width:100%; height:30px; background-color:#64b74b; line-height:30px;} .topBarM { display:none;}
.wrapMain { width:1260px; margin:0 auto; clear:both;}
.header { width:1260px; margin:0 auto; height:70px; padding:30px 0; clear:both;}
.logo { display:block; width:170px; height:70px; float:left; margin:0 10px;}

.headerR { height:70px; line-height:34px; float:right;}
.navBar { height:34px; border-bottom:#858585 1px solid; line-height:32px; font-size:18px; font-weight:bold; position:relative;}
.navBar a.nav,.navBar span { display:inline-block; padding:0px 5px; margin:0 7px 0 0; height:32px; line-height:32px; color:#000000;}
.navBar a.nav:hover,.navBar a.dq { display:inline-block; padding:0px 5px; margin:0 7px 0 0; height:32px; line-height:32px; border-bottom:#0089cf 2px solid; color:#000000;}
a.search { display:inline-block; float: right; width:32px;  height:32px; line-height:32px; border:0; margin:0; background:url(../images/ico_search.png) no-repeat center center;}
a.search:hover { border:0;}
.tagList { height: 35px; font-size: 16px; }
.tagList a { display: inline-block; margin-right: 8px;  }
.tagList a:hover,.tagList a.dq { color: #51a239; }
.tagList span {display: inline-block; margin-right: 15px;  color: #51a239;}
a.tagMore { display: inline-block; margin:0px; padding-right: 25px; background: url(../images/more_arr.png) no-repeat right center; float: right; }
.navSearchBar { display:none; width:290px; height:30px; border:#dddddd 1px solid; position:absolute; right:0px; top:34px; z-index:99; background-color:#ffffff;}
.navSearchBar .searchInput { width:230px; height:20px; line-height:20px; padding:5px 5px; float:left; font-size:14px;}
.navSearchBar .navSearchBt { display:block; width:49px; height:30px; float:right; cursor:pointer; font-weight:normal; font-size:16px; line-height:30px; text-align:center; background-color:#eeeeee; border-left:#dddddd 1px solid;}

.topBanner { background-color:#0089cf; /*height:390px;*/ overflow:hidden;}
.topBanner .pic { float:left; width:50%; /*height:390px;*/  border-radius:0 0 50px 0; overflow:hidden;}
.topBanner .pic img { width:100%; height: auto; /*height:390px; object-fit: cover;*/}
.topBanner .txt { /*line-height:390px;*/ overflow:hidden; padding:0px 60px;}
.topBanner .txt .mulit_line { display:-moz-inline-stack; display:inline-block; padding:20px 0px; vertical-align:middle; font-size:20px; line-height:26px;}
.topBanner h2 { font-size:50px; font-weight:normal; line-height:50px; padding:10px 0px;}
.topBanner h3 { font-size:28px; font-weight:bold;  line-height:35px; }
.topBanner h3 span { display:inline-block; border-bottom:#ffffff 4px solid;}
.blogBanner { overflow:hidden;}.blogBanner img { width:100%; height:auto;}

.topicBanner { height:390px; overflow:hidden; position:relative;}
.topicBanner .txt { float:left; width:630px; height:390px; overflow:hidden; position:absolute; z-index:9; left:0; top:0; border-radius:0 0 50px 0; background-color:#64b74b;}
.topicBanner h2 { font-size:60px; font-weight:normal;  line-height:95px; margin-top:250px; overflow:hidden; background:url(../images/topic_tit.png) no-repeat left center; padding-left:50px;}
.topicBanner .pic { overflow:hidden; width:680px; height:390px; float:right;}
.topicBanner .pic img { width:100%; height:390px;}


.tagBanner { /*height:390px;*/ height:190px; overflow:hidden; position:relative;}
.tagBanner .txt { float:left; width:630px; height:190px; overflow:hidden; position:absolute; z-index:9; left:0; top:0; border-radius:0 0 50px 0; background-color:#64b74b;}
.tagBanner h2 { font-size:48px; font-weight:normal;  line-height:95px; margin-top:50px; overflow:hidden; background:url(../images/topic_tit.png) no-repeat left center; padding-left:50px;}
.tagBanner .pic { overflow:hidden; width:680px; height:190px; float:right;}
.tagBanner .pic img { width:100%; height:190px;}

.footer { background-color:#000000;/* width:100%; */padding:30px 10px; line-height:30px; overflow:hidden;}
.footerNav  a { display:inline-block; margin-right:20px;}

.sideR { width:405px; float:right; margin-left:20px;}
.sideMainL { overflow:hidden;}
.sideMainCon { overflow:hidden; padding-right:10px;}
.borderT { border-top:#0089cf 5px solid;} .borderB { border-bottom:#e2e0e0 1px solid;}
.borderBox { border:#efefef 1px solid;} .borderBoxRbl { border-right:#efefef 1px solid; border-bottom:#efefef 1px solid; border-left:#efefef 1px solid;} .borderB2 { border-bottom:#efefef 1px solid;} .paddingTb10 { padding:10px 0;}
.borderT70 { border-top:#ffffff 70px solid;}
.sideTit { height:30px; line-height:30px; padding:10px 15px; font-size:30px; font-weight:bold;}
.sideTit_top { margin-top:-50px;}

/*-----index----*/
/*.indexTopic { width:1281px; margin-left:-10px;overflow:hidden;}
.indexTopic li { width:405px; height:250px; float:left; margin:0px 11px; position:relative;}
.indexTopic img { width:405px; height:250px; }
.indexTopic li .txtBg { display:block; width:100%; height:250px; position:absolute; z-index:9; left:0; bottom:0; background:url(../images/tit_bg.png) repeat-x center bottom;  }
.indexTopic li .txt { width:365px;  position:absolute; z-index:10; padding:10px 20px; left:0; bottom:0;  }
.indexTopic .tit { display:inline-block; line-height:32px; border-bottom:#64b74b 4px solid; font-size:24px; font-weight:bold;}
.indexTopic .summary { clear:both; font-size:20px; line-height:24px; padding:10px 0;}*/

.swiper-container { /*width:1260px;*/ width:1281px; margin-left:-10px;overflow:hidden;}
/*.swiper-container .swiper-slideBox { width:405px; height:250px; float:left; margin:0px 11px; position:relative;}*/
.swiper-slide { width:405px; height:230px; float:left; margin:10px 11px 0px 11px; overflow:hidden;position:relative;}
.swiper-container img { width:405px; height:230px; /*object-fit: cover;*/ }
.swiper-container .txtBg { display:block; width:100%; height:250px; position:absolute; z-index:9; left:0; bottom:0; background:url(../images/tit_bg.png) repeat-x center bottom;  }
.swiper-container .swiper-slide .txt { width:365px;  position:absolute; z-index:10; padding:10px 20px; left:0; bottom:0;  }
.swiper-container .tit { display:inline-block; line-height:32px; border-bottom:#64b74b 4px solid; font-size:24px; font-weight:bold;}
.swiper-container .summary { clear:both; font-size:20px; line-height:24px; padding:10px 0;}
.mobileShow { display:none;}

.indexColBox { width:405px;}
.indexColMar { margin-right:22px;}

.indexZtpic { width:100%; /* width:405px;*//* height:250px; */ min-height: 180px; overflow:hidden; position:relative;}
.indexZtpic img { width:100%; /*height:250px; */ height: auto;}
.indexZtpic .txtBg { display:block; width:100%; height:250px; position:absolute; z-index:9; left:0; bottom:0; background:url(../images/tit_bg.png) repeat-x center bottom;  }
.indexZtpic .txt { width:365px;  position:absolute; z-index:10; padding:10px 20px; left:0; bottom:10px;  }
.indexZtpic .tit { display:inline-block; line-height:32px; border-bottom:#64b74b 4px solid; font-size:24px; font-weight:bold;}

.indexBlogList li { padding:25px 25px; border-bottom:#efefef 1px solid; line-height:24px; font-size:15px; color:#666666;}
.indexBlogList .author { /*height:95px; */clear:both;}
.indexBlogList .author .tx { width:60px; height:60px; text-align:center; line-height:60px; font-size:20px; font-weight:bold; float:right; border-radius:60px; overflow:hidden; margin-left:10px;}
.tx_bg1 { background-color:#e4b290;}.tx_bg2 { background-color:#80b6cc;}.tx_bg3 { background-color:#d0c0b1;}
.indexBlogList .author .tx img { width:60px; height:60px; border-radius:60px;}
.indexBlogList .author .authorInfo { overflow:hidden; padding:0px 0px 0px 0px;}
.indexBlogList .tag  { display:inline-block; height:30px; line-height:30px; padding:0px 8px; font-size:16px; font-weight:bold; margin-bottom:5px;}
.tag_bg1 { background-color:#ad7860;}
.tag_bg2 { background-color:#c69a44;}
.tag_bg3 { background-color:#50bc82;}
.tag_bg4 { background-color:#706aa4;}
.tag_bg5 { background-color:#009fe4;}
.tag_bg6 { background-color:#da474b;}
.tag_bg7 { background-color:#f68e2a;}
.tag_bg11 { background-color:#0089cf;}
.tag_bg13 { background-color:#92c951;}
.tag_bg14 { background-color:#666666;}
.tag_bg15 { background-color:#c6007e;}
.tag_bg16 { background-color:#50bc82;}
.tag_bg17 { background-color:#009999;}
.tag_bg18 { background-color:#ff8a00;}
.tag_bg19 { background-color:#0089cf;}
.tag_bg20 { background-color:#0089cf;}
.tag_bg21 { background-color:#0089cf;}
.tag_bg22 { background-color:#0089cf;}
.tag_bg23 { background-color:#0089cf;}
.tag_bg24 { background-color:#999999;}

.indexBlogList .tit { line-height:24px; padding:10px 0; clear:both; font-size:20px; font-weight:bold;}
/*---------*/
.sideHotList { background-color:#29323d;}
.sideHotList li { height:50px; line-height:25px; padding:15px 15px; border-bottom:#ffffff 1px solid; overflow:hidden; font-weight:bold;}
.sideHotList .num { display:block; float:left; margin-right:20px;  width:25px; text-align:center; height:46px; line-height:46px; border-bottom:#64b74b 4px solid; font-size:30px; letter-spacing:-5px; font-family:Arial; overflow:hidden; }
.sideHotList .num span { display:inline-block; margin-left:-5px;}
.sideHotList .txt { line-height:50px; overflow:hidden; height:50px;}
.sideHotList .mulit_line { display:-moz-inline-stack; display:inline-block; vertical-align:middle; font-size:20px; line-height:25px;}
.sideHotList p { overflow:hidden; font-size:20px;}

.sidePicBox img { width:100%; height:auto;}
.sideTit_bg { background-color:#64b74b; height:30px; line-height:30px; padding:10px 15px; font-size:30px; font-weight:bold;}
.column2List ul { width:455px;}
.column2List  li { width:43%; float:left; height:35px; line-height:35px; font-size:18px; padding:5px 0; overflow:hidden; border-bottom:#efefef 1px solid;}
.column2List  li a { display:inline-block; margin-left:25px;}
.column1List  li {  line-height:24px; font-size:18px; padding:15px 25px; overflow:hidden; border-top:#efefef 1px solid; margin-top:-1px;/* font-weight:bold;*/ color:#000000;}
.column1List  li a,.column1List  li a:visited { color:#000000;}

.columnList {padding:0px; overflow:hidden; }
.columnList  li {  line-height:24px; font-size:18px; padding:15px 25px; overflow:hidden; border-top:#efefef 1px solid; margin-top:-1px;/* font-weight:bold;*/ color:#000000;}
.columnList  li a,.columnList  li a:visited { color:#000000;}

.mediaBox { padding:15px 30px; line-height:24px; font-size:20px;} 
.mediaBox .pic { position:relative; margin:15px auto;}
.mediaBox .pic .playBt { display:block; width:60px; height:60px; background:url(../images/play_bt.png) no-repeat center center; z-index:9; position:absolute; left:140px; top:75px;}
.mediaBox img { width:345px; height:215px;}

.newsList { overflow:hidden;}
.newsList  li { padding:30px 30px 30px 25px; border-top:#efefef 1px solid; overflow:hidden; margin-top:-1px;}
.newsList.connewTop  li { padding:30px 0px 30px 0px; }
.newsList .pic { /*width:210px; height:130px;*/ min-height:110px; width:210px; margin-right:25px; float:left; background:#eaeaea url(../images/default_pic.png) no-repeat center center;}
.newsList .pic img {/* width:210px; height:130px;*/ width:100%; height:auto;}
.newsList .txt { overflow:hidden; font-size:15px; line-height:24px;}
.newsList .txt .tit { display:block; font-size:20px; font-weight:bold; padding-bottom:5px;}
.newsList .txt p { padding:3px 0;}
a.newsLink { display:block; overflow:hidden;}


.newsTop { padding:30px 25px; overflow:hidden;}
.newsTop .pic { width:350px;/* height:215px;*/ float:left; margin-right:30px;}
.newsTop .pic img { /*width:350px; height:215px;*/ width:100%; height:auto;}
.newsTop .txt {overflow:hidden; font-size:16px; line-height:24px;}
.newsTop .summary { overflow:hidden; margin-bottom:5px;}

.beijingBox {}
.beijingBox img { width:100%; height:auto;}
.sideTxtBox { padding:20px 25px; font-size:16px; line-height:26px; color:#666666;}
.sideTxtBox .tit { line-height:24px; padding-bottom:15px; clear:both; font-size:20px; font-weight:bold;}

.pages { margin-top:15px; padding:15px 0; line-height:20px; text-align:center; font-size:16px;}
.pages a,.pages span { display:inline-block; padding:0px 5px; margin:0px 5px;}
.pages a.dq,.pages a:hover { color:#000000;}

.weiboBox { width:405px; height:160px; float:left; margin-right:20px; overflow:hidden;}
.emailBox { width:353px; height:108px; padding:25px 25px; float:left; border:#dddddd 1px solid; overflow:hidden;}
.tougaoBox { width:405px; height:160px; float:right; overflow:hidden;} 
.dyTit { height:28px; line-height:28px; padding-left:50px; margin-bottom:25px; background:url(../images/subscribe_ico.png) no-repeat left center; font-size:20px;}
.dyForm { height:25px; padding:5px 0; border-bottom:#000000 1px solid; /*-2021-*/ position: relative;}
.dyForm .dy_input { /*width:320px;*/ height:25px; float:left; color:#2b2b2b; font-size:16px; /*-2021-*/  width: 100%; box-sizing: border-box; padding-right: 35px;}
.dySubmitBt { width:25px; height:25px; display:block; float:right; background:url(../images/submit_bt.png) no-repeat right center; cursor:pointer; /*-2021-*/ position: absolute; top: 5px; right: 5px; z-index: 10;}

.sideR .weiboBox,.sideR .emailBox,.sideR .tougaoBox { width:auto; clear:both; float:none; margin:20px auto;}
/*-----blogger-----*/
.bloggerTop { height:290px; overflow:hidden; background-color:#f6f6f6;}
.bloggerTop .pic { float:right; width:410px; height:290px;}
.blogger_Info { padding:55px 200px 50px 50px; overflow:hidden;}
.blogger_Tx { width:170px; height:170px; border-radius:50%; overflow:hidden; margin-right:45px; float:left;}
.blogger_Tx img { width:170px; height:170px; border-radius:50%;}
.blogger_txt { overflow:hidden; padding-top:40px; overflow:hidden; font-size:15px;}
.bloggerName { font-weight:bold; font-size:24px; line-height:30px;}
.bloggerNameEn { margin-bottom:10px; line-height:15px; font-size:14px; color:#7e7e7e;}

.zzTop img { width:100%; height:auto;}
.zz_indexBar { /*height:45px;*/  line-height:25px; border-bottom:#e7e7e7 2px solid; padding:15px 0 10px 0; overflow:hidden; font-size:16px; background-color:#ffffff;}
.zz_indexBar a { display:inline-block; height:25px; padding:0px 11px;  color:#999999; margin-right:1px;}
.zz_indexBar a.dq,.zz_indexBar a:hover {color:#ffffff; background-color:#0089cf; }

.zzList { width:1290px; overflow:hidden; margin:15px 0px 0px -15px;}
.zzList  li { width:33.33%; float:left; height:145px; margin:15px 0;}
.zzList .box { margin:0px 15px; height:145px; background-color:#ffffff; border-left:#d0d0d0 70px solid;}
.zzList .box .pic { width:95px; height:95px; margin:25px 25px 25px -50px; border-radius:100px; overflow:hidden; float:left; text-align:center; text-align:center; color:#ffffff; font-size:30px; background-color:#83e4ca;}
.zzList .box .pic span { display:inline-block; line-height:95px;}
.zzList .box .pic img { width:95px; height:95px;}
.zzList .box .txtCon { overflow:hidden; padding:15px 20px 0 0;}
.zzList .nameTit { display:block; line-height:20px; padding:10px 0;}
.zzList .box .pic.bg1 { background-color:#eeaf80;}
.zzList .box .pic.bg2 { background-color:#71afd0;}

/*-----channel-------*/
.bannerPd { height:135px; overflow:hidden;}
.bannerPd .pic { width:315px; height:135px; float:left; border-radius:0 0 30px 0; overflow:hidden;} .bannerPd .pic img {width:315px; height:135px;  border-radius:0 0 30px 0;}
.bannerPd .tit { padding:65px 30px; overflow:hidden; line-height:40px; font-size:40px;}
/*時事1*/
.borderPdT1 {  border-top:#ad7860 5px solid;}
.bannerPdBg1 { background-color:#ad7860;}
/*財經2 */
.borderPdT2 {  border-top:#c69a44 5px solid;}

.bannerPdBg2 { background-color:#c69a44;}
/*生活 3*/
.borderPdT3 {  border-top:#ffcccc 5px solid;}
.bannerPdBg3 { background-color:#ffcccc;}
/*科技 4 */
.borderPdT4 {  border-top:#706aa4 5px solid;}
.bannerPdBg4 { background-color:#706aa4;}
/*教育 5 */
.borderPdT5 {  border-top:#009fe4 5px solid;}
.bannerPdBg5 { background-color:#009fe4;}
/*中國 6 */
.borderPdT6 {  border-top:#da474b 5px solid;}
.bannerPdBg6 { background-color:#da474b;}
/*國際   7 */
.borderPdT7 {  border-top:#f68e2a 5px solid;}
.bannerPdBg7 { background-color:#f68e2a;}
/*房屋土地   13 */
.borderPdT13 {  border-top:#92c951 5px solid;}
.bannerPdBg13 { background-color:#92c951;}
/*軍事   14 */
.borderPdT14 {  border-top:#666666 5px solid;}
.bannerPdBg14 { background-color:#666666;}
/*文化   15 */
.borderPdT15 {  border-top:#c6007e 5px solid;}
.bannerPdBg15 { background-color:#c6007e;}
/*社會   16 */
.borderPdT16 {  border-top:#50bc82 5px solid;}
.bannerPdBg16 { background-color:#50bc82;}
/*職場   17 */
.borderPdT17 {  border-top:#009999 5px solid;}
.bannerPdBg17 { background-color:#009999;}
/*影片   18 */
.borderPdT18 {  border-top:#ff8a00 5px solid;}
.bannerPdBg18 { background-color:#ff8a00;}
/*大湾区   19 */
.borderPdT19 {  border-top:#999999 5px solid;}
.bannerPdBg19 { background-color:#999999;}
.borderPdT20 {  border-top:#999999 5px solid;}
.bannerPdBg20 { background-color:#999999;}
.borderPdT21 {  border-top:#999999 5px solid;}
.bannerPdBg21 { background-color:#999999;}
.borderPdT22 {  border-top:#999999 5px solid;}
.bannerPdBg22 { background-color:#999999;}
.borderPdT23 {  border-top:#999999 5px solid;}
.bannerPdBg23 { background-color:#999999;}

.borderPdT24 {  border-top:#999999 5px solid;}
.bannerPdBg24 { background-color:#999999;}
/*------detail-----*/
.searchBar { height:48px; padding:0px; overflow:hidden; border:#eeeeee 1px solid;}
.inputBox { display:block; overflow:hidden; height:32px; padding:8px 10px; }
.inputSearch { width:100%; display:block; height:32px; line-height:32px; overflow:hidden; font-size:16px; color:#282828; }
.searchBt { display:block; float:right; width:48px; height:48px; overflow:hidden; text-indent:-999px; background:url(../images/ico_search.png) no-repeat center center; cursor:pointer;}

.content { line-height:30px; font-size:16px; padding:25px 0;}
.content p { padding:8px 0px;}
.content img { max-width:100%; height:auto;}
h1 { line-height:32px; padding:5px 0; font-size:32px; font-weight:bold;}
.conAuthor { float:left;}
.conAuthor .txPic { width:70px; height:70px; border-radius:70px; overflow:hidden; float:left; margin-right:10px;}
.conAuthor .txPic img { width:70px; height:70px; border-radius:70px; }
.conAuthor .txt { overflow:hidden; padding-top:15px; line-height:20px; font-size:16px; }

.conAuthorR { float:right; height:25px; line-height:25px; margin-top:25px; font-size:16px;}
.fontSize { width:95px; float:right; height:16px; padding:2px 0px 2px 10px; border-left:#a5a5a5 1px solid; }
.fontSize span { display:inline-block; padding:0px 7px; height:20px; overflow:hidden; cursor:pointer;}
.fontSize #sizeS { line-height:22px; font-size:16px;}
.fontSize #sizeM { line-height:20px; font-size:20px;}
.fontSize #sizeB { line-height:16px; font-size:24px;}
.conShare { float:left; height:20px; margin:0px 10px;}
.conShare .shareIco { /*display:inline-block; */ display:block; float:left; position:relative; width:22px; height:20px; margin:0px 5px; cursor:pointer;/* overflow:hidden; */text-indent:-99px; background-image:url(../images/share_con.png); background-repeat:no-repeat;}
.conShare .share1 { background-position:0px 0px;}
.conShare .share2 { background-position:-35px 0px;}
.conShare .share3 { background-position:-73px 0px;}
.conShare .share4 { background-position:-111px 0px;}
.conShare .share5 { background-position:-148px 0px;}
.conShare .share6 { background-position:-177px 0px;}
.popQRCode { display:none; position:absolute;  z-index:9;}
.conShare .shareIco:hover .popQRCode { display:block; top:19px; left:0px;}

.topShare { float:right; height:30px; margin:0px 10px;}
.topShare .shareIco { /*display:inline-block;*/ display:block; float:left; width:30px; height:30px; margin:0px 2px; cursor:pointer; /*overflow:hidden;*/ text-indent:-99px; background-image:url(../images/share_ico.png); background-repeat:no-repeat; position:relative;}
.topShare .share1 { background-position:0px 0px;}
.topShare .share2 { background-position:-40px 0px;}
.topShare .share3 { background-position:-80px 0px;}
.topShare .share4 { background-position:-120px 0px;}
.topShare .share5 { background-position:-160px 0px;}
.topShare .shareIco .popQRCode { right:0px; top:30px;}
.topShare .shareIco:hover .popQRCode { display:block;}
.popQRCode img,.content .popQRCode img { width:120px; height:120px; max-width:120px;}

.prenextCon { clear:both; border-bottom:#9f9f9f 1px solid;}
.prenextCon .nextCon { float:right; padding:20px 40px 20px 0; line-height:24px; text-align:right; background:url(../images/con_next.png) no-repeat right center;}
.prenextCon .preCon { float:left; padding:20px 0 20px 40px; line-height:24px; text-align:left; background:url(../images/con_pre.png) no-repeat left center;}

.pinglunBox { margin:10px auto; clear:both;}
.conColTit { height:30px; line-height:30px; margin:20px auto; font-size:26px; font-weight:bold;}
.plStatus { height:25px; line-height:25px; padding:10px 0; clear:both;}

.yanzhanList { padding:15px 0;}
.conNewsList  li {  line-height:24px; font-size:18px; padding:20px 0px; overflow:hidden; border-top:#efefef 1px solid; margin-top:-1px;/* font-weight:bold;*/ color:#000000;}
.conNewsList  li a,.conNewsList  li a:visited { color:#000000;}

.aboutCon { padding-left:15px; padding-right:15px;}
.dongshiList li { width:25%; float:left; padding:10px 0px; line-height:22px;}
.dongshiList li .dsTxt { margin-right:20px;}

.ztList{ overflow:hidden; margin:15px 15px; clear:both;}
.ztList li { width:50%; float:left; padding:8px 0; height:240px;  text-align:center;}
.ztpic { margin:0 10px;overflow:hidden; position:relative;}
.ztList img { width:100%; height:240px; }
.ztList .txtBg { display:block; width:100%; height:250px; position:absolute; z-index:9; left:0; bottom:0; background:url(../images/tit_bg.png) repeat-x center bottom; text-align:left; }
.ztList .txt { width:365px;  position:absolute; z-index:10; padding:10px 20px; left:0; bottom:10px;  }
.ztList .tit { display:inline-block; line-height:32px; border-bottom:#64b74b 4px solid; font-size:24px; font-weight:bold;}

.shareMobile { display:none;}

.pcShowOnly { display:block; }
.mobileShowOnly { display:none; }

.tagBar { line-height:20px; background:url(../images/img_sprites.png) no-repeat left -180px; padding-left:25px; margin-bottom:10px; margin-top:15px; clear:both; }
.tagBar a,.tagBar a:visited { color: #3178a2; }
.tagBar a:hover { color: #51a239; }


 .pagedesc { margin: 10px 0; padding: 10px; border:#e5e5e5 1px solid; color: #484848; font-size: 12px; line-height: 20px; }
 .pagedesc h1, .pagedesc h2, .pagedesc h3 { font-size: 12px; line-height: 22px; padding: 5px 0; clear: both; font-weight: bold;}
 .pagedesc a,.pagedesc a:hover {color: #51a239;}
 .pagedesc a:hover { text-decoration: underline;}

 .popCoverNewslatter { background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; z-index: 100; left: 0; top: 0;}
 .pop_emailBox { float: none; position: absolute; z-index: 2; left: 50%; top: 50%;  -webkit-transform:translate(-50%,-50%);
   -moz-transform:translate(-50%,-50%);
   transform:translate(-50%,-50%); z-index: 1;  /*margin-left: -200px;margin-top: -80px;  top: 50%;*/  width: 500px; line-height: 26px;}
  .pop_emailBox .topH { position: relative;} .pop_emailBox .topH img { width: 100%; height: auto; vertical-align: top;}
 .pop_emailBox .topH .colseEmailBt { display: block; width: 42px; height: 42px; position: absolute; z-index: 1; background: url("../images/pop_email_close.png") no-repeat center center; background-size: cover; cursor: pointer; right: 15px; top: 50%;}
.pop_emailCon { background-color: #ffffff; padding: 10px 40px 30px 40px; color: #8a8c8f; margin-top: -1px; }
 .pop_emailCon .tit { font-size: 20px; font-weight: bold; color: #727373; line-height: 30px;}
 .pop_emailCon li { background: url("../images/pop_email_li.png") no-repeat 0 center; padding-left: 30px; line-height: 26px; margin: 5px 0; clear: both; font-size: 14px;}

 .pop_emailCon .dyForm { height:38px;  border:none;}
 .pop_emailCon .dyForm .dyInputBox { overflow: hidden; background-color: #f9f6de; height:20px; padding:8px 5px;}
 .pop_emailCon .dyForm .dy_input { width:100%; height:20px; line-height: 20px; float:left; color:#2b2b2b; font-size:16px; background-color: #f9f6de;}
 .pop_emailCon  .dySubmitBt { width:70px; height:38px; text-align: center; line-height: 38px; display:block; float:right; background:#f18144; cursor:pointer;}

.youtube_frame,.content p.youtube_frame { width: 100%; height: 0; padding-bottom: 56%; position: relative; }
.youtube_frame iframe,p.youtube_frame iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

@media all and (max-width: 750px) { 
body { padding-top:40px;}
.wrapMain { overflow-x: hidden; }
.wrapMain,.header { width:auto;} 
.topBar,.header,.topBanner,.footerHudong,.bloggerTop .pic,.conAuthorR,.topicBanner,.tagBanner,.bannerPd, .prenextCon { display:none;}
.sideR { display:none;}
.borderT70 {border-top:#ffffff 60px solid;}

.topBarM { display:block; width:100%; height:40px; background:#64b74b url(../images/logo_m.png) no-repeat center center; background-size:auto 35px; line-height:40px; position:fixed; top:0px; z-index:999999;}
a.homeico { display:block; left:0px; top:0; z-index:9; width:40px; height:40px; background:url(../images/ico_m.png) no-repeat 3px 3px; position:absolute; background-size:30px auto;}
.navico { display:block;/* width:100%;*/ right:0px; top:0; z-index:9; width:40px; height:40px; background:url(../images/ico_m.png) no-repeat 0px -50px; position:absolute;}
#navCon { display:none; background-color:#ffffff; position:absolute; width:100%; left:0px; z-index:999999; top:40px; box-sizing: border-box; padding: 0px 20px 20px 20px; overflow-y: auto; }
#navCon p { clear: both; width: 100%; font-weight: bold;}	
#navCon a { display:block; /*margin:0px 20px;*/ color:#333333; height: 30px; line-height: 30px; float: left; width: 50%;}

.indexColBox { width:100%;}
.indexColMar { margin-right:0px;}

.swiper-container { width:100%; margin:0;}
.swiper-slide {width:100%; height:auto; max-height:250px; margin:0px; float:none; clear:both; }
.swiper-container img { width:100%; height:auto; }
.swiper-container .swiper-slide .txt { width:auto; padding: 10px 15px;}	
.mobileShow { display:block;}
.pcShowOnly { display:none; }
.mobileShowOnly { display:block; }

.indexColBox { width:100%;}
.indexColMar { margin-right:0px;}
.zzList { width:100%; margin:0;}
.zzList  li { width:100%; float:none; margin:5px 0;}
.zzList .box { margin:0px 5px;}
.newsList .pic { width:150px; margin-right:15px; min-height:80px;} .newsList  li { padding:10px 15px 10px 15px;}
.newsList .summary { max-height:60px; overflow:hidden; line-height:20px;}
.sideMainCon { padding:0 10px;}

.newsTop { padding:15px 10px;}
.newsTop .pic { width:180px; margin-right:10px;}
.newsTop .summary { max-height:96px; }

.dongshiList li { width:100%; float:none; padding:10px 0px; line-height:22px;}
.dongshiList li .dsTxt { margin:0px;}

.ztList{ overflow:hidden; margin:5px; clear:both;}
.ztList li { width:100%; float:none; height:auto; text-align:center;}
.ztpic { margin:0;}
.ztList img { width:100%; height:auto; }

.pages a, .pages span {display:none;}
.pages a.dq,.pages a.lt,.pages a.gt, .pages span.disBlock {display:inline-block;}

.sideTit { height:24px; line-height:24px; padding:15px 5px 5px 5px; font-size:24px;}
.indexBlogList li { padding:10px 5px;}

.sideTxtBox { padding:15px 5px; }
.sideTxtBox .tit { padding-bottom:5px;}

.columnList  li {  padding:15px 5px;}

.sideTxtBox { padding:15px 5px;}
.sideTxtBox .tit { padding-bottom:5px;}

.column1List  li {  padding:15px 5px;}

.newsList  li { padding:10px 5px 10px 5px; border-top:#efefef 1px solid; overflow:hidden; margin-top:-1px;}

.bloggerTop { height:auto;}
.blogger_Info { padding:5px;}
.blogger_Tx { width:70px; height:70px; border-radius:50%; overflow:hidden; float:left; margin-right:5px;}
.blogger_Tx img { width:70px; height:70px; border-radius:50%;}
.blogger_txt { padding-top:15px;}
.bloggerName { font-weight:bold; font-size:24px; line-height:30px;}
.bloggerNameEn { clear:both; margin-bottom:10px; }

.conColTit { margin:10px auto;}
.newsList.connewTop  li { padding:5px 0px; }
.yanzhanList { padding:0;}
.conNewsList  li { padding:10px 0px;}
.content { line-height:32px; font-size:20px; padding:25px 0;}

.footer { padding:10px; }
.footer p { width:100%; text-align:center; }

.shareMobile { display:block; height:40px; z-index:1000000; width:100%; clear:both; box-sizing:border-box;}
.shareMobile.scrolltop { background-color:#64b74b; text-align:right; right:40px;}
.shareMobile .shareIco { display:inline-block; margin:5px 2px; width:30px; height:30px; background-image:url(../images/share_mobile.png); background-repeat:no-repeat;}
.shareMobile  .shareIco.share1{ background-position:0 0;}
.shareMobile  .shareIco.share2 { background-position:0 -40px;}
.shareMobile .shareLike { display: inline-block; height: 30px; overflow: hidden; vertical-align: top; margin-left: 5px;}	

.pop_emailBox { width: 100%; padding: 0 10px; box-sizing: border-box;}
.pop_emailBox .topH .colseEmailBt { width: 30px; height: 30px; }
	
	.emailBox  { width: auto; }
}