@charset "utf-8";
.iconfont{ font-family:"iconfont" !important;font-size:16px;font-style:normal;}
p{ margin: 0; }
ul,ol{ padding: 0;}
li{ list-style:none;}
html,body{ background: #fff; overflow-x: hidden;} 
.clear{ clear:both;}
.color{ color:#01479f !important;}
.t2{ text-indent: 2em;}
.f12{ font-size: 12px !important;}
.img_box img{ display:block; margin:0 auto; width:100%;}
.text_sd{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.text_box{ font-size:13px; line-height:26px;} 
.main_box{ position:relative; margin:0 0rem; padding-bottom: 3rem;}
.no_padding_up{ padding-top: 0 !important;}
.no_margin{ margin:0 !important}
.no_padding{ padding:0 !important}
.no_border{ border: none !important;}
.am-slider{ box-shadow: none;}
.margin_auto_1{ margin: auto 1rem;}
html{background: #eee;}
body,html,#footer ul,#header .box{ max-width: 780px; margin: 0 auto;}
hr{ margin-top: 0;}

h1,h2,h3,h4,h5,ul,ol,dl{ margin: 0; margin: 0; font-weight: normal; color: #444;}
.fl{ float: left; }
.fr{ float: right;}
.am-with-fixed-navbar{ padding: 0;}
.red{ color: red;}
img{ max-width:100%;}
/*h5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;margin:0;}
h5 a{ display:block; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 10px;}*/
.offcanvas-page{ overflow:hidden; position:fixed;}


#playercontainer_display_button{ background:none !important; height:40px; width:40px !important; border:2px solid #fff; border-radius:50%; padding:0 !important;}
#playercontainer_display_button #playercontainer_display_button_play{background-size: 25px;}
#playercontainer_display_button{ height:40px !important; margin-top: -20px !important;}
#ascrail2000-hr div{ border-radius:0  !important; height:4px !important; top: 1px !important; cursor:pointer;}

.n_article {  }
.ar_article {color:#787878; font-size:13px; line-height:28px;padding:20px 0 0px;}
.ar_article p{font-size: 12px;color:#787878;float: none !important;line-height:28px;padding-bottom:10px;}	
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:5px 15px; border: 1px solid #c6c5c5;  }
.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0;}
.ar_article  img{max-width:100%;height:auto!important;display: block;margin: 0 auto 0 auto;float: none !important;}
.ar_article *{ color:#676769;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;}

/* Slider */
.miso-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.miso-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.miso-list:focus { outline: none; }
.miso-loading .miso-list { background: #fff url(../images/ajax-loader.gif) center center no-repeat; }
.miso-list.dragging { cursor: pointer; cursor: hand; }
.miso-slider .miso-list, .miso-track, .miso-slide, .miso-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.miso-track { position: relative; left: 0; top: 0; display:inline-block; zoom: 1; margin-left: auto; margin-right: auto;}
.miso-track:before, .miso-track:after { content: ""; display: table; }
.miso-track:after { clear: both; }
.miso-loading .miso-track { visibility: hidden; }
.miso-slide { float: left; height: 100%; min-height: 1px; display: none; }
.miso-slide img { display:inline-block; }
.miso-slide.miso-loading img { display: none; }
.miso-slide.dragging img { pointer-events: none; }
.miso-initialized .miso-slide { display: block; }
.miso-loading .miso-slide { visibility: hidden; }
.miso-vertical .miso-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.miso-prev, .miso-next {position: absolute;display: block;height: 20px;width: 20px;line-height: 0;font-size: 0;cursor: pointer;background: transparent;color: transparent;padding: 0;border: none;outline: none;top: 50%;z-index: 1;}
.miso-prev{ left:0}
.miso-next{ right:0}
/* Dots */
.miso-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.miso-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.miso-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;}
.miso-dots li button:focus { outline: none; }
.miso-dots li.miso-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}

 

.h-link + .h-link { margin-left: 15px; }
.h-link .bdshare-button-style0-16 a, .h-link .bds_more{ margin: 0; padding: 0; float: none; background-image: none; }
.h-link {float: right;width: 80px;height: 32px;margin-right:60px;margin-top: 20px;text-transform: uppercase;z-index:99;position:relative;background: #e3e3e4;border-radius: 20px;}
.h-link a { color: #666; font-size:14px; }
.h-link .ico { width: 30px; height: 30px; background-position: center top; }
.h-link .t {cursor: pointer;line-height: 40px;height: 40px;text-align: center;transition: 300ms;padding: 0;}
.h-link .t i {line-height: 24px;height: 32px;font-size:12px;line-height: 32px;display:block;color:#fff;padding-left:10px;width: 100%;float: left;text-align: left;font-style:  normal;}
.h-link .t i small{margin-left:6px;position:relative;top: -2px;float: right;right: 10px;}
.h-link .t .aico { margin-left: 10px; }
.h-link .b { position: absolute; top: 0; width: 80px; right: 0; z-index: 9; background:#f4f4f4; border:1px solid #ddd; display:none;}
.h-link .b a { display: block; position: relative; height: 50px; padding-left: 15px; overflow: hidden; line-height: 30px; }
.h-link .b a p, .h-link .b a .ico { margin-top: 15px; float: left; margin-right: 10px; }
.h-link .b a:after, .h-link .b a:before { content: ""; position: absolute; }
.h-link .b a:before { right: 10px; top: 50%; margin-top: 2px; border-radius: 100%; width: 6px; height: 6px; border: 2px solid #999; transition: 300ms; }
.h-link .b a:after { right: 14px; top: 50%; margin-top: -1px; border-radius: 100%; width: 2px; height: 2px; background: #fff; transition: 300ms; opacity: 0; visibility: hidden; }
.h-link:hover .b { opacity: 1; visibility: visible; transform: translate(0); }
.h-link.h-link-2 .t .aico { width: 10px; height: 7px; background-position: -168px -105px; }
.h-link.h-link-2 .b { left: auto; width: 180px; top: 100%; }
.h-link.h-link-2 .b a.o:before { display: none; }
.h-link.h-link-2 .b a .aico { position: absolute; right: 10px; top: 50%; margin-top: -4px; width: 10px; height: 7px; background-position: -168px -98px; }
.h-link.h-link-2:hover .t .ico{ background-image: url("../images/lang_11.png"); }

#n_main_box {margin: 2.5rem 1rem 1rem 1rem;min-height:300px;}
.imgbox:after{content:'';display:block;overflow:hidden;height:0;clear:both;}
.imgbox{display:grid;grid-template-columns: repeat(2,1fr);grid-column-gap: 10px;grid-row-gap: 10px;}
.imgbox li{width: 100%;*margin-bottom: 5px;float:left;}
.imgbox li a{display: block;margin: 5px;vertical-align: middle;text-align: center;}
.imgbox li a .img{background-repeat:no-repeat;background-position: center;background-size:cover ;  height: 50vw;}
.imgbox li .text{background: #eaebed;color: #222;font-size: 14px;text-align: center;padding: 12px 10px;}
/*.imgbox.imgbox10{}
.imgbox.imgbox10 li .img{width: 100%; height: 150px; display: table; background: #edecf1;}
.imgbox.imgbox10 li .img img{*height: 90%;max-width: 90%; margin: 0;display: inline-block;}
.imgbox.imgbox10 li .text{background:none;}*/


.twbox{}
.twbox li{background: #f3f3f4; margin-bottom: 18px;}
.twbox li .img{width:100%; position: relative;}
.twbox li .text{width: 100%;padding: 20px 10px;}
.twbox li .text h3{margin-bottom: 8px;font-size: 15px;color: #252525;}
.twbox li .text p {font-size: 12px;color: #848484;line-height: 18px; height: 36px;overflow: hidden;}
.twbox li .text span {position: relative;display: block;font-size: 12px;color: #aeaeae;font-family: arial;height: 20px;line-height: 20px;margin-top: 10px;}
.twbox li .text span.time i{display:none;}

.twbox2{font-size:0;margin:0 -26px;margin-bottom: 2rem;}
.twbox2 li{display:inline-block;width: 100%;padding:0 26px;margin-bottom: 15px;}
.twbox2 li a{display:block;border:#e5e5e5 1px solid;padding: 22px 15px 22px;position:relative;background:#fff;transition:0.6s;}
.twbox2 li a:after{ content:""; position:absolute; right:-1px; bottom:-1px; width:0; height:3px; background:#383c83; transition:0.6s}
.twbox2 li a h5{font-size: 15px;color:#2b2b2c;line-height:20px;transition:0.36s;}
.twbox2 li a h5 img{vertical-align: top;height:16px;margin-top: 3px;}
.twbox2 li a h5 font{ display:inline-block; max-width:80%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-right:15px}
.twbox2 li a p{font-size:14px;color:#99999b;line-height:24px;height:48px;overflow:hidden;margin: 8px 0 15px;}
.twbox2 li a h6{font-size: 14px;color:#d8d8d7;line-height:18px;}
.twbox2 li a h6 span{ position:relative; padding-left:56px}
.twbox2 li a h6 span:before{ content:""; position:absolute; left:0; width:44px; height:1px; background:#c2c1bf; top:50%; margin-top:-0.5px;}
.twbox2 li a h6 .fr{ font-size:12px; color:#66635f; text-transform:uppercase}

#pages{text-align:center;margin:20px auto 40px;}
#pages a{font-size:14px;color:#666666;border:1px solid #dfdfdf;display:inline-block;line-height:24px;padding:3px 6px;min-width:35px;}
#pages a.on{background:#383c83 ;color:#FFFFFF;border:1px solid #383c83;}

#nav_slide{background: #f3f3f3;line-height: 50px;position: relative;z-index: 2;}
#nav_slide #bnt_back{position:absolute;left: 1rem;top: 0;height:100%;display:inline-flex;align-items: center;}
#nav_slide #bnt_back img{display:  inline-block;height: 16px;}
#nav_slide .n_title{ height: 50px; position:relative; }
#nav_slide h1{ font-size: 16px; color: #000; text-align: center;}
#bnt_sub_nav{position: absolute;right: 1rem;top: 0;cursor: pointer;display:inline-flex;align-items: center;height:100%;}
#bnt_sub_nav img{display: inline-block;height: 24px;}
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #f2f2f2; display: none; z-index: 9;width: 100%;}
#sub_nav_content ul{}
#sub_nav_content ul li { background: none; box-shadow:none;}
#sub_nav_content ul li a{display:block;font-size: 14px;padding:0;padding-left: 10px;color: #666;}
#sub_nav_content ul li ul li{ border:0; line-height:40px;}
#sub_nav_content ul li ul li a{font-size: 13px; color: #666;}
#sub_nav_content ul li.on>a{color: #000;}


#n_nav{ overflow:hidden; margin-bottom:20px;}
#n_nav ul{ padding: 0 2rem;}
#n_nav ul li{ float:left; width:33.3%;}
#n_nav ul li a{display:block;margin:6px;border-radius:20px;background:#e3e3e4;height:35px;line-height:35px;text-align:center;color:#333;font-size: 13px;}					
#n_nav ul li.on a{background: #1384e2;color:#fff;}


.am-pagination-select .am-pagination-select select{ background:none;}
.am-pagination>li>a{ border:1px solid #ddd;}