/*css reset*/
/*别删，有的得看情况调一下宽度*/
.archcon .arc-listit{width:120px;}
.columimg{width:460px;}
.chooseAll{margin:0;}
.toolBox1{padding-top:20px;}
.toolBox2{padding-top:20px;}
.footer{position: relative;z-index: 2000;}
.inner{width:1170px;margin:0 auto;}
/*所有颜色*/
.mainColor{color:#006766;} /**页面字体需要变主色调，直接调用mainColor;**/
.header-nav,.tab-ul-index li.active,.article-list-journalg,.footer .top,.phone-nav,.main .article-content ul#htmlContent2 h3.full-text,
#page-tag-div .pagination>.active>a,.comtit,.archcon.archcon-new dl dd.archconVol,.archcon.archcon-new dl dd.active,
.archcon .arc-listit dd.active,.archcon .arc-listit .arctpoint,.tab-ul-index li.active,.footer .btmb,
.header-nav,.header-nav ul > li ol,.qikan .subBtn,.header-nav,.pageTagsUl li.current,.pageTagsUl li.clickpage:hover{background-color: #006766;}
/*滑上去的颜色*/
.header-nav ul > li.active > a,.header-nav ul > li ol li:hover,.header-nav ul > li:hover > a{background:#1fa09f;}
/*向上箭头*/
.bottom-fixed{width: 50px; height: 50px;cursor: pointer;position: fixed; bottom: 20px; right: 20px; z-index: 5000;background: #006766 url("../images/custom//back_top.png") no-repeat center center; display: none;}
.arcmethod li.active,.phone-nav{border-color:#006766;}
.derived i.current,.base-title .more:hover,.news-list li a:hover,.article-list-title a:hover, .article-list-author a:hover,.article-list-time a:hover,.article-list-zy font a:hover{color:#006766;}
#page-tag-div .pagination>.active>a{border-color:#006766;}
.footer .btmb{padding-top:8px;padding-bottom:8px;}
/*手机下拉颜色有透明度，自己看着写*/
.phone-nav .search-app-wrap,.smallUl{background: rgba(31, 160, 159, 0.9);}
/*以上是需要改颜色的*/
.footer .top span{margin-right:10px;}
.smallUl{ z-index: 1000; width: 100%; left: 0; right: 0; margin: auto; position: absolute; display: none;}
.smallUl a{color: #fff; display: block; line-height: 24px;}
.smallUl>li{text-align: left; border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.smallUl li > a{padding: 0 4%; font-size: 16px; line-height: 40px; position: relative; display: block;}
.smallUl > li > a span{margin: 0 0 0 10px;}
.smallUl > li > a span img{vertical-align: middle; margin: -3px 0 0; transition: all 0.2s;}
.smallUl > li > a span.active img{transform: rotate(90deg);}
.smallUl > li > ol{display: none;}
.smallUl > li > ol a{padding: 0 8%;}

.navList{width: 30px; cursor: pointer;}
.navList span{height: 3px; background-color: #fff; margin: 0 0 8px 0; display: block; transition: all 0.5s;}
.navList span:last-child{margin: 0;}
.navList{display: block;padding-top:4px;}
.navList span:last-child{margin: 0;}

.phone-nav input::-webkit-input-placeholder{color: #fff; opacity: 1;}
.phone-nav .text{background: #fff;}
.phone-nav .text{line-height: 19px; padding: 3px 10px; color: #fff; margin: 0 0 0 15px; border-radius: 4px 0 0 4px;}
.phone-nav .sub{width: 35px; height: 25px; background: #fff url(../images/custom/custom/search1.png) no-repeat center center; background-size: 16px 16px; border-radius: 0 4px 4px 0;}
.phone-nav .en{line-height: 25px; color: #fff;}

.phone-nav .search-app-wrap{display: none;position: absolute;left: 0;width: 100%;top: 50px;z-index: 2000;padding: 8px 0;}
.phone-nav .search-app-wrap select{width: 23%;border: none;height: 30px;border-radius: 4px;padding: 0 0 0 5px;background: rgba(255, 255, 255, 0.2);color: #fff;}
.phone-nav .search-app-wrap select option{background: rgba(19, 115, 122, 0.9);}
.phone-nav .search-app-wrap .text{width: 75%;margin: 0 0 0 2%;border-radius: 4px;height: 30px;}
.phone-nav .search-app-wrap .sub{width: 30px;height: 30px;background: rgba(255, 255, 255, 0.2) url("../images/custom/search1.png") no-repeat center center;background-size: 22px;position: absolute;right: 15px;top: 8px;}
.header .logo{width: 50%;}
.header .logo img{max-width: 100%;}
.header .bot{background-size: cover;}
.phone-nav{padding: 8px 0;position: relative;}
.phone-nav .en{line-height: 25px;color: #fff;}
.phone-nav .text, .phone-nav .sub{background: rgba(255, 255, 255, .2);}
.phone-nav .text{line-height: 19px;padding: 3px 10px;color: #fff;margin: 0 0 0 15px;border-radius: 4px 0 0 4px;}
.phone-nav .sub{width: 35px;height: 25px;background: rgba(255, 255, 255, .2) url(../images/custom/custom/search1.png) no-repeat center center;background-size: 16px 16px;border-radius: 0 4px 4px 0;}
.search-wrapper{display: none;}
/*手机菜单2*/
/* .phone-nav .container .logo{display: block;padding: 2px 0 0 20px;position: relative;} */
.phone-nav .container .logo img{max-width: 170px;max-height:34px;}
/* .phone-nav .container .logo:before{content: '';width: 1px;height: 80%;background: #fff;position: absolute;left: 6px;top: 2px;bottom: 0;margin: auto;} */
.phone-nav .container .search-app{display: block;background: url("../images/custom//search2.png") no-repeat center center;width: 34px;height: 34px;background-size: 30px;color: #fff;margin-left:5px;}
.phone-nav .container .search-app.active{background: url("../images/custom//close-app.png") no-repeat center center;background-size: 32px;}
.main-right .current-ul li .tit{width: 100%;float: none;}
.main-right .current-ul li .right{float: none;}
.main-right .current-ul a{display: inline-block;}
.main-right .banner .item .text p{width: 70%;}
.main-right .current-ul li .box{padding: 8px 0;}
.search-wrap .in-bl{width: 100%;}
.search-wrap .form-group{margin-left: 0;margin-right: 0;}

@media screen and (max-width: 375px) {
    .phone-nav .search-app-wrap .text{width:74%;}
    .phone-nav .search-app-wrap select{width:24%;}
}
/**********************************/


.tab-ul-index li {width:97px;}
.archcon.archcon-new dl dd{min-width:50px;}
.weekcon{margin-right:28px;}
#mescroll .main{background:transparent;}
body{font-size: 13px;}
.commcon{background: #fff;padding: 18px 0;margin-bottom: 20px;}
.pad20{padding:0 20px;}
.pad15{padding-left:15px;padding-right: 15px;}
.comwrap{padding-bottom: 5px;min-height:160px;}
.comtit{width: 100%;background: #006766; font-size: 16px;font-weight: bold; height: 38px;line-height: 38px;color: #fff;position: relative;padding-left: 47px;}
.comtit span{display: block;position: absolute;width: 20px;height: 20px;top:7px; left: 20px;background: url(../images/custom/icotit.png) no-repeat;}
.comtit a{position: absolute; right: 8px;color: #fff;font-size: 10px;}
.comlist li {position: relative;margin-bottom: 8px;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.comlist li a{padding-left: 20px;color: #333;display: block;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.comlist li a span{position: absolute;top:4px;left: 10px;display:block;width: 5px;height: 11px;background: url(../images/custom/icolist.png) no-repeat;}
.qkjj .comtit,.tsg .comtit{height: 34px;line-height: 34px;}
.qkxx .comtit span{background-position: 0px -31px;}
.videowrap .comtit span{background-position: 0px -58px;}
.btmads .comtit span{background-position: 0px -80px;}

.qkdt .comlist li a,.yqlj .comlist li a{padding-left: 8px;}
.qkdt .comlist li a span{width: 17px;height: 17px;line-height: 17px; border-radius: 50%;background: #b8b8b8;color: #fff;text-align: center;position: initial;float: left;margin-right: 8px;}
.qkdt .comlist li.active a span{background: #a93237;}
/*css reset end*/
body,.articleBody{background: #faf8e8;}
.header{background: #006666;}
.main-left{padding: 15px;background:#fff;}
.main-right{padding: 0 0 0 15px;}
.index-left{padding: 0 10px 0 0;}
.index-mid{padding: 0 0 0 20px;}
/*banner*/
.banner{background: #fff; position: relative;overflow: hidden;height:313px;}
.bannerbg{ margin:0 0 7px;position: relative;top: 0;}
.banner .col-lg-12{padding: 0;}
.banner .bancon{padding: 30px 60px;max-height:313px;}
.banner .bancon .item{overflow: hidden;}
.banner .bancon .carousel-control{width: 32px;height: 32px;top: 45%;opacity:1;}
.banner .bancon .carousel-control.leftbanner{left: 15px;}
.banner .bancon .carousel-control.rightbanner{left: auto;right: 15px;}
.banner .pic{width: 507px;height: 236px;display: block;float: left;border: 1px solid #b0b0b0;overflow: hidden;}
.banner .pic img{width: 100%;}
.banner .pic+.text{padding-left: 22px;float: left;width: 540px;}
.banner .text .tit{display: block; font-size: 15px; font-weight: bolder; line-height: 22px;margin-bottom: 5px;}
.banner .text .tit a,.banner .text .titen a{color: #333;}
.banner .text .titen{font-size: 14px;line-height: 20px;margin-bottom: 3px;font-family: arial;}
.banner .text .tit:hover{text-decoration: underline;}
.banner .text .author{padding-bottom: 16px;margin-bottom: 16px;border-bottom: dashed 1px #ccc;}
.banner .text .author a{ font-size: 12px; line-height: 22px;}
.banner .text .author a:hover{text-decoration: underline;}
.banner .text .abstrac {font-size: 12px;line-height: 24px;}
.banner .text .abstrac span{color: #666;}
.banner-abs .abstrac {-webkit-line-clamp: 5;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.banner .carousel-indicators li{width: 23px;height: 6px;background: #dbe0e0;margin: 0 2.5px;border-radius: 5px;}
.banner .carousel-indicators li.active{background: #006766;margin: 0 2.5px;}

.qkbook .qkbookimg{margin-right: 24px;max-width: 200px;}
.qkbook .qkbookimg img{width:100%;}
.qkbook .qkjs{font-size: 13px;line-height: 28px;position: relative;top: -6px;}
.qkbook .qkjs p{text-indent: 2em;}
.qkbook .qkjs .qkxxmore{margin-left: 15px; color: #006766;}
.qkbook .qkjs .qkxxmore img{position:relative;top:-2px;left: 8px;}
.qkjj .commcon{padding: 18px 20px 18px;}
.qkxx .commcon{padding: 15px 13px;}
.qkxxcon p{font-size:12px;overflow: hidden;line-height: 25px;}
.qkxxcon p strong{float: left;}
.qkxxcon p span{display: block;max-width: 75%;float: left;}
.QRcodewrap{padding: 18px 5px;}
.QRcodewrap p{width: 50%;text-align: center;float: left;}
.QRcodewrap p img{display: block;    margin: 0 auto 8px;}
/*middle*/
.index-mid .articleBoxMargin{background: #fff;padding-top:20px;}
.tab-ul-index li:last-child{margin: 0;}
.article-list-title a{color: #000;font-weight: bold;}
.article-list-zy a img{margin-right: 5px;}
.article-list{border-bottom:dashed  1px #d9d9d9;}
.device,.picBox,.picList li,.picList li a{width:500px;}
.articlewrap{overflow-y: scroll;}
.toolBoxBorder{padding:0 20px;}
.priorityPrompt{padding: 0px;line-height: 18px;font-size: 12px;}

.toolBox2{margin-bottom: 10px;}
/*right*/
.tsg .comtit{text-align: center;padding: 0;}
.tsg .comtit img{margin-right: 2px;}
.tsgcon li{height: 42px;line-height: 42px;margin-bottom: 9px;border:solid 1px #cecece;border-bottom: 0; border-radius: 8px; background:#881900;}
.tsgcon li a{display: block;text-align: center;font-weight: bold;font-size: 15px;color: #fff;}
.tsgcon li a img{margin-right: 10px;}
.emailrss{padding-top:10px;}
.emailrss p{text-align: center;width: 50%;float: left;font-size: 16px;}
.emailrss p img{display: block;margin:0 auto 5px;}
.xmlbtn a{position: relative;display: block;height: 48px;line-height: 48px; width: 100%;background: url(../images/custom/icoXMLBG.png) no-repeat #008fe5;border-radius: 10px;margin-bottom: 20px;}
.xmlbtn a img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.seafl .form-group{width: 40%;margin-right: 10px;}
.search h4{margin-bottom: 8px;font-size: 15px;}
.search .form-control{height: 27px;padding: 0 5px;border-radius: 0;background: url(../images/custom/select_arrow.png) no-repeat right -5px center;border: solid 1px #666;}
.search .tj{height: 25px;text-decoration: underline;color: #555;font-weight: bold;}
.search .tj:hover{color: #0960c0;}
.seafl .gjcselect{width: 34%;} 
.seafl .gjcfield{width: 41%;}
.commcon.search{position: relative;}
.gjss{position: absolute;top: 0;right:0;}
.videowrap{position: relative;margin-bottom: 20px;}
.videowrap .videotit{background: rgba(0,0,0,0.58);position: absolute;bottom: 0px;width: 100%;}
.videowrap .videotit a{color: #fff;display: block;padding: 10px 5px;}
.videowrap .videotit a img{margin-right: 8px;}
.videowrap .video{height: 170px;}
.adscon .adstit{color: #999;font-size: 13px;margin-bottom: 5px;}
.adscon  a img{width: 100%;border: solid 1px #dadada;}
.btmads{padding:20px 0 0;}
/*.wrap-f-ads{
	width: 100%;
	margin-top:20px;
}
.f-ads{
	width: 100%;
	height: 160px;
    overflow: hidden;
    margin: 20px 0;
}
.f-ads:hover{
	cursor: pointer;
}
.f-ads .f-adsimg{
	height: 150px;
	float: left;
}
.f-ads .f-adsimg div{
	width:150px;
	float: left;
	margin:5px 10px;
}*/

.footer p{line-height: 20px;}
.footer p,.footer p a{color: #fff;font-size: 12px;}
.footer p.Supported{line-height: 20px;}
.footer .btmt{background: #006766;padding: 15px 0;line-height: 20px;}
.footer p.support{height: 38px;line-height: 38px;background: #34424b;border-top: solid 1px #646e74;}


.mainhref{color: #0960c0;}

/*header*/ /*change*/
.header .logo{display: block;margin-top: 60px;}
.header .logo img{max-width: 100%;}
.header .logor li{color: #fff;font-size: 12px;text-align: right;line-height: 18px;}
.top .nav{border-top:solid 1px #1fa09f;border-bottom:solid 1px #1fa09f;height: 38px;line-height: 38px;text-align: center;}
.top .nav ul>li{float: left;font-size: 15px;position: relative;height: 38px;color:#fff;}
.top .nav li a{color: #fff;display: block;text-align: center;padding: 0 22px;}
.top .nav li.dateCon{color: #fff;margin-right: 26px;}
.nav-second{display: none;position: absolute;z-index: 100;background: #005bc4;}
.header-nav{border-top:solid 2px #fff;}
.header-nav .container{padding:0;}
.header-nav ul > li{float: left; position: relative;text-align: center;}
.header-nav ul > li > a{display: block; color: #fff; line-height: 36px;font-size: 15px;padding:0 23px;}
.header-nav-en ul > li > a{padding:0 20px;}
.header-nav ul > li > a span{display: inline-block; width: 7px; height: 4px; background-size: 7px 4px; margin-left: 6px; position: relative; top: -3px;}
.header-nav ul > li ol{background:#fff; position: absolute;  left: 0; top: 36px; min-width: 100%; z-index: 101; display: none;border:#1fa09f solid 1px;}

.top .header-nav ul > li ol li a{color: #333; display: block; padding: 0 26px; white-space: nowrap; line-height: 34px;}
.phone-nav .sub{background: #fff url("../images/custom/search1.png") no-repeat center center;}
.header-nav ul > li > a span{background: url("../images/custom/nav-arrow1.png") no-repeat center center;}
/*search*/
.qikan.search{margin: 0.2em 0 0.2em 0.2em;}
.qikan select,.qikan input{height: 34px;border: solid 1px #ccc;border-radius: 4%;border-radius:5px;padding-left: 0.3em;}
.qikan input{background: #fff;}
.qikan input{border-radius:5px 0 0 5px;}
.qikan .subBtn{border: 0;display: block;float: right;height: 34px;line-height: 34px;text-align: center;width: 66px;color: #fff;border-radius: 0 5px 5px 0;position: relative;left: -1px;}

/*left*/
.main-left .tou{display: block;}
.main-left .tou img{width: 100%;}
.main-left .book{background: #e3feee; padding: 10px 10px 14px; margin: 0 0 13px;}
.main-left .book .left{display: block; width: 130px; padding: 9px 0 0;}
.main-left .book .left img{width: 100%; border: 2px solid #c1ffda; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);}
.main-left .book .right{color: #333; padding: 0 0 0 9px; width: 166px;}
.main-left .book .right .tit{font-size: 16px; line-height: 33px; font-weight: bolder;}
.main-left .book .right p{font-size: 13px; line-height: 23px;}
.base-title{font-size: 16px; color: #333; line-height: 38px; border-bottom: 2px solid #eee;}
.base-title .left img{margin: 0 10px 0 0;}
.base-title .more{color: #666; font-size: 13px; line-height: 38px;}
.base-title .more:hover{ text-decoration: underline;}
.main-left .video{display: block; position: relative; padding: 17px 0 0; margin: 0 0 13px;}
.main-left .video img{width: 100%;}
.main-left .video p{height: 34px; line-height: 34px; color: #fff; font-size: 12px; padding: 0 10px 0 37px; background: rgba(0, 0, 0, 0.6) url("../images/custom/video2_03.png") no-repeat 10px 9px; position: absolute; left: 0; bottom: 0; width: 100%;}
.news-list{padding: 12px 16px 0;}
.news-list li a{display: block; font-size: 13px; color: #333; line-height: 28px; position: relative; padding: 0 0 0 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news-list li a:before{content: ''; width: 4px; height: 4px; background: #333; border-radius: 50%; position: absolute; left: 0; top: 12px;}
.news-list li a:hover{text-decoration: underline;}

.adscon a:not(:first-of-type) img{height:64px;margin-top:10px;}
/*footer*/

.footer{text-align: center;position:relative;z-index:2000;background: #0960c0;}
.footer a{color: #fff;}
.footer .btmb a{line-height: 22px;}
.footer .btmb a:hover{text-decoration: underline;}
/*lunbo*/
/*lunbo*/
#container{
	width: 100%;
	height: 198px;
	margin: 0 auto;
}
#scollContainer{
	position: relative;  /*里面的ul是绝对定位，所以父容器做成相对定位*/
	width: 96%;
	height: 198px;
	float: left;
	overflow: hidden;
}
#scollContainer ul{
	margin: 0;
	padding: 0;
	position: absolute;
	width:100%;
	height: 150px;
	left: 0px;
	top: 0px;
	list-style: none;
	overflow: hidden;
}
#scollContainer li{
	width: 150px;
	height: 150px;
	float: left;
	margin:0 10px;
}
#scollContainer li img{margin-bottom: 5px;width:148px;height:128px;}
#container .jiantou{
	width: 2%;
	height: 150px;
	float: left;
}
.main-en .tab-ul-index li{width: 102px;}
.main-en .tab-ul-index li a{font-size: 12px;}


.booklist li{width: 16%;margin-left: 5px}



body {font-family:"微软雅黑","Arial","Helvetica,sans-serif","Microsoft YaHei";}


/* 新闻详情页 */
.shareMargin{margin: 0 0 10px;}
.news-detail-body .rh-edit-news-detail p{margin-bottom: 0px;}
.news-detail-body .rh-edit-news-detail a {text-decoration:none;color: #666;}
.news-detail-body .rh-edit-news-detail a:hover{text-decoration: underline!important;}
.news-detail-body .rh-edit-news-detail table td{padding: 10px 10px 10px 10px;}
.news-detail-body .box-article-content table tr td{vertical-align:middle;}
.news-detail-body .rh-edit-news-detail > div{margin-bottom: 0px;}
.news-detail-body .box-article h3{margin: 0 0 10px 0;line-height:1;}
.news-detail-body .rh-edit-news-detail p{margin-bottom: 10px;}


/* 新闻列表页 */
#newsListColumn .journalIssue {margin-bottom:0px; padding-bottom: 0px;}


/* 列表页 */
.index-body.en #latestAcceptedList,.index-body.en #latestList{padding: 20px 0 10px 0;}
.index-body.en #latestList .article-list .article-list-left{display: none;}
.latest-accepted-body #latestAcceptedList .article-list-left span,#latestList .article-list-left span{display:inline-block;width:16px;height:17px;background:url(../images/custom/list.png) no-repeat 0;}
.article-list-zy .font1::before{content: "";display: inline-block;width: 16px;height: 18px;background: url(../images/custom/icozy.png) no-repeat center;margin-right: 3px;vertical-align: middle;margin-bottom: 2px;}
.article-list-zy .font2::before{content: "";display: inline-block;width: 16px;height: 18px;background: url(../images/custom/icohtm.png) no-repeat center;margin-right: 3px;vertical-align: middle;margin-bottom: 2px;}
.article-list-zy .font3::before{content: "";display: inline-block;width: 17px;height: 18px;background: url(../images/custom/icopdf.png) no-repeat center;margin-right: 3px;vertical-align: middle;margin-bottom: 2px;}
.catalog >a {background:#006766;border-radius:3px;color:#fff;border:0;padding:0 9px;display: inline-block;height: 28px; line-height:25px; margin-left: 15px; position: relative; cursor:pointer;}


/* 文章详情页 */
body .articleBody.rticleBodyEn{font-size:14px; color:#333;font-family:"微软雅黑","Arial","Helvetica,sans-serif","Microsoft YaHei"!important;}
body .content{font-family: 'OpenSans', 'arial';}
.articleBody.articleBodyEn .article-tab-box{min-height:300px;font-size: 13px;line-height: 1.5em;}
.quot-en{font-size: 13px;}

@media only screen and (min-width: 1230px) {
	.header .container{padding:0;}
	.main .container{
		width: 1200px;
	}
	.banner .bancon{height:313px;}
}
@media only screen and (min-width: 1200px) {
	.articlewrap{padding-left:20px;}
	.author-box .author-content ul span{position:relative;}
	}
@media only screen and (max-width: 1200px){
	.curtu-show{display:block;height:auto;visibility:inherit;width:100%;padding:0 0 10px;}
  	.curtu-show .picBox{width:100%;}
    .curtu-show .picList li,.curtu-show .picList li a{width:100%;display:block;}
    .curtu-show .picList li a img{max-width:100% !important;}
    .curtu-show .picPrev,.curtu-show .picNext{display:none;}
	
    .qkxxcon .qkbook{float:none !important;}
    .qkxxcon .qkbook a{margin:0 auto;}
    .qkxxcon .bookr{position: initial;text-align:center;}
    .qkxxcon .bookr>div{width:auto;}
    .qkxxcon .bookr.bookE p span{display: block;width: 75%;float: left;}
    .tabulwrap .tab-ul li{background:#afafaf !important;width: 32% !important;margin-right: 1%;text-align: center;}
    .tabulwrap .tab-ul li a{width:auto;margin:0 !important;}
    .tabulwrap .tab-ul li.active{background:#0960c0 !important;}
    .tabulwrap .tab-ul.tab-ul-en li a{width:auto;}
    .smallLine{display:none;}
    .qkxxcon .bookr p{text-align:left;}
    .banner .pic,.banner .text{width:50%;}
    .comwrap.qkxx{text-align: center;width:100%;background:#fff;}
    .qkxx .commcon{display: inline-block;text-align:left;}
    .index-left{padding:0 0 20px 0;}
    .index-mid{padding:0 0 10px 0;}
}

@media screen and (max-width: 992px){
	.main-right,.main-left{padding:20px 0 20px 0 !important;}
    .main-left{display: flex;flex-direction: column;}
    .main-left .qkjj{order: 3;}
    .main-left .col-lg-4{order: 2;}
    .main-left .col-lg-8{order: 1;}
    .banner{margin-bottom: 20px;}
    .banner .abstrac {display: none;}
    .banner .carousel-indicators{margin-bottom: -20px;}
    .article-list{padding-left: 0;padding-right: 0;}
    .main-left .contentArea-left-bg{padding-left: 15px;padding-right: 15px;}
}
@media screen and (max-width: 767px) { 
  .article-list-left{display:none;}
      .box-tan{width:100% !important;}
    .js-qrcode-close{width:20px;height:20px;background-size:20px 20px;}
    .tab-ul-index li a{font-size:14px;}
    #mescroll .main{padding-left:15px;padding-right:15px;}
    .bottom-fixed{width:34px;height:34px;background-size:24px 24px;border-radius:50%;}
    .arc-listit{float: none;}
    .columimg{width: 100%;float: none;}
    .arcimgeng .archimg li{width: 100%;}
    .archcon .archimg li{margin: 0 0 10px;}
    .contentArea-left, .contentArea-right{width: 100%;float: none;}
    .header .right img{width: 30px;}
    .message .left .mes-swiper a, .message .swiper-wrapper{width: 100% !important;}
    .message .right .search{padding: 0;float: none;width: 100%;}
    .message .right .sub{margin: 0;}
    .message .right .advanced{float: none;display: inline-block;margin: 10px 10px 0 0;}
    .message .right .email-alert{float: none;display: inline-block;}
    .footer .top span{margin-rigth:0;display:block;}
    .table-tit{font-size:15px;line-height:25px;}
    .articlewrap{overflow-y: auto;height:auto !important;}
    .qkjj .commcon{margin-bottom:15px;}
    .footer p.support{height: auto;padding: 10px 0;line-height: initial;}
 .banner .pic, .banner .text{width: auto;float: none;padding: 0;}   
 .banner .titen , .banner .author{display: none;}
 .banner .bantxt {position: absolute;bottom: 0;padding: 0 15px 10px;margin: 0;}
  .banner .bantxt   > p{display: none;}
  .banner .bancon{padding: 20px 30px ;}
}
@media screen and (min-width: 768px) { 
  .articleBoxMargin #myTab{margin: 0 20px 20px ;}
  .articleBoxMargin #myTab.tab-ulE{margin: 0 10px;}
 
}
@media screen and (max-width: 560px) {
    .tab-ul-index li{width:95px;}
    .common-remark .imgcover{padding:0;}
    .common-remark .imgcoverr{padding:0 0 0 15px;}
    .pageTagsUl li{border:none;font-size:13px;padding:4px;margin:0;}
    .pageTagsUl li:hover{background:none;color:#333;}
    .pageTagsUl li.first,.pageTagsUl li.gong{display:none;}
    .pageTagsUl li.current{background:none;color:#1280df;}
   /* .article-list{padding-left:0;padding-right:0;}*/
    .wid .article-list{padding:15px 0;}
    .pageTagsUl li.input input{width:20px;line-height:20px;border:1px solid #ddd;}
    .main-right .article-browse li a img{height: auto;}
    .email-input{width:100%;}
    .footer .bottom,.footer .top,.footer .btmb{padding-left:15px;padding-right:15px;}
    .footer .span1,.footer .span2,.footer .btmb-span{display:block;}
    
}
@media screen and (max-width: 375px) {
    .header .logo{width: 23%;}
    .main-right .tab-ul{border-bottom: 1px solid #bebebe;}
    .main-right .tab-ul li{float: left;width: 130px;background: #e5e5e5;text-align: center;margin: 0 10px 0 0;}
    .main-right .tab-ul li.active{background: #26804a;}
    .main-right .tab-ul li.active a{color: #fff;font-weight: bolder;}
    .main-right .tab-ul li a{font-size: 16px;color: #242424;display: block;line-height: 37px;}
    
}


#figTab .table_content img{min-width:auto;}



@media (max-width: 1200px){
.main > .container{padding-left: 15px;padding-right: 15px;}
}

@media (max-width: 768px){
.item-div{padding:20px 15px;}
.toolBoxBorder{padding: 0 0;}
}