body{font-size:12px; font-family:"微软雅黑"; background:#f7f7f7;}
.fr{ float:right;}
.fl{ float:left;}
.fn{ float:none;}
.f2{ font-size:12px;}
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;text-decoration: none;}
ul,li{padding:0px; margin:0px; list-style:none;}
form,select,textarea,input{ margin:0px;padding:0px; outline:medium; border:0; border-radius:0; background:none; font-family:"微软雅黑"; font-size:14px;    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 和 Chrome */ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-appearance: none;}	
a{ margin:0px;padding:0px; outline:medium; border:0; border-radius:0; background:none; font-family:"微软雅黑";    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 和 Chrome */ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-appearance: none;}
i,em{ font-style:normal;}
.mo{ margin: 0 auto;}
.most{ width:100%; height:auto; overflow:hidden; display:block;}
.roundBorder{border-radius: 15px;} 
.clear{ clear:both; height:0; overflow:hidden;} 
.imr{ width:100%; display:block; margin:auto; position:absolute; left:0; top:0; bottom:0; right:0;}
.dsk{ width:100%; height:100%; display:block; overflow:hidden;}

/*图标*/
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-shangjiantou:before { content: "\e617"; }
.icon-neiyexiangzuofanhuianniu01:before { content: "\e63e"; }
.icon-dibiao:before { content: "\e6d4"; }
.icon-jiantouyoujiantou:before { content: "\e615"; }
/*首页*/
.banner{ position:relative; max-width:640px; z-index:1; margin:0 auto 15px;}
.banner img{ width:100%; display:block; overflow:hidden;}
.banner div.swiper-pagination span.swiper-pagination-bullet{ width:25px; height:4px; margin:0 3px; overflow:hidden; background:#e2e1ea;}
.banner div.swiper-pagination span.swiper-pagination-bullet-active{ background:#0a96ad;}
.banner div.swiper-pagination{ width:35%; left:65%; bottom:8px;}
.hd{ width:100%; height:54px; background:#fff; position:fixed; left:0; top:0; z-index:101;}
.logo{ width:80%; height:40px; overflow:hidden; padding:7px 8px;}
.logo img{ width:100%; height:100%;}
.hd-cz{ width:43px; height:100%; overflow:hidden; position:absolute; right:0; top:0; z-index:5;}
.hd-cz p{ width:100%; height:100%; display:block;}
.hd-cz em{ width:25px; height:3px; display:block; overflow:hidden; background:#14818c; position:absolute; left:9px; top:17px; }
.hd-cz i{ width:25px; height:3px; display:block; overflow:hidden; background:#14818c; position:absolute; left:9px; top:25px; }
.hd-cz b{ width:25px; height:3px; display:block; overflow:hidden; background:#14818c; position:absolute; right:9px; top:33px; }
.hd-cz p em{-webkit-transform:rotate(0deg);-webkit-transition-duration:0.4s; -moz-transform:rotate(0deg);-moz-transition-duration:0.4s; transform:rotate(0deg);transition-duration:0.4s;}
.hd-cz p b{-webkit-transform:rotate(0deg);-webkit-transition-duration:0.4s; -moz-transform:rotate(0deg);-moz-transition-duration:0.4s; transform:rotate(0deg);transition-duration:0.4s;}
.hd-cz p.act em{-webkit-transform:rotate(45deg);-webkit-transition-duration:0.4s; -moz-transform:rotate(45deg);-moz-transition-duration:0.4s; transform:rotate(45deg);transition-duration:0.4s; top:25px;}
.hd-cz p.act b{-webkit-transform:rotate(-45deg);-webkit-transition-duration:0.4s; -moz-transform:rotate(-45deg);-moz-transition-duration:0.4s; transform:rotate(-45deg);transition-duration:0.4s; top:25px;}
.hd-cz p.act i{ display:none;}
.hd-mc{width: 68%; height:40px; margin-top:10px; display:block; overflow:hidden; line-height:34px; padding-left:8px; border-left:1px solid #cccccc; }
.hd-nav{ display:none; width:40%; height:auto; position:absolute; overflow:hidden; right:0; top:40px; padding-top:10px;}
.hdn-icon{ width:43px; height:10px; overflow:hidden; background:url(../images/hd-icon0.png) no-repeat center top; background-size:20px 100%; position:absolute; right:0; top:0;}
.hdn-list{ background:#14818c;}
.hdn-list li{ width:100%; height:40px; float:left; overflow:hidden; text-align:center; line-height:40px; border-bottom:1px solid #00727e;}
.hdn-list a{ color:#fff; font-size:16px;}
.io{ background:#fff; margin-bottom:15px;}
.io-title{ width:94%; height:40px; padding:0 3%; overflow:hidden; line-height:40px; border-bottom:1px solid #cccccc;}
.io-title span{ color:#14818c; font-size:14px;}
.io-title em{ font-size:16px;}
.io-title span i{ padding:0 5px;}
.io-title a{ font-size:14px; color:#999999;}
.io-title a i{ font-size:20px; display:block;}
.io-title a b{ display:block; font-weight:400;}
.io-hx{ width:94%; height:125px; overflow:auto; margin:15px auto 0;}
.io-hx ul{ height:100%; overflow:hidden;}
.io-hx li{ width:170px; height:auto; overflow:hidden; float:left; margin-right:10px; box-shadow:0 0 4px #ccc; border:1px solid #e6e6e6; float:left;}
.io-hx span{ width:94%; height:35px; margin:0 auto; display:block; overflow:hidden; line-height:35px; font-size:15px; color:#333333; border-bottom:1px dotted #d6d6d6;}
.io-hx p{ width:94%; height:60px; margin:8px auto; display:block; overflow:hidden; line-height:20px; font-size:12px; color:#777777;}
.io-hx li.mro{ margin-right:5px;}
.io-news li{ border-bottom:1px solid #e6e6e6; width:94%; height:auto; overflow:hidden; margin:0 auto;}
.io-news li.mbo{ border-bottom:0;}
.io-news a{ padding:15px 0;}
.io-news img{ display:block; height:90px; width:120px;}
.io-news div{ display:block; margin-left:130px;}
.io-news p{ width:100%; height:44px; overflow:hidden; display:block; line-height:22px; font-size:14px; color:#323232; margin-bottom:18px;}
.io-news span{ width:100%; height:28px; overflow:hidden; display:block; line-height:28px; font-size:14px; color:#cccccc;}
.io-news li{-webkit-transform: translateY(25px); -moz-transform: translateY(25px);transform: translateY(25px); opacity: 0;}
.io-news li.adcs{
     -webkit-animation: moveUp .6s ease both; -moz-animation: moveUp .6s ease both; animation: moveUp .6s ease both;   
}
@keyframes moveUp {
100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes moveUp {
100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0);opacity: 1;}
}
@-moz-keyframes moveUp {
100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0);opacity: 1;}
}

.io-icons{box-sizing: border-box;}
.io-icons li{ width:24.76%; height:auto; overflow:hidden; float:left; border-bottom:1px solid #f0f0f0; border-right:1px solid #f0f0f0;}
.io-icons li.mro{ border-right:0;}
.io-icons img{ width:40%; display:block; overflow:hidden; margin:15px auto 0;}
.io-icons p{ width:100%; height:55px; display:block; overflow:hidden; text-align:center; line-height:55px; margin-bottom:4px; color:#999; font-size:14px; box-sizing: border-box;}
.io-icons li.afat p{ height:auto; line-height:22px; margin-bottom:5px; padding-top:10px;}
/*服务领域*/
/*.fy-banner{ padding:54px 0 0;}*/
.fyn-col{ width:100%; height:40px; overflow:auto; border-bottom:1px solid #cccccc;}
.fyn-col ul{ height:100%; overflow:hidden;}
.fyn-col li{ width:80px; float:left; overflow:hidden; height:auto; text-align:center;}
.fyn-col p{ padding:0 5px; display:inline-block; margin:0 auto; border-bottom:2px solid #fff; height:38px; line-height:38px; font-size:15px; color:#666666;}
.fyn-col a.act p{ border-bottom:2px solid #14818c; color:#14818c;}
/*服务领域详情*/
.nix-title{ width:94%; height:auto; line-height:22px; margin:0 auto 5px; overflow:hidden; font-size:16px; color:#666666; font-weight:400; padding:15px 0 0;}
.nix-subt{ width:94%; height:30px; margin:0 auto; line-height:30px; overflow:hidden; border-bottom:1px solid #ccc; font-size:13px; color:#999999;}
.nix-subt span{ padding-left:10px;}
.au-text{ width:94%; height:auto; overflow:hidden; margin:0 auto; line-height:22px; color:#666666; padding:15px 0; font-size:13px;}
.nix-cz a{ width:48%; height:35px; display:block; overflow:hidden; text-align:center; line-height:35px; font-size:15px; background:#ececec; color:#444444;}
.fyx-run{ width:45px; line-height:45px; height:45px; display:block; overflow:hidden; text-align:center; background:url(../images/fyx-opo.png) repeat; border-radius:50px; position:absolute; left:10px; top:10px;}
.fyx-run i{ color:#fff; font-size:26px;}
/*关于jbo竞博·电竞app*/
.au-ts{ padding:15px 3%; width:94%; height:auto; overflow:hidden; line-height:22px; font-size:14px; color:#666;}
.au-subt{ background:#14818c; padding:8px 0; text-align:center; font-weight:400;}
.au-subt p{ width:100%; height:25px; display:block; line-height:25px; overflow:hidden; color:#fff; font-size:18px;}
.au-subt span{ width:100%; height:20px; display:block; line-height:20px; overflow:hidden; color:#29c2d1; font-size:16px;}
.au-rys{ padding-top:15px;}
.au-rys li{ width:50%; height:auto; overflow:hidden; float:left; margin-bottom:10px;}
.au-rys span{ width:88%; height:110px; overflow:hidden; position:relative; display:block; margin:0 auto; border:1px solid #ccc;}
.au-rys p{ width:88%; height:44px; line-height:20px; display:block; overflow:hidden; margin:0 auto; font-size:14px; color:#666; padding-top:5px;}
.au-gxt{ width:96%; display:block; margin:20px auto 30px; overflow:hidden;}
/*联系我们*/
.cu-title0{ width:94%; height:40px; overflow:hidden; line-height:40px; margin:25px auto 0;}
.cu-title0 i{ display:block; color:#da2929; font-size:24px;}
.cu-title0 span{ font-size:16px; display:block; padding-left:2px;}
.cuo{ width:94%; height:auto; overflow:hidden; margin:0 auto; color:#fff; background:#14818c;}
.cuo-title{ width:94%; height:45px; overflow:hidden; line-height:45px; margin:0 auto; font-size:16px; font-weight:400;}
.cuo-cu{ width:94%; height:auto; overflow:hidden; margin:0 auto 20px; line-height:25px; color:#fff; font-size:14px;}
.cuo-text{ width:94%; height:auto; overflow:hidden; margin:0 auto 20px; line-height:22px; color:#fff; font-size:14px;}
.cu-title1{ width:94%; height:40px; overflow:hidden; line-height:40px; margin:25px auto 0;}
.cu-title1 i{ display:block; color:#da2929; font-size:24px;}
.cu-title1 span{ font-size:16px; display:block; padding-left:2px;}
.cut{ width:94%; height:auto; overflow:hidden; margin:0 auto; color:#fff;}
.cuts-show{ width:94%; height:45px; line-height:45px; padding:0 3%; overflow:hidden; font-size:18px; color:#fff;}
.cuts-show span{ width:80%; height:100%; overflow:hidden; display:block;}
.cuts-show i{ height:45px; display:block; font-size:26px; -webkit-transform:rotate(180deg);-webkit-transition-duration:0.5s; -moz-transform:rotate(180deg);-moz-transition-duration:0.5s; transform:rotate(180deg);transition-duration:0.5s;}
.cuts-show i.act{ -webkit-transform:rotate(0deg);-webkit-transition-duration:0.5s; -moz-transform:rotate(0deg);-moz-transition-duration:0.5s; transform:rotate(0deg);transition-duration:0.5s;}
.cuts-hide{ width:94%; height:auto; overflow:hidden; margin:0 auto; padding-bottom:20px; line-height:25px; color:#fff; font-size:14px; display:none;}
.cuts{ margin-bottom:10px; background:#14818c;}
/*jbo竞博·电竞app诠释*/
.bq-xxk li{ width:50%; height:auto; overflow:hidden; float:left;}
.bq-xxk a{ width:100%; height:45px; display:block; overflow:hidden; text-align:center; line-height:45px; background:#e6e6e6; font-size:16px; color:#666666;}
.bq-xxk a.act{ color:#fff; background:#14818c;}
.bq-text{ width:94%; height:auto; overflow:hidden; padding:15px 3%; line-height:22px; color:#666;}
.bq-text img{max-width: 100%; height: auto;}
/*企业活动*/
.qh-list{ padding:12px 0 0;}
.qh-list li{ width:50%; height:auto; overflow:hidden; float:left; padding:0 6px 12px 12px; box-sizing: border-box;}
.qh-list li.mro{ padding:0 12px 12px 6px;}
.qh-list a{ background:#e5e5e5;}
.qh-list span{ width:100%; height:110px; display:block; overflow:hidden; position:relative;}
.qh-list p{ width:94%; display:block; overflow:hidden; margin:0 auto; line-height:40px; height:40px; font-size:14px; color:#333333; text-overflow:ellipsis; white-space:nowrap;}
/*团队实力*/
/*.ts-list li{ width:50%; height:auto; overflow:hidden; float:left; padding:12px 6px 0 12px; box-sizing: border-box;}
.ts-list a{box-sizing: border-box; border:1px solid #e6e6e6;}
.ts-list em{ width:100%; height:100px; overflow:hidden; display:block; position:relative;}
.ts-list span{ width:80%; height:30px; display:block; overflow:hidden; text-align:center; line-height:30px; margin:0 auto; border-bottom:1px solid #ccc; font-size:15px; color:#333333;}
.ts-list p{ width:92%; height:60px; overflow:hidden; display:block; margin:8px auto; line-height:20px; color:#666666;}
.ts-list li.mro{ padding:12px 12px 0 6px;}*/
.ts-list{width:96%;margin:0 auto;overflow: hidden;height: auto;line-height: 27px;font-size: 14px;color:#666666;margin-top: 20px;margin-bottom: 20px;}
.ts-list p{line-height: 27px;font-size: 14px;color:#666666;}
.ts-list img{max-width: 100%;height: auto;}
/*招贤纳士*/
.znk{ width:94%; height:auto; overflow:hidden; margin:10px auto 0; background:#fff;}
.znk-title{ width:94%; height:45px; margin:0 auto; overflow:hidden; line-height:45px; font-size:16px; color:#058595; font-weight:400; border-bottom:1px solid #ccc;}
.znk-tx{ width:94%; height:auto; overflow:hidden; padding:8px 3%;}
.znkt-title{ display:block; width:80px; height:22px; line-height:22px; overflow:hidden; font-size:14px; color:#666666;}
.znkt-nr{ display:block; height:auto; overflow:hidden; margin-left:80px; line-height:22px; font-size:14px; color:#333333;}
.znkt{ margin-bottom:5px;}
/*招贤纳士详情*/
.znx-title{ width:94%; height:40px; margin:0 auto; line-height:40px; overflow:hidden; font-size:16px; color:#333333; padding-top:15px;}
.znx-text{ width:94%; height:auto; overflow:hidden; margin:0 auto; line-height:22px; color:#333333; font-size:14px;}
div.znx-recs .znk-tx{ padding-bottom:0;}

.au-text img{max-width: 100%;height: auto;}









/*期刊列表*/
ul.wdqk-adcs li{ width:25%;}
ul.wdqk-adcs li a{ font-size:13px;}
.wdqk-form{ padding:25px 5px 10px; box-sizing:border-box; width:100%; position:relative; z-index:5;}
.wdqkf-xl{ font-size:16px; cursor:pointer; width:150px; height:30px; position:relative;}
.wdqkf-xl p{ width:100%; height:100%; display:block; background:url(../images/arrow_down.png) no-repeat 120px center #02b3c5; text-indent:30px; color:#fff; line-height:30px; position:relative; z-index:10;}
.wdqkf-xl ul{ width:148px; overflow:hidden; position:absolute; left:0; top:29px; border:1px solid #d3d6d8; border-top:0; background:#fff; z-index:8; display:none;}
.wdqkf-xl li{ width:100%; text-indent:30px; line-height:30px; height:30px; line-height:30px; overflow:hidden; float:left; border-top:1px dashed #d3d6d8;}
.wdqkf-xl a{ width:100%; height:100%; display:block; font-size:12px; color:#878787;}
.wdqk-list{ padding:0 10px 25px; box-sizing:border-box;}
.wdqk-list li{ width:100%; overflow:hidden; float:left; border-bottom:1px solid #e6e6e6;}
.wdqk-list a{ width:100%; display:block; overflow:hidden; padding:7px 0 9px;}
.wdqk-list p{ width:100%; height:27px; line-height:27px; display:block; overflow:hidden; color:#14818c; font-size:15px;}
.wdqk-list span{ width:100%; height:25px; line-height:25px; display:block; overflow:hidden; color:#999; font-size:13px;}
/*期刊详情*/
.wsqx-title{ width:94%; height:auto; line-height:22px; margin:0 auto 5px; overflow:hidden; font-size:16px; color:#666666; font-weight:400; padding:15px 0 0; text-align:center;}
.wsqx-subt{ width:94%; height:30px; margin:0 auto; line-height:30px; overflow:hidden; border-bottom:1px solid #ccc; font-size:13px; color:#999999; text-align:center;}
.wsqx-subt span{ padding-left:10px;}
div.wsqx-links a{ width:30%;}
div.wsqx-links em{ width:30%; height:100%; display:block; padding:0 5%;}
div.wsqx-links em a{ width:100%;}
.au-gxt{max-width: 100%;height: auto;display:block;}



.ikft{ width:100%; height:auto; overflow:hidden; text-align:center;padding-top:30px;padding-bottom:8px;}
/*.opuw{width:98%;height: auto;margin:0 auto;overflow: hidden;}*/
.ikft p{font-size:13px;color:#999;line-height: 0.32rem;width:100%;height:20px;}


.hdoc{width: 100%;height:50px;overflow:hidden;line-height: 30px;background: #14818c;margin:0 auto;margin-top: 54px;}
.hdoc p{
	width:100%;margin:0 auto;padding: 0 5px;
	display: block;
	height: 36px;
	line-height: 18px;
	margin-top:6px;
	overflow: hidden;
	color: #6cefff;
}
.hdoc p i{
    /*padding-right:18px;*/
    width: 20%;
}
.hdoc p i.mro{border-right: 1px solid #34ddf2;}
.hdoc p a{color: #fff;}
.hdoc em{
	display: block;
	padding: 0 0 0 18px;
	overflow: hidden;
	color: #6cefff;
}
.hdoc em a{
  width: 15px;
  height: 19px;
  display: block;
  overflow: hidden;
  background: url(/public/pc/images/hd-map.png) no-repeat;
}




/*党建风采新增子栏目*/
.dgcol {
  width: 96%;
  height: 40px;
  overflow: hidden;
  line-height: 40px;
  text-align: center;
  margin: 10px auto;
}

.dgcol li {
  width: 31.5%;
  height: 100%;
  float: left;
  overflow: hidden;
  margin-right: 10px;
}
.dgcol li:nth-child(3){
  margin-right: 0;
}
.dgcol a {
    width: 100%;
    height: 100%;
    display: block;
    background: #e6e6e6;
    font-size: 16px;
    color: #666666;
}

.dgcol a:hover,.dgcol a.act{ color:#fff; background:#14818c;}

/*视频列表*/
.vidlist{
  width:95%;
  height: auto;
  overflow: hidden;
  margin:0 auto 20px;
}

.vidlist li {
  width:100%;
  height: auto;
  overflow: hidden;
  margin: 0 0 20px 0;
    
}

.vidlist li .vifr{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vidlist li img{
  width: 100%;
  height:260px;
}

.vidlist li i{
  position: absolute;
  width:50px;
  height:50px;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  background:#ffffff url(../images/bofang.png) no-repeat left top;
  background-size: 100% 100%;
  cursor: pointer;
  z-index: 99;
  border-radius: 50%;

}

.vidlist p{
  width: 100%;line-height: 40px;font-size: 15px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}