html{font-family:PingFangSC-Light, "Microsoft YaHei", SourceHanSansCN-Normal, STHeiti, Helvetica, Arail;}
body{ background:#fff;font-size:100%; overflow-x: hidden; font-family: PingFangSC-Light, "Microsoft YaHei", 微软雅黑, SourceHanSansCN-Normal, STHeiti, Helvetica, Arail; }
body,main,header,div,nav,section,ul,li,span,a,em,i,p,footer,dl,dd,h2,h3,h4,article,h1{ padding:0; margin:0}
ul,ol,li{list-style:none;}
i,em{font-style:normal;} 
a{text-decoration:none;color:#333;}

.floating_ck{ z-index:10;position:fixed;right:20px;top:30%; background-color: #fff;}
.floating_ck dl dd{position:relative;width:70px;height:70px;border-bottom:solid 1px #f5f5f5;text-align:center;background-repeat:no-repeat;background-position:center 30%;cursor:pointer;}
.floating_ck dl dd:hover .floating_left{display:block;}
.jinkou{background-image:url(../image/jinkou.png);}
.chukou{background-image:url(../image/chukou.png);}
.kefu{background-image:url(../image/kefu.png);}
.dianhua{background-image:url(../image/dianhua.png);}
.qrcord{background-image:url(../image/weixin.png);}
.return{background-image:url(../image/fanhui.png);}
.floating_ck dd span{color:#808080;display:block;padding-top: 45px;font-size: 14px;font-family: "Microsoft YaHei";}
.floating_left{position:absolute;left:-162px;top:0px;width:160px;height:80px; background-color:#fff;display:none;}
.floating_left a{color:#000;line-height:80px;font-family: "Microsoft YaHei";}
.floating_ewm{height:180px;top:-101px;}
.floating_ewm i{background-image:url(../image/erweima.png);display:block;width:120px;height:120px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#000;margin-top:5px;font-family: "Microsoft YaHei";}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}


.text-center{ text-align:center;}
.sj_footer{ display:none;}
.bg{ background-color:#FFF;}
.clearf:after,clearf:before{content:"";display:block; }
.clearf:after {clear:both;}
.clearf{zoom:1;}
.clam { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;  white-space: normal; -webkit-box-orient: vertical;}
.clam1 { -webkit-line-clamp: 1;}
.clam2 { -webkit-line-clamp: 2;}
.clam3 { -webkit-line-clamp: 3;}

.container_sp{ min-width:320px; max-width:1400px; margin:0 auto;width: 100%; box-sizing:border-box;}
.banner{ color:#FFF; text-align:center; padding:8em 0;}
.banner1{ padding:5em 0;}
.banner h2{ font-size:3em;}
.banner p{ font-size:1.5em; margin-top:.5em;}
.position{ padding:1.5em .5em; font-size:.9em; border-bottom: 1px solid #eeeeee;}
.position a:last-child { color: #ff9933;}


.header{ position: relative;z-index: 2; padding:1% 5%; display:flex;border-bottom: 1px solid #EAEAEA;border-color: rgba(0,0,0,.08);box-shadow: 0 1px 3px rgba(0,0,0,.03); transition: all 0.25s;}
.header .top-logo{ width:20%;}
.header .top-logo img{ width:100%;}
.header .top-menu,.header .top-nav{/* padding:1% 0; */}
.header .top-menu{ width:64%;padding-left:2em;}
.header .top-menu li{margin-left:2.2%;position: relative;padding: 1% 0;display: inline-block;}
.header .top-menu li:nth-child(3) div{ left:-20px;}
.header .top-menu li:nth-child(4) div{ left:-28px;}
.header .top-menu li:nth-child(6) div{ left:-28px;}
.active>a{ display:block; padding-bottom:.5em; border-bottom:1px solid #ff8b00; color:#ff8b00;}
.header .top-menu li:not(:first-child)>a:hover{ color:#ff8b00; /***padding-bottom:.5em;border-bottom:1px solid #ff8b00;**/}
.header .top-menu li div{left: -28px; width: 120px;text-align: center; position: absolute;margin-top: .4em;background-color: #e8e6e6; display: none;}
.header .top-menu li div a{ display: block; line-height: 2em;}
.header .top-menu li div a:hover{ background-color: #12A4ED; color: #fff;}
.header .top-nav{ width:25%; display:flex;justify-content: flex-end;}
.header .top-nav p{color:#555555;margin-left: 2.2%;box-sizing: border-box;padding-top: 10px;}
.header .top-nav p:nth-child(2),.header .top-nav p:nth-child(4){ position:relative;}
.header .top-nav p:nth-child(2) .search,.header .top-nav p:nth-child(4) .weiixn{ display:none; width:5em; left:0; position:absolute; background-color:#e8e6e6;top:1.7em;z-index: 3;}
.header .top-nav p:nth-child(2) .search a{  padding:.5em .2em; display:block;}
.header .top-nav p:nth-child(2) .search a:hover{ background-color:#06F; color:#FFF;}
.header .top-nav p:nth-child(2):after{ padding-left:.2em; content:"";width:.7em; height:1em; vertical-align: bottom;display:inline-block;background:url(../image/top_down.png) no-repeat; background-size:100%;}
.header .top-nav p:nth-child(3){color:#f3f1f1;}
.header .top-nav p:nth-child(4) .weiixn img{ width:100%;}
.header .top-nav p span{ margin-right:.4em;vertical-align: middle;display:inline-block; width:1.2em; height:1.4em; background:url(http://www.channelark.com/template/eyou/pc/images/top_tel.png) no-repeat; background-size:100%;}
.top-menu li:nth-child(3) a,.top-menu li:nth-child(5) a{ display: block !important;}
.header .m_menu{ display:none;}


.footer { background-color:#1f2024; color:#FFF;}
.footer>p a{ color:#FFF; margin-right:.7em;}
.footer .p1{ padding:2em 0; border-bottom:1px solid #999;}
.footer ul{ display:flex; padding-top:2em; padding-bottom:1.5em;}

.footer ul li h2{ font-size:1em; margin-bottom:1em;}
.footer ul li h3{ color:#d6381f; font-size:1.4em; margin:.2em 0 .6em;}
.footer ul li h4 span{ margin-right:.4em;display: inline-flex;vertical-align: middle; content:"";width:1.2em; height:1.4em; background:url(../image/bottom_tell.png) no-repeat; background-size:100%;}
.footer ul li:last-child p{ margin-bottom:1em; line-height:1.8em;}
.footer ul li a{ display:block; margin-bottom:.5em;}
.footer ul li a,.footer ul li p{ font-size:.9em; color:#CCC;}
.footer .p3{font-size:.9em; color:#999; padding:.7em 0; line-height: 2em;}
.footer .p3 span{ margin-right:.8em;}

#Top {  display: none; /* 默认隐藏 */ position: fixed;  bottom: 20px; 
    right: 30px; 
    z-index: 99; 
    cursor: pointer; 
	width: 3em;
}

@media(max-width:1440px) {
.header .top-nav{font-size: 90%;}
.header{padding: 1% 2%;}
.header .top-menu{font-size: 90%;}
}

@media(max-width:1366px) {
.header .top-nav{font-size: 90%;}
.header .top-menu{width: 70%;}
}

@media(max-width:1300px) {
.header .top-nav{ display:none;}
}
@media(max-width:1280px)
{
	.header .top-menu{ width: 90%;}
}


@media(max-width:1200px) {
.header{ padding:1%;}
.header .top-logo{ width:15%;}
.footer{ padding:0 1%; box-sizing:border-box;}

.floating_ck{ right: 0;}
}
@media(max-width:1024px) {
body{ font-size:95%;}
.main_image{height: 16.5em !important;}
div.flicking_con{ top:16.5em  !important;}
}
@media (min-width: 768px) and (max-width: 979px) {
.header .top-logo{ width:20%;}
}
@media (max-width: 768px){
body{font-size:85%;}
.top-nav{ display:none;}
.header .top-menu{ width: 80%;}
.header .top-menu li:first-child a{ border-bottom:none !important;}

.floating_ck{display: block!important;border-radius: 5px;}
.jinkou, .chukou, .dianhua, .qrcord, .return{display: none;}
.floating_ck dl dd{width: 50px;height: auto;}
.floating_ck dl dd a{display: block;text-align: center;}
.floating_ck dd span{width: 2em;padding: 35px 0px 10px;display: inline-block;overflow: hidden;white-space: nowrap;}
#nb_icon_wrap ins{display: none!important;}
  
}
@media(max-width:640px) {
body{font-size:80%;}
.header .top-menu li div{padding-left: 1em; margin-top: 0; /*display: block !important; */padding:0 0 1em 1em; width: 90%;position: inherit; background: none; text-align: left;}
.header .top-menu li div a{ line-height: 2.5em;}
.active,.active>a{border:none;}
.header .top-menu{ display:none;}
.header .top-logo{ width:75%; margin: .5em 0 0 .5em;}
.header .m_menu{display:block;  width:65%; text-align:right; font-size:4em;}
.header .top-menu{ width:50%;background-color:#333; position:absolute;flex-direction: column; right:0; top:3.2em; padding:0 1em; z-index:2;}
.header .top-menu li{line-height:3em;padding:0 .5em;display: block;}
.header .top-menu li:not(:last-child){ border-bottom:1px solid #999; }
.header .top-menu a{ color:#FFF !important; border-bottom:none !important;}
.footer ul{ display:none;}	
}
@media screen and (min-width: 435px) and (max-width: 550px){	
}
@media(max-width:480px) {
body{font-size:75%;}
.header .m_menu{ font-size: 3em;}
}
@media(max-width:414px) {
.header .top-menu{ top:3.8em;}
}
@media screen and (max-width:375px){
.header .top-menu{ top:3.5em;}
}
@media(max-width:360px) {
.header .top-logo{ width: 45%;}
.header .top-menu{ top:3.3em;}
}

@media screen and (max-width: 320px){
.header .top-logo{ width: 60%;}
}

.zixun12{  color:#FFF; display:block;background-color:#ff8b00; padding:.5em 0; border-radius:2em;width: 200px;/***  text-align: center;***/margin: 0 auto;}
.zixun12 a{  color:#FFF; }
.zixun12:hover{ background-color:#364667;}
.top-logo{ font-size:35px; font-weight:bold}
.b2{ line-height:60px}
.b2 h3,.b2 h2{ line-height:50px}
.index_jingyan i{ font-size:30px; margin-bottom:15px; color:#4373C8}
.xinwen{ padding:15px; text-align: left; margin-bottom:15px}
.xinwen h3{ font-size:16px; font-weight:bold; height:38px; line-height:38px; overflow:hidden; margin-bottom:15px}
.youqing a{ color:#7C7C7C; line-height:28px; margin-right:8px; font-size:15px}
.banquan a{ color:#999} 
.xinwen p{ font-size:15px}
.b2 a{ color:#FFFFFF}

.act{background-color:#F93; color:#FFF;}

.newBanner{ background:url(../image/banner_new.jpg) no-repeat center;}
.question{ display:flex; margin-top:1em; margin-bottom:2em;}
.question .left{ width:23%;}
.question .left ul{ text-align:center;padding-top: .5em; margin-bottom:2em;}
.question .left ul a{line-height:3em; height:3em; display: block;}
.question .left ul a:hover{background-color:#CCC;}
/*.question .left ul li:first-child{ background-color:#F93; color:#FFF;}
.question .left ul li{line-height:3em; height:3em;}
.question .left ul li a:hover{ display:block; background-color:#CCC;} */
.question .left div{ border-top:2px solid #F93; padding-top:1em; padding-left:.5em;}
.question .left div p{ margin-bottom:.3em;color: #333;font-size: .95em;}

.question .right dl dt{ display:flex; transition:all 2s; padding:1em; margin-bottom:1.5em;border: 1px solid #ffffff;box-shadow: 0 0 10px -5px;}
.question .right dl dt:hover{border: 1px solid #ff9933;box-shadow: 0 0 15px -5px;}
.question .right .listzx_img{ flex:3; height:100%; overflow:hidden;border-radius: .2em;}
.question .right .listzx_img img{width: 100%;height: auto;}
.question .right .listzx_conter{ flex:9; padding-left:.7em;}
.question .right .listzx_xiangxi{ margin:.5em 0; color:#666; line-height:1.7em; font-size:15px; font-weight:normal}
.question .right .list_xiangmu{display: flex;font-size:.8em; margin-top:1%; color: #8c8989;}
.question .right .list_xiangmu img,.article .article-meta .muted img{ width:1.05em; margin-right:.3em;    padding-top: .2em; display: block;}

.paging {text-align:center; background-color: #FFF; padding: 1em 0;}
.paging  li { border: 1px solid #e6e5e4; margin-right: .2em; padding: .5em 1em;text-align: center;display: inline-block;  color:#929292;}
.paging  li:hover { background-color: #F93; color: #fff;}
.paging  li a {display: block;width: 100%;}
.paging  li a:hover {  color: #FFF;}
.paging  li.thisclass { background-color: #F93; color: #fff; border-color: #e45291;}

.article{border: 1px solid #ffffff;box-shadow: 0 0 10px -5px; width:100%}
.article .article-title{font-size:2em; padding:2% 0 2% 4%; font-weight:normal; color: #555;margin-bottom: .3em;}
.article .article-meta{ display:flex;font-size: .9em; color: #7d7d7d;padding: 0 0 2% 4%;border-bottom: 1px solid #e6e6e6;}
.article .article-meta span{ padding-right:.7em;}
.article .article-content{font-size: 1em;line-height: 1.7em;text-align: justify;padding: 2% 4%;color: #7b7979;letter-spacing: .01em;}
.article .article-content img{max-width: 95% !important; min-width: auto !important;  height: auto !important;}
.article .article-content p,.article .article-content div{margin-bottom:.5em;color: #545454;word-wrap: break-word;}
.s-top-b{padding-top:1.2em; padding-bottom:1.2em;border-top: 1px dashed #c5c2c2; border-bottom: 1px dashed #c5c2c2; text-align:center;}
.s-top-b span{line-height: 1.7em; padding-right:1em;}
.s-top-b span a:hover{color:#F93;}
.article h3{ margin:1em 0;}
.article .article-tips{display:flex; margin:1em 0;flex-wrap: wrap;padding: 0 4%;}
.article .article-tips p{width:49%; }
.article .article-tips p:not(:last-child){ margin-right:2%;}
.article .article-tips p a{ height:2.5em;line-height:2.5em;}
.article .article-tips p a span{ padding-right:.2em;}
.article .article-tips p a:hover{ color:#F93;}

@media (max-width: 768px){
.question .right .listzx_img{ height:100%;}
}
@media(max-width:640px) {
.position{ padding:1.5em .5em 1em;}
.banner,.question .left div{display:none !important;}
.question{ flex-wrap: wrap;}
.question .left,.question .right{ width: 100%;}
.question .left ul{display: flex; flex-wrap:wrap;}
.question .left ul a{display: block;padding: 0 .5em;line-height: 2em;height: 2em;}
.question .left ul a:first-child{ display:none;}
.question .right{ margin-left: 0;}
.question .right .listzx_img{flex:4;}
.question .right .listzx_img img{height: 100%; width: 100%;}
.question .right dl dt{box-shadow: 0 0 7px -5px;}
.article{ border:none;box-shadow:none;}
.article .article-tips p{width:100%;}
.article .article-tips p:not(:last-child){ margin-right:0;}
}
.pageNavi{ margin:15px}
.wp-pagenavi {
	clear: both; margin-top:15px; padding-top:15px; overflow:hidden
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px; margin-bottom:15px;display:inline-block; float:left
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}