@charset "utf-8";
/*base*/
* {padding: 0; margin: 0;}
body{font:14px "Microsoft YaHei",arial;text-align:left;color:#333; }
button, input{ color: inherit; font: inherit; margin: 0; padding: 0; border: 0; background: none; outline: none;}
input[type="text"],input[type="button"],input[type="submit"],input[type=password],input[type="reset"],input[type="date"]{ -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
*, *:before, *:after{ box-sizing: border-box;}
a {text-decoration: none; color: #333;}
em,i {font-style: normal;}
li,ol,ul{list-style-type:none}
img {border: 0;}
.clearfix{ clear: left;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}  
.fl{ float: left;}
.fr{ float: right;}
.tc{ text-align: center;}
.tr{ text-align: right;}
.hide{ display: none;}
.block{ display: block !important;}
.fw-b {font-weight: bold;}
.rel {position: relative;}
.abs {position: absolute;}
.c333 {color: #333 !important;}
.c666 {color: #666 !important;}
.c999 {color: #999 !important;}
.white { color: #fff !important;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.marginauto {margin: 0 auto;}
.w100 {width: 100%;}
.w {width: 1200px; margin: 0 auto;}
input::-webkit-input-placeholder {color: #888 !important; }
input:-moz-placeholder {color: #888 !important; }
input::-moz-placeholder {color: #888 !important; }
input:-ms-input-placeholder {color: #888 !important; }
.flex-box {position: relative; background-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}

/*首页*/
.header {height: 80px; position: relative; z-index: 9;}
.logo {width: 132px; height: 58px; left: 0; top: 11px;z-index: 2;}
.logo img {width: 100%; display: block;}
.banner {height: 200px; background: url(../images/banner.jpg) center 0 no-repeat;}
.nav{min-height: 80px;position: relative;width: 100%;}
.navicon{width:36px;height: 30px; background: url(../images/navicon.png) no-repeat; position: absolute;right: 20px;top:27px;display: none; cursor: pointer;}
.header.on .navicon { background: url(../images/navicon2.png) no-repeat;}
.navbox{display: block;position: absolute;right: 0px;top:15px;width: 100%;text-align: right;}
.navbox li{display: inline-block;}
.navbox li a{line-height: 50px;display: inline-block;color: #333;padding:0 20px; font-size: 16px;}
.navbox li.active a{background: #00A0E9;color: #fff;}
.navbox li:hover a{background: #00A0E9;color: #fff;}
.navbox li.on a{background: #00A0E9;color: #fff;}
.footer {padding: 16px 0; background: #e9eef0;}
.footer p { text-align: center; color: #666;line-height: 20px;}
.ix-search {width: 480px; margin: 0 auto; padding-top: 40px;}
.ix-search h1 {font-size: 14px; margin-bottom: 20px; color: #fff;}
.ix-search .s-top input.fl {width: 400px; height: 50px; text-indent: 20px; line-height: 50px; font-size: 16px; background: #fff; float: left; border-radius: 6px 0 0 6px;}
.ix-search .s-top input.fr {width: 80px; height: 50px; cursor: pointer; background:url(../images/searchico.png) center center #ffb618 no-repeat; float: left; border-radius: 0 6px 6px 0;}
.ix-search .s-top input.fr:hover {background:url(../images/searchico.png) center center #f1a500 no-repeat;}
.ix-search .txt {padding-top: 20px;}
.ix-search .txt span {color: #fff; font-size: 14px;}
.ix-search .txt a {color: #fff; font-size: 14px; padding: 0 5px;}
.ix-search .txt a:hover {text-decoration: underline;}
.ix-content {background: #f3f7f9;}
.fastnav {padding-top: 30px;}
.fastnav-txt {width: 820px; height: 230px; padding:25px 20px; background: #fff;}
.fastnav-pic {width: 350px; height: 230px;}
.fastnav-pic img {width: 350px; height: 230px;}
.fastnav-txt .f-top {margin-bottom: 20px;}
.fastnav-txt .f-top span {color: #333; font-size: 16px;background: #FFB618; padding: 2px 8px; border-radius: 3px;}
.fastnav-txt .f-top  a { color: #fff; background: #25333a; padding: 2px 10px; margin-right: 10px; border-radius: 3px;}
.fastnav-txt .f-top  a:nth-child(3) {background: #00A0E9;}
.fastnav-txt .f-top  a:nth-child(4) {background: #FFB618;}
.fastnav-txt .f-btm  {margin-bottom: 3px;  position: relative;}
.fastnav-txt .f-btm .txt  {padding-left: 0px; position: relative;}
.fastnav-txt .f-btm p {font-size: 16px; color: #00A0E9;}
.fastnav-txt .f-btm  ul { width: 700px; display: block;}
.fastnav-txt .f-btm  ul li {float: left; padding: 0 5px; margin-bottom: 15px;}
.fastnav-txt .f-btm  a {color: #666; font-size: 16px; background: #ebf3f7;font-weight: normal; border-radius: 3px; padding: 0 5px 2px; margin-right:5px; margin-bottom:15px; display:inline-block;}
.fastnav-txt .f-btm  a:hover {color: #fff; background: #00A0E9;}
.fastnav-txt .f-btm  a.on {color: #fff; background: #00A0E9;font-size: 16px;border-radius: 3px; padding: 0 6px 2px; margin-right:8px; display: inline-block;}
.zuopin-box {padding-top: 30px;}
.zuopin-box li {width: 23.5%; margin-right: 2%; margin-bottom: 25px; overflow: hidden; box-shadow: 0 2px 4px #ddd; float: left; border-radius: 6px; background: #fff;}
.zuopin-box li .pic { width:100%;overflow: hidden;}
.zuopin-box li .pic img { width:100%; display: block; transition: all 0.5s;}
.zuopin-box li .pic img:hover {transform: scale(1.1);}
.zuopin-box li:nth-child(4n) {margin-right: 0;}
.zuopin-box li .txt {padding: 10px;}
.zuopin-box li .txt h3 {font-size: 16px; color: #333; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.zuopin-box li .yema {padding: 0px 10px 10px;}
.zuopin-box li .yema b {color: #f00; font-size: 16px;}
.zuopin-box li .yema span {color: #666; background: #eee; border-radius: 3px; padding: 2px 10px;}
.ix-more {padding: 30px 0 50px}
.ix-more a {width: 180px; height: 50px; border-radius: 50px; background: #00A0E9; color: #fff; display: block; margin: 0 auto; text-align: center; line-height: 50px; font-size: 16px;}
/*page*/
.nypages {padding: 60px 0 100px;}
.nypages ul {text-align: center; }
.nypages ul li {display: inline-block;  margin: 0 3px; background: #fff; font-size: 14px; line-height: 40px;  border: #ddd solid 1px; color: #666;}
.nypages ul li a {display:block; color: #666;font-size: 14px;padding: 0px 14px}
.nypages ul li:hover {background: #00A0E9; color: #fff;border: #00A0E9 solid 1px;}
.nypages ul li:hover a {color: #fff;}
.nypages ul li:first-child {padding: 0 15px} 
.nypages ul li:first-child a {padding: 0} 
.nypages ul li:last-child {padding: 0 15px} 
.nypages ul li:last-child a {padding: 0} 
.nypages ul li.thisclass {background: #00A0E9; color: #fff;border: #00A0E9 solid 1px; padding: 0 15px}
.nypages ul li.thisclass a {color: #fff; padding: 0}
.nypages ul li strong { font-weight: normal; }
/*article*/
.inner-artCon {padding:25px 0px 0;}
.article-top h1 { font-size:28px; color:#333; text-align: center; font-weight:300; padding:10px 0;}
.article-top p.tc span{ padding-right:10px; font-size: 14px;}
.article-con {padding:15px 8px;line-height:28px; font-size:16px;color: #333;}
.article-top p {padding:10px 0  10px; text-align: center; border-bottom:#ddd solid 1px; color:#999;}
.article-con p {margin-bottom:10px;}
.article-con img {max-width:100%; margin-bottom: 15px;}
.article-conShare {padding:5px 10px 15px;}
.article-page {padding:20px 10px 10px;}
.article-page a {font-size:16px; display:block;  line-height:40px;}
.article-page a:Hover { text-decoration:underline;color:#034ea1;}
.article-con .swiper-wrapper {padding-bottom: 30px}
.article-con .swiper-wrapper img {max-width: 100%}
.article-page a {display: inline-block; font-size: 14px; line-height: 24px;}
.article-page li {color: #999; margin-bottom: 10px}

/*搜索*/

.searchtop {padding: 20px 0 0; display: none}
.searchtopcon {background:#fff; padding:16px 16px 5px;}
.searchtopcon h1 {font-size:18px; margin-bottom:20px;}
.searchtopcon h1 em {font-size:14px;font-weight:normal; color:#f00; padding-left:10px;}
.searchtopcon p a {color: #fff; font-size: 16px; background: #666; border-radius: 3px; padding: 0 6px 2px; margin-right:4px; margin-bottom:8px; display:inline-block;}
.searchtopcon p a:hover {background: #00A0E9}

.detinfo {padding: 20px 0 0;position: sticky;z-index: 9; top: -20px}
.detinfocon {padding: 20px; background: #00A0E9; position:relative;}
.detinfocon a {position: absolute;right: 12px; top: 20px; color: #fff; font-size: 16px; padding:3px 10px; background:#f1a500;}
.detinfocon span { padding: 3px 10px; background: #fff; display: inline-block; color: #333 }
.detinfocon span em {color: #f00; font-weight:bold;}

.arcbodycon {padding-top: 20px}

.xgart {padding: 20px 10px 30px; border-top: #ddd solid 1px }
.xgart h3 {margin-bottom: 15px;font-size:16px; }
.xgartcon a {font-size: 14px; line-height: 2.2; padding-left: 15px; position: relative;}
.xgartcon a::before {content: ""; width: 3px; height: 3px; background: #999; border-radius: 3px; position: absolute; left: 0; top: 8px;}
.xgartcon a:hover {color: #00A0E9;}

.text-secondary { text-align: center; color: #999 }

.article-text {padding: 10px 0 0px; margin-top: 30px; border-top: #bbb dashed 1px; position: relative;}
.artbtn {position: absolute; width:22px; height: 16px; font-size: 12px; cursor: pointer; background: #ddd; text-align: center;line-height: 16px; color: #fff; left: 50%; top: -10px; margin-left: -11px;}
.article-tcon {display: none; border-bottom: #bbb dashed 1px; padding: 20px 10px 30px; line-height: 1.5; color: #666}

.article-tips {padding: 10px 0; background: #f5f5f5;}
.article-tipscon {background: #fff;padding: 10px;}
.article-tipscon p {font-size: 16px; color: #666; line-height: 1.8; margin-bottom: 5px;}
.article-tipscon p em {color: #00A0E9;font-weight: bold;}
.article-tipscon p i {color: #f00; font-weight: bold;}
   .article-con .picbox .swiper-slide a { display:block; text-align:center;}
   .article-con .picbox .swiper-slide a img { display:inline-block;}
      .article-con .picbox .swiper-pagination {bottom: auto; top: 0}
      .article-con .picbox .swiper-wrapper {padding-top: 50px}
      .article-con .picbox .swiper-pagination-bullet {width: 20px; height: 20px; font-size: 12px; text-align: center; line-height: 20px; color: #fff}
      
      
#key-word{ width: 220px; height: 30px;   background: #eee;   padding: 0 10px;   font-size: 14px;    line-height: 30px;}
#search-button{width: 60px;    height: 30px;    background: #ff8400;  cursor:pointer;  color: #fff;}

.problemlist {padding:50px 0;}
.proitem .tit { font-size:24px; margin-bottom: 30px; border-bottom:#ddd solid 2px; height:40px;}
.proitem .tit em {background: #00A0E9; color:#fff; display:inline-block; padding:0px 10px; line-height:40px;}
.proitem ul {overflow:hidden;}
.proitem li {float:left; width:380px; margin-right: 30px; margin-bottom: 30px; border-radius:6px; overflow:hidden; position:relative;}
.proitem li a {display:block;}
.proitem li a::before {content:''; width:50px; height:50px; z-index:2; background:url(../images/xglogo.png) center center  no-repeat; position:absolute; left:50%; margin-left: -25px; top:35%;}
.proitem li:nth-child(3n) { margin-right: 0;}
.proitem li .pic {width:380px; height:214px; background: #000;}
.proitem li .pic img {width:100%; vertical-align: middle; opacity: 0.9;}
.proitem li .txt {height:50px; background: #888; overflow:hidden;}
.proitem li .txt p {line-height:50px; text-align:center; font-size:16px; color:#fff;}
.proitem li .txt p i {width:24px; height:24px; background:#00A0E9; display:inline-block; vertical-align:middle; line-height:24px; border-radius:20px; margin:-3px 5px 0 0;}