/*css reset*/

.archcon .arc-listit { width: 120px; } 

.columimg { width: 460px; } 

.col-lg-8 .archcon .archimg li,
.col-lg-9 .archcon .archimg li { width: 25%; } 

.col-lg-8 .columimg { width: 680px; } 

.col-lg-9 .columimg { width: 780px; } 

.chooseAll { margin: 0; } 

.toolBox1 { padding-top: 20px; } 

.toolBox2 { padding-top: 20px; } 

.footer { position: relative; z-index: 999; } 

.weixinBox{z-index: 998;}

.inner { width: 1170px; margin: 0 auto; } 

.mainColor,
.reference-tab .td2 a,
.article-list a .mainColor { color: #206BD1; } 


.article-pc .mainColor,
.article-main-mid a { color: #206BD1; } 

.content .article .article-left .togglebtn i { padding: 2px; } 


.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,
.header-nav,
.qikan .subBtn,
.header-nav,
.pageTagsUl li.current,
.pageTagsUl li.clickpage:hover,
.messageBoard .tj,
.btn-primary,
.guokan-tit .guokan-tab li.curr,
.guokan-dl dd.active,
.guokan-dl dd.years,
.guokan-dlyear dt,
.catagory-more,
.search-item-wrap .tj { background-color: #206BD1; } 

.header-nav ul>li ol { background: rgba(9, 0, 94, .6); } 

.guokan-tit h2 { color: #206BD1; } 


.header-nav ul>li.active>a,.header-nav ul>li:hover>a,.header-nav ul>li ol li:hover{background: linear-gradient(-64deg, #F68A2B, #F7A32D, #F8BF2D);}

.bottom-fixed { width: 50px; height: 50px; cursor: pointer; position: fixed; bottom: 20px; right: 20px; z-index: 5000; background: #206BD1 url("../../../style/images/public/back_top.png") no-repeat center center; display: none; } 

.arcmethod li.active,
.phone-nav { border-color: #26804a; } 

.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: #206BD1; text-decoration: none; } 

#page-tag-div .pagination>.active>a { border-color: #206BD1; } 

.phone-nav .search-app-wrap,
.smallUl,
.phone-nav .search-app-wrap select option { background: rgba(32, 107, 204, 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; margin-right: 5px; } 

.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(/style/images/public/search2.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: #206BD1 url(../../../style/images/public/select_arrow.png) no-repeat scroll right center; color: #fff; } 

.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("../../../style/images/public/search2.png") no-repeat center center; background-size: 22px; position: absolute; right: 15px; top: 8px; } 

/*.header .logo { width: 50%; } */
.header .logo img { max-width: 600px; } 

.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 35px 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(/style/images/custom/search1.png) no-repeat center center; background-size: 16px 16px; border-radius: 0 4px 4px 0; } 


.phone-nav .container .logo { display: block; padding: 2px 0 0 0px; position: relative;margin: 0; } 

.phone-nav .container .logo img { max-width: 170px; max-height: 34px; } 


.phone-nav .container .search-app { display: block; background: url("../../../style/images/public/search2.png") no-repeat center center; width: 34px; height: 34px; background-size: 30px; color: #fff; } 

.phone-nav .container .search-app.active { background: url("../../../style/images/public/close-app.png") no-repeat center center; background-size: 32px; } 



.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%; } 
}

.top .header-nav ul>li:hover { background: #206BD1; } 

.top .nav { border-top: solid 2px #fff; height: 50px; line-height: 50px; text-align: center; } 

.top .nav ul>li { float: left; font-size: 16px; position: relative; padding: 0 20px; } 

.top .nav li a { color: #fff; font-size: 17px; display: block; text-align: center; padding: 0; } 

.top .nav ul li a:hover,
.top .nav li.active { text-decoration: none; color: #fff; } 

.nav-second { display: none; position: absolute; z-index: 100; } 

.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: 34px; font-size: 17px; padding: 0 23px; } 

.top .nav.header-nav-en ul>li { padding: 0 2px; } 

.top .nav.header-nav ul>li { padding: 0 15px; } 

.header-nav-en ul>li>a { padding: 0 2px; } 

.header-nav ul>li>a span { display: inline-block; width: 12px; height: 7px; background-size: 12px 7px; margin-left: 6px; position: relative; top: -2px; } 

.header-nav ul>li ol { position: absolute; left: 0; top: 50px; min-width: 100%; z-index: 101; display: none; padding: 0; } 

.top .header-nav ul>li ol li a { font-size: 16px; display: block; padding: 0 15px; white-space: nowrap; color: #fff; line-height: 44px; } 

.phone-nav .sub { background: #fff url("../../../style/images/public/search1.png") no-repeat center center; } 

.search-btn { font-size: 20px; text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.82); } 

.top .mkxdh-xia.mkxdhiconfont{font-size: 11px;position: relative;top: -2px;}

/**********************************/

body { font-family: Arial, MicrosoftYaHei, sans-serif; font-size: 16px; color: #000; background: url(../../../style/images/custom/bg.png) no-repeat top center; background-size: 100% auto; } 

.main-left{background: #fff; padding: 36px 20px;}

.main.index-main .main-left{background: none;padding: 0;}

.main { padding-top: 20px; padding-bottom: 30px; } 

.main.index-main{padding-top: 50px;padding-bottom: 40px;min-height: auto; }

.div-flex { display: flex; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; } 

.div-flex-column-center { -webkit-box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; align-items: center; } 

.div-flex-row-center { -webkit-box-pack: center; -ms-justify-content: center; -moz-justify-content: center; -o-justify-content: center; -webkit-justify-content: center; justify-content: center; } 

.div-flex-around { -webkit-box-pack: justify; -ms-justify-content: space-between; -moz-justify-content: space-between; -o-justify-content: space-between; -webkit-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; } 

.div-flex-direction { -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-box-orient: vertical; flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -moz-flex-direction: column; -o-flex-direction: column; } 

.div-flex-row-column-center { -webkit-box-pack: center; -ms-justify-content: center; -moz-justify-content: center; -o-justify-content: center; -webkit-justify-content: center; justify-content: center; } 



@keyframes rotateIcon { 
0% { transform: rotateX(180deg); } 

100% { transform: rotateX(180deg); } 
}

@-webkit-keyframes rotateIcon { 
0% { -webkit-transform: rotateX(180deg); } 

100% { -webkit-transform: rotateX(1800deg); } 
}


/* 字体图标开始 */
@font-face { font-family: "mkxdhiconfont"; /* Project id 4605152 */
src: url('./fonts/iconfont.woff2?t=1723519264447') format('woff2'),
url('./fonts/iconfont.woff?t=1723519264447') format('woff'),
url('./fonts/iconfont.ttf?t=1723519264447') format('truetype'); } 

.mkxdhiconfont { font-family: "mkxdhiconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 

.mkxdh-bofang:before { content: "\e628"; } 

.mkxdh-a-youjianchakanyoujianfasongyoujianshouyoujian-06:before { content: "\e918"; } 

.mkxdh-rss:before { content: "\e769"; } 

.mkxdh-liulan:before { content: "\e640"; } 

.mkxdh-xiazai:before { content: "\e63a"; } 

.mkxdh-lanmu:before { content: "\e7fa"; } 

.mkxdh-lianjie:before { content: "\e627"; } 

.mkxdh-tushuzhishiku:before { content: "\e684"; } 

.mkxdh-shipin:before { content: "\e625"; } 

.mkxdh-sousuo:before { content: "\e6c7"; } 

.mkxdh-zhuantiku:before { content: "\e73a"; } 

.mkxdh-gonggao:before { content: "\e8c4"; } 

.mkxdh-bangong:before { content: "\e733"; } 

.mkxdh-renyuan:before { content: "\e654"; } 

.mkxdh-bianji:before { content: "\e6ac"; } 

.mkxdh-shenhe:before { content: "\e65d"; } 

.mkxdh-zuojiantou:before { content: "\e60b"; } 

.mkxdh-youjiantou:before { content: "\e60c"; } 

.mkxdh-xia:before { content: "\e72e"; } 

/* 字体图标结束 */

.search-wrapper select { width: 100px; height: 38px; margin-right: 0; font-size: 14px; border: none; padding-left: 15px; background: url(../../../style/images/public/select_arrow.png) no-repeat scroll 80% center #fff; border-radius: 0; font-weight: 400; color: #222; } 

.search-wrapper .form-control { border: 1px solid #3dab31; border-right: none; border-radius: 0; margin-left: 0; } 

.logor { margin-top: 92px; } 

.search-wrapper { margin-top: 18px; } 

.search-wrapper .form-group,
search-wrapper .tj { margin-bottom: 0; border-right: 0; } 

.search-wrapper .form-control { height: 38px; } 

.search-wrapper .searcontent,
.search-wrapper .tj { height: 38px; line-height: 38px; display: inline; } 

.search-wrapper .searcontent { width: 318px; height: 42px; background: rgba(255, 255, 255, 0.9); border-radius: 8px; } 

.indexsearch-en.search-wrapper .searcontent { width: 175px; } 

.search-wrapper input::input-placeholder { font-size: 16px; color: #ABABAB; } 

.search-wrapper input::-webkit-input-placeholder { font-size: 16px; color: #ABABAB; } 

.search-wrapper input::-moz-placeholder { font-size: 16px; color: #ABABAB; } 

.search-wrapper input::-ms-input-placeholder { font-size: 16px; color: #ABABAB; } 

.search-wrapper .form-control { padding: 0 40px 0 12px; font-size: 14px; border: none; outline: none; position: relative; } 

.search-wrapper .form-group { overflow: hidden; position: relative; } 

.index-search .tj { position: absolute; width: 43px; height: 42px; border-radius: 3px; right: 0; top: 0; padding-left: 20px; padding-right: 20px; background: transparent; } 

.mkxdhiconfont.mkxdh-sousuo { color: #09005E; font-size: 28px; position: absolute; top: 2px; right: 9px; pointer-events: none; } 

.search-wrapper .adSearch { color: #fff; margin-left: 10px; font-weight: bold; font-size: 16px; color: #FFFFFF; } 

.search-wrapper .adSearch { width: 90px; text-align: center; height: 42px; background: linear-gradient(-64deg, #F68A2B, #F7A32D, #F8BF2D); border-radius: 8px; } 

html[lang="en"] .search-wrapper .adSearch{width: auto;padding: 0 8px;}

.search-wrapper #AdvanceSearchA { display: inline-block; font-weight: bold; font-size: 16px; color: #FFFFFF; line-height: 42px; } 

.search-wrapper .form-group>div { position: relative; } 

.search-wrapper select:focus-visible { border: none; outline: none; } 


.header .container { padding: 0; } 

.logo { margin-top: 41px; margin-bottom: 40px; } 

.logor .fl { margin-top: 116px; } 

.logor .fr { margin-top: 75px; } 



.top .nav { height: 50px; background: none; border: 0; } 

.top .nav.header-nav ul>li,
.top .nav>ul>li>a { height: 50px; line-height: 50px; color: #fff; } 

.top .nav.header-nav ul>li { padding: 0; } 

.top .nav.header-nav ul>li a {padding: 0 18px;font-weight: 400;font-size: 18px;color: #FFFFFF;} 

.top .nav.header-nav ul>li>ol>li>a { font-size: 17px; } 

body.en .top .nav.header-nav ul>li a{padding: 0 19px;}

.header-nav .container { position: relative; background: rgba(9, 0, 94, .6); } 

.top .nav.header-nav ul .search-language a { display: inline-block; background: none; } 

.top .nav.header-nav ul .search-language a:hover { color: #c62f3c; } 

.top .nav.header-nav ul .search-language .mkxdhiconfont { position: absolute; font-size: 30px; right: 80px; } 

.top .nav.header-nav ul .search-language { float: none; position: absolute; right: 0; font-size: 16px; color: #fff; text-decoration: none; } 

.indexof { margin-top: 22px; margin-left: 82px; } 

html[lang="en"] .indexof {margin-left: 30px; } 

.indexof li { position: relative; text-align: left; font-weight: bold; font-size: 14px; color: #FFFFFF; line-height: 25px; padding-left: 12px; } 

.indexof li::before { content: ''; width: 6px; height: 6px; background: #FF8710; border-radius: 50%; display: inline-block; position: absolute; left: 0; top: 9px; } 


/* 友情链接开始 */
.yqlj { padding-top: 45px; } 

.yqlj .con-nav h2 { border-bottom: 1px solid #E3E3E3; } 

#container { width: 100%; height: 100px; margin: 0 auto; margin: 12px 0 35px 0; } 

#scollContainer { position: relative; width: 100%; height: 100px; float: left; overflow: hidden; } 

#scollContainer ul { margin: 0; padding: 0; position: absolute; width: 100%; height: 100px; left: 0px; top: 0px; list-style: none; overflow: hidden; } 

#scollContainer li { height: 100px; line-height: 100px; float: left; margin: 0 10px; } 

#scollContainer li a{display: block;}

#scollContainer li img { height: 70px; border: 1px solid #EAEAEA; transition: all 0.3s; transform: scale(1);max-height: 70px; } 

#scollContainer li:hover img { transform: scale(1.14); } 

/* 友情链接结束 */
.tab-ul-index { margin-bottom: 0px; } 

.tab-ul-index>li.active a::before { color: #fff; } 


#myTab { border-bottom: 1px solid #09005e; font-weight: bold; height: 56px; padding-bottom: 56px; text-align: center; } 

.tab-ul-index li.active { background-color: unset; } 

.tab-ul-index li a { font-size: 22px; font-weight: bold; text-decoration: none; padding: 1px 0px; line-height: 55px; position: relative; } 

.tab-ul-index li.active a { color: #206BD1; } 

.tab-ul-index li.active a::before { content: ''; display: inline-block; width: 100%; height: 7px; background: #206BD1; border-radius: 4px; position: absolute; bottom: 0; left: 0; } 

.tab-ul-index li:nth-last-child(1) { margin-right: 0; } 
.index-articles .tab-ul-index li {float: unset;padding: 0;}
.tab-ul-index li { height: 56px; margin: 0 77px 0 0; background: none; display: inline-block; float: unset; } 

/* 文章部分开始 */

.articleBodyEn .article-main .inner{background: #fff;}

.toolBoxBorder .toolBox1 .column{margin-right: 20px;font-size: 15px;color: #206BD1;background: #D1E3F5;border-radius: 4px;border: none;font-weight: 700;padding: 0 5px;}
.toolBoxBorder .toolBox1 .column i{font-size: 16px;padding: 0 5px;line-height: 21px;}
.toolBoxBorder .toolBox1 .column:hover{color: #fff;background: #206BD1;}

.cur-date-pub,.cur-date{font-weight: 400;font-size: 15px;color: #222222;position: relative;top: 2px;}
.cur-date-pub{margin-left: 24px;}
.cur-date{margin-left: 5px;}

.neighborCatalog { padding: 0; box-shadow: none; } 
.neighborCatalog a { font-size: 15px; font-weight: bold; color: #206BD1; display: inline-block; } 
.neighborCatalog #prev_link::before { content: "\e60b"; font-family: "mkxdhiconfont" !important; color: #206BD1;font-size: 21px;vertical-align: middle; } 
.neighborCatalog #next_link::after { content: "\e60c"; font-family: "mkxdhiconfont" !important; color: #206BD1;font-size: 21px;vertical-align: middle; } 
.neighborCatalog .prev+.next { margin-left: 15px; } 
.neighborCatalog a:hover{text-decoration: none;}


.toolBoxBorder .toolBox1 .catalog a {padding: 3px 10px 3px 10px;border-radius: 4px;margin-right: 13px;position: relative;background: #D1E3F5;color: #206BD1;font-size: 14px;display: inline-block;} 
.toolBoxBorder .toolBox1 .catalog a:hover { text-decoration: none; background: #206BD1; color: #fff; } 
.toolBoxBorder .column {margin-right:15px;}


.article-list-zy font+font a::before { content: '|'; display: inline-block; margin: 0 22px 0 7px; color: #B1B1B1; position: relative; top: -1px; } 

.index-articles-box { background: rgba(239, 245, 253, 0.71); padding-top: 20px;padding-bottom: 30px; } 

.index-articles .toolBox2 { display: none; } 

.article-list-journalg { background: none; margin: 0; padding: 0; } 

.article-list-journalg a { position: relative; font-size: 14px; font-weight: bold; color: #206BD1; } 

.article-list-wrap { display: flex; flex-wrap: wrap; margin-left: -30px; margin-top: 24px; } 

.article-list-wrap .article-list-left { display: none; } 

.article-list-wrap .article-list {width: calc(50% - 30px);margin-left: 30px;position: relative;box-shadow: 0px 2px 7px 0px rgba(0, 4, 42, 0.16);border-radius: 8px;padding: 8px 18px 14px 18px;margin-bottom: 30px;border-bottom: none;background: #fff;} 

.toolBox1 { padding-top: 20px; } 

.article-info-box { margin-top: 4px; } 

.article-list-title { margin-bottom: 8px; } 

.article-list-title a { color: #000; font-size: 17px; } 

.article-list-title a:hover ,.article-list-zy a{ color: #206BD1; } 

.article-list-author a,
.article-list-time a,
.article-list-author font,
.article-list-time font,
.article-list-zy font { color: #505050; font-size: 14px; } 

.article-list-zy font{padding: 0 5px;}

.article-list-author { margin-bottom: 2px; } 

.article-list-time { margin-bottom: 6px; } 

.article-list-zy { margin-bottom: 0px; } 

.article-thumb.show-thumb { display: none; width: 212px; } 

.tab-ul-index li a { text-decoration: none; } 

.art-more{text-align: center;}

.art-more a{font-size: 14px;color: #206BD1;}

.index-body .wz-box .article-thumb{top: 0;right: 0;}

.wz-box .article-thumb{position: absolute;top: 5px;right: 5px;}

.article-thumb{float: left;}

.wz-box .article-thumb a{display: flex;justify-content: center;align-items: center;width: 140px;height: 89px;background: #FFFFFF;box-shadow: -2px 1px 5px 0px rgba(0,0,0,0.1);border-radius: 0px 8px 0px 0px;}

.wz-box .article-thumb img{max-width: 100%;max-height: 100%;}

.article-thumb+.wz-left{width: calc(100% - 145px);}

.eye_down font{color: #8B8A8A;}

.eye_down a{color: #878787;}

.mkxdhiconfont.mkxdh-liulan.eye { font-size: 20px;vertical-align: bottom; }
.mkxdhiconfont.mkxdh-xiazai.down { font-size: 18px; vertical-align: bottom; }

/* 文章部分结束 */


/* 轮播部分开始 */

.ban-box { margin-top: 20px; } 

.ban-swiper { height: 100%; } 

.ban-l,
.ban-r { float: left; } 

.ban-l { width: 62.16%; height: 370px;position: relative; } 

.ban-l .mkxdhiconfont { position: absolute; top: 50%; transform: translateY(-50%); left: 16px; font-size: 36px; color: #fff; z-index: 10; display: inline-block; border-radius: 50%; width: 49px; height: 49px; background: rgba(0, 0, 0, 0.66); text-align: center; line-height: 51px; z-index: 2; } 


.ban-box .mkxdhiconfont.ban-next { position: absolute; right: 16px; left: unset; } 

.ban-img { display: block; padding-bottom: calc((370/808)*100%); background: #fff;background-repeat: no-repeat; background-size: contain; background-position: center;} 

.ban-t { display: block; position: absolute; bottom: 0px; background-image: linear-gradient(to top, rgba(34, 54, 146, .88), rgba(34, 54, 146, 0)); display: block; height: 121px; text-align: center; padding: 0 20px; padding-top: 82px; width: 100%; font-weight: bold; font-size: 18px; color: #FFFFFF; } 

.ban-t>div { -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 

.ban-t:hover { text-decoration: none; color: #fff; } 

#ban-pag { position: absolute; bottom: 45px; right: unset; left: 50%; width: auto; transform: translateX(-50%);} 

#ban-pag .swiper-pagination-bullet { width: 8px; height: 8px; background: #fff; opacity: 1; margin: 0 4px; } 

#ban-pag .swiper-pagination-bullet.swiper-pagination-bullet-active { height: 8px; background: #FD9B26; border-radius: 4px; } 


.ban-r { width: 37.84%; padding-left: 20px; height: 370px; } 

.qkxx { font-size: 14px; box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.16); background: rgba(255, 255, 255, 0.9); height: 370px; padding: 16px 14px; } 

html[lang="en"] .qkxx{padding: 16px 7px 16px 14px;}

.xx-t img { width: 248px; height: 337px; box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.16); } 

.xx-con { width: calc(100% - 248px); padding-left: 18px; padding-top: 7px; } 

html[lang="en"] .xx-con{padding-left: 12px;}

.xx-con>p { color: #222; font-size: 15px; line-height: 20px; } 

html[lang="en"] .xx-con>p { font-size: 14px;} 

.xx-con>p+p { margin-top: 11px; } 

html[lang="en"] .xx-con>p+p { margin-top: 5px; } 

.zb { padding-left: 44px; position: relative; } 

.zb>b { position: absolute; left: 0; top: 0; } 

.dq-con { margin-top: 20px; border-top: 1px solid #DEDEDE; padding-top: 21px; text-align: center; font-weight: 400; font-size: 15px; color: #222222; } 

html[lang="en"] .dq-con{margin-top: 18px;padding-top: 17px;font-size: 14px;}

.dq-con a { font-weight: bold; font-size: 16px; color: #FFFFFF; display: block; width: 119px; height: 38px; line-height: 38px; text-align: center; background: linear-gradient(-64deg, #0077DB, #148ADF, #00A7FF); border-radius: 4px; margin: 0 auto; margin-top: 14px; } 

/* 轮播部分结束 */

/* 投审稿按钮开始 */
.tsg { display: flex; align-items: center; margin: 0 -10px; margin-top: 30px; } 

.tsg li { width: 25%; } 

.tsg li>a { margin: 0 10px; display: block; box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.17); border-radius: 8px; height: 70px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-weight: bold; font-size: 22px; color: #FFFFFF; transition: all 0.3s; position: relative; top: 0; } 

.tsg li>a:hover { text-decoration: none; top: -5px; } 

.tsg li:nth-child(1) a { background: linear-gradient(90deg, #FF8712, #FEC104); } 

.tsg li:nth-child(2) a { background: linear-gradient(90deg, #3FC86E, #A9E40E); } 

.tsg li:nth-child(3) a { background: linear-gradient(90deg, #17AEFD, #0056C3); } 

.tsg li:nth-child(4) a { background: linear-gradient(90deg, #55EBD8, #10A999); } 

.tsg li .mkxdhiconfont { font-size: 42px; font-weight: normal; margin-right: 16px; } 

.tsg li .mkxdhiconfont.mkxdh-shenhe { font-size: 36px; } 

.tsg li .mkxdhiconfont.mkxdh-bianji { font-size: 33px; } 

.tsg li .mkxdhiconfont.mkxdh-bangong { font-size: 33px; } 

/* 投审稿按钮结束 */
.con-nav h2 { display: flex; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid #09005e; } 

.con-nav h2 b { font-weight: bold; font-size: 22px; color: #222222; } 

.con-nav h2 a { font-weight: 400; font-size: 14px; color: #666666; } 

.con-nav h2 .mkxdhiconfont { font-weight: 400; font-size: 27px; margin-right: 10px; color: #206BD1; } 

/* 专题专刊开始 */

.ztzk { margin-top: 45px; } 

.ztzk ul { display: flex; flex-wrap: wrap; margin: 0 -15px; margin-top: 25px; } 

.ztzk ul li { width: 25%;}

.ztzk ul li a { display: block; margin: 0 15px; height: 120px; line-height: 120px; background-image: url("../../../style/images/custom/mkxdh_10.jpg"); border-radius: 12px; font-weight: bold; font-size: 18px; color: #FFFFFF; text-align: center; position: relative; top: 0; transition: all 0.3s; background-size: cover;}

.ztzk ul li a:hover { text-decoration: none; top: -5px; } 

.ztzk ul li:nth-child(1) a { background-image: url("../../../style/images/custom/mkxdh_10.jpg"); } 

.ztzk ul li:nth-child(2) a { background-image: url("../../../style/images/custom/mkxdh_12.jpg"); } 

.ztzk ul li:nth-child(3) a { background-image: url("../../../style/images/custom/mkxdh_14.jpg"); } 

.ztzk ul li:nth-child(4) a { background-image: url("../../../style/images/custom/mkxdh_16.jpg"); } 

/* 专题专刊结束 */

/* 过刊浏览开始 */

.gkll .mkxdhiconfont.mkxdh-tushuzhishiku {font-size: 38px;vertical-align: middle;position: relative;left: -5px;margin-right: -4px;}

.gkll .con-nav h2{padding-bottom: 0;}

.gkll ul { display: flex; flex-wrap: nowrap; margin: 0 -10px; margin-top: 25px; } 

.gkll li { width: 20%; } 

.gkll li a { margin: 0 10px; display: block; text-align: center; font-weight: 400; font-size: 16px; color: #222222; } 

.gkll li a:hover { text-decoration: none; color: #206BD1; } 

.gkll li a img { transition: all .3s; position: relative; top: 0; } 

.gkll li a:hover img { position: relative; top: -3px; } 

.gkll li a div { margin-top: 10px; } 

.gkll li img { width: 100%; box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.16); } 

/* 过刊浏览结束 */
/* 视频推荐开始 */

.sptj .mkxdhiconfont.mkxdh-shipin{font-size: 30px;position: relative;left: -5px;}

.sptj .con-nav h2 b{padding-left: 36px;position: relative;}

.sptj .con-nav h2 b .mkxdhiconfont{position: absolute;left: -9px;top: -13px;font-size: 48px;margin-right: 0;}

.sptj { margin-top: 45px; background: #f4f8fe; padding-top: 40px; padding-bottom: 40px;}

.sptj ul { display: flex; margin: 0 -12px; margin-top: 25px; } 

.sptj ul li { width: 25%; } 

.sptj ul li>div { margin: 0 12px; border-radius: 12px; overflow: hidden; box-shadow: 0px 0px 5px 0px rgba(22, 46, 100, 0.15); } 

.sptj ul li .sp-tit { font-weight: 400; font-size: 17px; color: #222222; line-height: 24px; display: block; padding: 13px 15px; height: 75px; background: #fff; } 

.sptj ul li .sp-tit:hover { text-decoration: none; color: #206BD1; } 

.sptj ul li .sp-tit>div { -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 

.sp-img { display: block; position: relative; overflow: hidden; } 

.sp-img img { width: 100%; transition: all .3s; transform: scale(1); } 

.sp-img:hover img { transform: scale(1.2); } 

.sp-img::before { font-family: 'mkxdhiconfont' !important; content: '\e628'; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; border-radius: 50%; width: 51px; height: 51px; background: rgba(0, 0, 0, 0.6); text-align: center; line-height: 51px; font-size: 23px; z-index: 2;}

#newsListWrap .sptj{padding-top: 0;margin-top: 0;background: none;}
#newsListWrap .sptj ul{flex-wrap: wrap;}
#newsListWrap .sptj ul li{width: 33.33%;}
#newsListWrap .sptj ul li:nth-child(n+4){margin-top: 25px;}

/* 视频推荐结束 */
/* 底部开始 */

.footer .foo-m { padding-top: 20px; } 

.footer .foo-m p,
.footer .foo-m p a { font-size: 16px; color: #fff; } 

.foo-m p+p { margin-top: 11px; } 

.footer .container { padding-left: 0; padding-right: 0; } 

.footer { background: #005698; color: #fff; padding-top: 20px; } 

.footer .bottom { margin-bottom: 17px; text-align: left;} 

.footer .bottom,
.footer .bottom a { font-size: 14px; } 

.btmb p+p { margin-top: 8px; } 

.lj { height: 97px; display: flex; flex-direction: column; justify-content: center; padding-top: 20px; } 

.foo-r .lj a { font-size: 15px; } 

.lj a { color: #fff;}

.lj a+a { margin-top: 5px; } 

.lj a:hover { text-decoration: none; } 

.lj a span:hover { text-decoration: underline; } 

.lj .mkxdhiconfont { vertical-align: middle; } 

.mkxdh-rss { font-size: 17px; margin-right: 14px; } 

.mkxdh-a-youjianchakanyoujianfasongyoujianshouyoujian-06 { font-size: 21px; margin-right: 10px; } 

.ewm { margin-left: 10px; } 

.ewm img { width: 97px; height: 97px; } 

.ewm img+img { margin-left: 25px; } 

.ewm p { font-weight: 400; font-size: 14px; color: #FFFFFF; margin-top: 5px; text-align: center; } 

.footer .btmb { background: #002d4f; padding: 5px 0 5px 0; font-size: 14px; } 

.btmb,
.btmb a { color: #fff; } 

/* 底部结束 */


/* 二级页样式常用开始 */
.journalIssue,.commontit,.box-article h3{font-size:22px;color:#222;}
#newsContentOutput,#newsListOutput{font-size:16px;}
.listp{padding: 15px 0 15px 0px;}
#newsContentOutput .box-article h3{ line-height: 35px; }
#newsListOutput .box-top{ margin-bottom: 0px;padding-bottom: 0px;}
.listp>a{color:#222;font-size: 16px;}
#newsListColumn{padding-bottom:0;margin-bottom: 0;}
.box-body.news-details-body {font-size: 16px;}
.listp>a:hover{text-decoration: none;color: #206BD1;}
.rank-yeartab li.current a{background-color: #206BD1;}
/* 二级页样式常用结束 */

/* 二级页右侧开始 */

.main-right .xx-t>a{float: unset;display: block;text-align: center;}
.main-right .xx-con{float: unset;width: 100%;padding-left: 0;margin-top: 10px;}
.main-right .dq-con{display: none;}
.main-right .qkxx{height: auto;padding: 20px 16px;}
.main-right .ztzk ul li{width: 100%;}
.main-right .ztzk ul li+li{margin-top: 20px;}
.main-right .con-nav h2{align-items: center;}
.main-right .ztzk ul li a{height: 90px;line-height: 90px;}

/* 二级页右侧结束 */


@media (min-width: 1300px) { 

body .container { width: 1300px; padding-left: 0; padding-right: 0; } 
body .main-left {width: calc(100% - 360px);float: left;}
.index-body .main-left{ min-height: auto;}
body .main-left{ min-height: 1250px;}
body .main-right {width: 328px;float: left;margin-left: 32px;} 

}
@media (min-width: 1200px){

.main-left{min-height: 550px !important;}
.phb { position: relative}
.phb .phList {width: 124px !important;padding: 0px;z-index: 99;display: none;position: absolute;left: -15px;top: 57px;background: #fff;box-shadow: 0px 2px 6px 0px rgb(5 23 64 / 26%)}
#myTab .phb .phList li{height: 42px;}
#myTab .phb .phList a{line-height: 42px;}
.phb .phList a:hover { background: #206BD1; color: #fff; } 
.phb:hover .phList { display: block; } 
.phb .phList a { color: #333; font-weight: normal !important; font-size: 19px !important; position: relative !important; top: 0px !important; display: block; line-height: 38px; } 
html[lang="en"] .phb .phList a{font-size: 14px !important;}
ul.phList li { width: 100% !important; padding: 0px !important;}
.index-articles .tab-ul-index ul.phList li {display: block;}
}

@media (max-width: 1300px){
.ban-img { padding-bottom: calc((436/808)*100%); } 

.ban-l { width: 60%; } 

.ban-r { width: 40%; } 

.search-wrapper .searcontent { width: 290px; } 

.header .logo img { max-width: 380px; } 

.indexof { margin-left: 40px; } 
}

@media (max-width: 1200px) {
.main-left{padding: 0;}
.main>.container{padding-left: 15px;padding-right: 15px;}
body{background: none;}
#myTab{display: flex;width: 920px !important;}
ul.phList li{background: none;}
.tab-box .tab-ul li.phb ul.phList { position: static; display: block; float: left; box-shadow: none; padding: 0; } 
#myTab li { width:auto; margin:0px 10px; } 
.tab-box #myTab.tab-ul > li.phb { width:auto; } 
.tab-box .tab-ul li.phb ul.phList { position:static; display: block; float: left; box-shadow: none; padding:0; background: none;} 
.tab-box .tab-ul ul.phList a { float:left; } 
.tab-box .tab-ul > li.phb > a { display:none; } 
.tab-box .tab-ul li.phb ul.phList a { padding:0 10px; } 
.tab-box .tab-ul.tab-ul-index-en > li { width:auto; } 
.ban-l,
.ban-r { height: auto; } 

.dq-con { width: 250px; } 

.xx-con b { font-size: 17px; } 

.xx-con>p { color: #232323; text-shadow: none; } 

.ban-r { width: 100%; padding-left: 0; margin-top: 30px; } 

.ban-l { width: 100%; } 
}

@media (max-width: 992px){
.tsg li>a { font-size: 20px; } 

.sptj ul { flex-wrap: wrap; } 

.sptj ul li,#newsListWrap .sptj ul li { width: 50%; } 

.sptj ul li:nth-child(n+3) { margin-top: 20px; } 

.gkll ul { flex-wrap: wrap; } 

.gkll ul li { width: 25%; } 

.gkll ul li:nth-child(n+5) { display: none; } 

.ztzk ul li { width: 50%; } 

.ztzk ul li:nth-child(n+3) { margin-top: 20px; } 
}

@media (max-width: 768px) {
.issue_list .article-list{padding-left: 0;padding-right: 0;}
.article-list-wrap .article-list{margin-bottom: 20px;}
span.catalog.fl{width: 100%;margin-bottom: 5px;}
.cur-date-pub, .cur-date{font-size: 14px;}
.cur-date-pub{margin-left: 14px;}
.ban-box{margin-top: 15px;}
.article-thumb{display: none;}
.article-thumb+.wz-left{width: 100%;}
.eye_down{float: left;margin-top: 3px;}
.ztzk ul li:nth-child(n+2){margin-top: 20px;}
.ztzk ul li{width: 100%;}
.foo-r { float: left; margin-top: 20px; } 

.sptj ul li,#newsListWrap .sptj ul li { width: 100%; } 

.sptj ul li+li { margin-top: 20px; } 

.gkll ul li { width: 50%; } 

.gkll ul li:nth-child(n+3) { margin-top: 20px; } 

.tsg { flex-wrap: wrap; } 

.tsg li { width: 50%; } 

.tsg li:nth-child(n+3) { margin-top: 20px; } 

.dq-con { width: 100%; } 

.xx-t a { display: block; text-align: center; width: 100%; } 

.qkxx { height: auto; } 

.xx-con { width: 100%; margin-top: 20px; padding-left: 0; } 

#ban-pag { display: none; } 

.ban-t { font-size: 18px; height: 50px; line-height: 50px; } 

.ban-l .mkxdhiconfont { font-size: 35px; } 

.footer .btmb { text-align: left; padding-left: 15px; padding-right: 15px; } 


.article-list-wrap .article-list { width: 100%; margin-left: 0; } 

.article-list-wrap { margin-left: 0; } 

.footer .bottom { text-align: left; } 

.footer .container { padding-left: 15px; padding-right: 15px; } 
}