@charset "utf-8";
@import "../fonts/iconfont.css";
/* CSS Document */
html {overflow-y:scroll;}
*{margin:0;padding:0;list-style:none;border:0;}
body{font-size:15px;  margin:0; padding:0;font-family: "Microsoft Yahei"; overflow:hidden; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,html,body,nav{padding:0;margin:0; color:#333}
h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;}
img{border:0;}
ol,ul{list-style:none;}
i{ font-style:normal}
h1{font-size:18px;}
a{color:#333;text-decoration:none;font-size:15px;blr:expression(this.onFocus=this.blur());}
a:hover{color:#f00;text-decoration:none;}

.clean70{clear:both;height:60px;overflow:hidden;}
.clean50{clear:both;height:50px;overflow:hidden;}
.clean30{clear:both;height:30px;overflow:hidden;}
.clean20{clear:both;height:20px;overflow:hidden;}
.clean10{clear:both;height:10px;overflow:hidden;}
.left{ float:left;overflow:hidden;}
.right{float:right;overflow:hidden;}
.w1200{ width:1200px; margin:0 auto; clear:both; }

.i{font-style:normal}

/*返回顶部样式*/
.totop{position:fixed;right:25px;bottom:25px;display:block;width:26px;height:62px;background:url(/views/cn/images/rocket.png) no-repeat 0 0;-webkit-transition: all 0.2s ease-in-out;}
.totop:hover{background:url(/views/cn/images/rocket.png) no-repeat 0 -62px;}
/*顶部样式*/

.guding{ width:100%;float:left;top:0;  position: absolute;clear:both;left:0; z-index:88}
.dwz{ position: relative; z-index:999;top:40px; min-height:800px;}
.dwzt{ position: relative; z-index:999;top:40px; min-height:500px;}


.top{width:100%; height:90px; line-height:90px; overflow:hidden;background:rgba(0, 0, 0, 0.6) none repeat scroll !important; background:#000; filter:Alpha(opacity=60); }
.logo{ width:17%; float:left; height:90px;display: flex;justify-content: center;align-items: center;}
.logo img{ max-height:70px;}

/*导航条*/
.dht{ width:68%; float:left;}
.menu{ width:100%; overflow:hidden; float:left;}
.menu .menu_item{ display:inline-block;float:left;width:12%;text-align:center;font-family:"微软雅黑"; }
.menu .menu_item a{font-size: 16px; display: block;width: auto; color:#FFF; line-height:90px;font-family:"微软雅黑";}
.menu .menu_item:hover{background: url(/views/cn/images/z_logo.jpg) right repeat}
.menu .menu_item:hover a,.cur a{ color:#FFF !important}
.cur,.lx:hover{text-decoration:none;background:url(/views/cn/images/z_logo.jpg) center repeat}

.menu .menu_item:hover .submenu{display:block; z-index:99999999; position:absolute;}
.submenu{z-index:99999999999; background:rgba(0, 0, 0, 0.7) none repeat scroll !important; background:#333; filter:Alpha(opacity=70);  overflow: hidden;display:none; margin-left:-15px;}
.submenu_item {padding:0 20px; min-width:95px; }
.submenu_item a{ color:#fff !important; font-weight:100 !important; line-height:3em !important;}
.submenu_item:hover{ background:#0878eb}
.submenu_item a:hover{color:#fff  !important}

.lx{ width:8%; text-align:center; border-left:1px solid #fff;  float: right}
.lx a{ color:#fff; display:inline-block}
/*头部搜索*/
.sousuo{ width:6.5%; float:left; position:relative}
.header-search{ position: absolute; top:30px; right:10px; z-index: 1;}
.header-search.active .search-btn img{ width:28px; height:28px;}
.header-search .search-box input.input-text {
	position: absolute;
	right: 0px;
	top: -5px;
	border:1px solid #eaeaea;
    width:60px;
	line-height:34px;
	float: left;
	height:34px;
	transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
	opacity: 0; 
}
.search-box{ height:28px;}
.search-box button.search-btn {
	color: #fff;
	cursor: pointer;
	height: 100%;
	width: 36px;
	border: none;
	float: left;
	position: relative; background: none;
	z-index: 1;
	
}
.search-box button.search-btn img{
	display: inline-block;
	padding-bottom: 8px;
}

.header-search .search-box:hover .input-text, .search-box input.input-text:focus{
	width: 60px;
	opacity: 1;
	right: 40px;
}


.lanmu{ width:370px;padding-left:40px; float:left; margin-top:60px;}
.lanmu h1{ font-size:50px;color:#fff; text-shadow: 5px 5px 30px #000;letter-spacing:2px; border-bottom:2px solid #fff; display:inline-block; line-height:180%;}
.lanmu  p{ font-size:20px; color:#fff; line-height:200%;text-transform: uppercase;}









/*banner*/

#banner{ height:800px; width:100%; float:left; }
.suanbanner,.suanbanner img{ width:100%; height:500px; object-fit:cover;float:left}

/*关于我们*/
.bjs{ width:100%; float:left; background:#f7f7f7}
.gywm{ width:100%; height:512px; float:left;}
.gywm dl{ width:585px; float:left}
.gywm span{ width:100%; float:left}
.gywm span h1{font-size: 32px; color:#333; font-family: 微软雅黑, "Microsoft YaHei";text-transform:uppercase;}
.gywm span h2{ font-size: 32px; color:#333; line-height:200%; margin-bottom:20px; }
.gywm span p{ line-height:30px;  color:#666;}
.gywm span a,.dzjs_r .moret{ display:inline-block; float:right; margin-top:10px;  background:#cd0508; color:#fff; padding:10px 30px;}
.gywm_1{ width:95%; height:90px; float:left; padding:2.5%; background:#fff; margin:35px 5px 10px 5px;border:1px solid #f4f4f4; box-shadow:2px 2px 8px #eeeeee;}
.gywm_1 ul{ width:102%; float:left}
.gywm_1 ul li{ width:33%; float:left; text-align:center; border-right:1px solid #f4f4f4}
.gywm_1 ul li:last-child{border-right:0}
.gywm_1 ul li strong{ font-size:50px; color:#0878eb}
.gywm_1 ul li i{ font-size:14px; color:#999}
.gywm_1 ul li p{ color:#666; font-size:14px; margin-top:5px;}

.gywm .vido{ width:570px; float:right; margin-top:20px;}







.wht{ width:100%; height:100px; float:left; background: url(/views/cn/images/bjt2.jpg) no-repeat; overflow:hidden; line-height:100px;}
.wht marquee img{ margin-top:15px }


.hot_new{ width:100%; float:left; height:45px;  background:#f4f4f4; overflow:hidden; }
.hot_rq{ width:800px; float:left; padding-left:40px;line-height:44px;}
.hot_rq img{ height:33px; margin-right:8px; float:left; margin-top:1px; }
.hot_rq i{ font-size:16px; float:left; } 

.container { width:600px;
  display: inline-block;float:left; padding-left:30px;
  font-family: "Microsoft YaHei";
}
.container .li-box {
  height:45px;
  overflow: hidden;
}
.container ul {
  position: relative;
  animation: moveUp 8s 0.6s infinite;
  -webkit-animation: moveUp 8s 0.6s infinite;
}
@keyframes moveUp {
  0% {
    top: 0px;
  }
  18% {
    top: 0px;
  }
  20% {
    top: -45px;
  }
  38% {
    top: -45px;
  }
  40% {
    top: -90px;
  }
  58% {
    top: -90px;
  }
  60% {
    top: -135px;
  }
  78% {
    top: -135px;
  }
  80% {
    top: -180px;
  }
  98% {
    top: -180px;
  }
}
  
@-webkit-keyframes moveUp{
  0% {
    top: 0px;
  }
  18% {
    top: 0px;
  }
  20% {
    top: -45px;
  }
  38% {
    top: -45px;
  }
  40% {
    top: -90px;
  }
  58% {
    top: -90px;
  }
  60% {
    top: -135px;
  }
  78% {
    top: -135px;
  }
  80% {
    top: -180px;
  }
  98% {
    top: -180px;
  }
}
.container li { width:100%; float:left;
  line-height: 45px;
  color: #666;
}
.container li h1{ float:left; font-size:17px;}
.container li  span{ float:right; font-size:14px; color:#ed1c24}

.rl{ width:360px; float:right; line-height:45px; position:relative;}
.rl  span{ float: right; padding-right:15px;}





.search{ width:266px; height:30px; float: right; margin-top:6px  }
.kuan_sou{ width:200px; height:28px; line-height:31px; float:left;border:1px solid #0064d5;background:#fff; color:#999;  }
.kuan_an{ width:60px; height:30px; color:#FFF;cursor:pointer;background-color:#0064d5; float:left; border:none;}
.kuan_an:hover{ background-color:#171987; color:#fff}




.w804{ width:764px; padding:20px; float:right}
.youbian{ width:110%; float:left}
/*新闻动态切换图*/

.clearfix:before,.clearfix:after {
	content:" ";
	display:table;
}
.clearfix:after {
	clear:both;
}
.example-slide {
	width:580px;
	height:350px; float:left
}
.example-slide .slidest {
	position:absolute;
	z-index:100;
	width:580px;
}
.slidest .slides_container .slide-all {
	float:left;
	width:580px;
}
.slides_container .slide-all a {
	width:100%;
	display:block;
	overflow:hidden;
}
.slides_container .slide-all a img {
	width:580px; height:350px;position:relative;object-fit:cover;
}
.slides_container .slide-all a p{ color:#fff; width:580px; height:50px; line-height:50px; overflow:hidden;position:absolute;top:300px; background-color: rgba(0,0,0,0.5); filter:Alpha(opacity=50);*zoom:1;}

.slidest .slides_container {
	width:580px;
	overflow:hidden;
	position:relative;
	display:none;
}
.slidest .slides_container .slide {
	width:580px;
	height:350px;
	display:block;
}
.slidest .prev {
	position:absolute;
	display:block;
	z-index:100;
	background:url(/views/cn/images/topicarrow.png) 0px 0px;
	top:150px;
	width:40px;
	height:60px;
	*left:0px;
}
.slidest .next {
	right:0px;
	position:absolute;
	display:block;
	z-index:100;
	background:url(/views/cn/images/topicarrow.png) 40px 0px;
	top:150px;
	width:40px;
	height:60px;
}
.slidest a.next:hover {
	background:url(/views/cn/images/topicarrow_hover.png) 40px 0px;
}
.slidest a.prev:hover {
	background:url(/views/cn/images/topicarrow_hover.png) 0px 0px;
}
.pagination{ display:none}


.news_wrap{width:600px;float: right;}
.news_head{width:600px;height:44px; background:url(/views/cn/images/bjt.jpg) repeat-x; float:left}

.tabList ul{ width:400px; float:left; height:44px;  boverflow:hidden}
.tabList ul li{float:left;cursor:pointer;font-weight:bold; line-height:44px;text-align:center;font-size:17px;width:180px; color:#fff }

.cli1,.cli2:hover{ background:#CCC;  color:#1651b8 !important}

.more{ width:80px; height:44px;float:right;font-weight:normal;line-height:44px}
.more i{ color:#00a651; font-size:17px; float:left; padding-right:10px; padding-top:13px}
.more a{ font-size:14px;color:#fff; float:left; }
.more a:hover,.tabCon ul li h3:hover,.more1 a:hover,.more i:hover{ color:#00aef0}

.tabCon{width:600px; overflow:hidden; border-top:none}
.tabConxl ul{ width:95%; padding:10px; float:left}
.tabConxl ul li{ width:100%; float:left; height:33px;line-height:33px;border-bottom:1px dashed #dedede;  padding-bottom:2px; padding-top:2px}
.tabConxl ul li img{ float:left; padding:14px 8px 0 5px}
.tabConxl ul li h3 { float:left; width:65%; height:33px;  overflow:hidden; font-size:15px; color:#979797}
.tabConxl ul li span{ float:right; padding-right:5px;color:#999; font-size:13px; }

.tabCon ul  b{ font-size:18px; color:#cd0508; line-height:36px;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/}
.tabCon  ul p{ line-height:26px;}


.gc_al{ width:100%;  height:37px; border-bottom:1px solid #1c6ebd; float:left; line-height:37px;background: url(/views/cn/images/bk3.png) left no-repeat;   }
.gc_al h1{width:94px;height:37px; text-align:center;color:#fff;font-size:18px; float:left}
.gc_al span{ float:right; padding-right:10px; color:#999}




/*切换新闻*/
.wrapu{width:110%; float:left}
#list{overflow:hidden;zoom:1;}
#wrap .item{display:inline;float:left;width:590px;border:1px solid #e8e8e8; border-top:none;margin-right:20px;background:#fff;}
#wrap .item .tab{position:relative;float:left; width:100%; height:34px;  margin-bottom:35px;}

#wrap .item .tab ul{position:absolute;top:0;left:0; width:100%;height:45px; line-height:45px;overflow:hidden; background:url(/views/cn/images/dht2.jpg) no-repeat; background-size:100% 100%;border-radius:10px 10px 0 0 ;}
#wrap .item .tab ul li{float:left;cursor:pointer;line-height:43px; width:163px; margin-top:2px; text-align:center; background:#00a650; color:#fff; font-weight:700; margin-left:20px;  font-size:16px;border-radius:10px 10px 0 0;}
#wrap .item .tab ul li.current{cursor:text;font-weight:700; background:#fff; color:#666}
#wrap .item .items{display:none;}


.tabConx2 ul{ width:86%; margin:0 auto;}
.tabConx2 ul li,.list_newst li,.ry_list ul li{ width:100%; float:left; height:35px;line-height:35px;padding-bottom:2px; padding-top:2px;}
.tabConx2 ul li img,.list_newst li img,.ry_list ul li img{ float:left; padding:14px 8px 0 5px}
.tabConx2 ul li h3,.list_newst li h3,.ry_list ul li h3{ float:left; width:65%; height:35px;  overflow:hidden; font-size:16px;}
.tabConx2 ul li span,.list_newst li i,.ry_list ul li dd{ float:right; padding-right:5px;color:#999; font-size:13px; }

.items p{ line-height:26px; padding-left:10px}
.items dl img{ width:360px; float:left; padding-left:10px}
.items dl b{ width:100%; float:left; text-align:center; line-height:42px; font-weight:normal; padding-top:30px}

.btn{float:right;margin-right:10px; margin-top:10px; padding-bottom:20px;}
.btn a i{ font-size:20px; color:#4eb02c;}
.btn a i:hover{ color:#ff6000}

/*赛事*/
.bisai{width: 500px;height: 320px; padding:20px; border: 5px #0878eb solid; float:left}
.bisai span h2{ display:inline-block; font-size:20px; font-weight:600; line-height:30px; margin-bottom:10px; float:left}
.bisai span h3{ float:right; line-height:30px; padding-right:5px}
.bisai span h3:hover{ color:#cd0508}
.bisai ul li{ width:100%; float:left; line-height:46px;}
.bisai ul li.sai{ background:#e4e4e7}
.bisai ul li.sai h1{ text-align:center}
.bisai ul li.sai1{ border-bottom:1px dashed #eee}
.bisai ul li.sai1 h1{ padding-left:5px;}
.bisai ul li i{ font-size:15px; width:120px; text-align:center; float:left; border-right:2px solid #fff;}
.bisai ul li h1{width:373px;font-size:15px; float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.huodong{ width:610px; float:right;}
.huodong span,.jtz span{ width:100%; float:left;height: 35px;border-bottom: 2px #DDDEE1 solid;}
.huodong span h2,.jtz span a{width:100px;height: 35px; text-align:center; font-size:20px; display:inline-block; font-weight:600;border-bottom: 2px #cd0508 solid; float:left}
.huodong span h3{ float:right; line-height:35px; padding-right:5px;}
.huodong ul li{ width:100%; float: left; margin-top:20px;}
.huodong ul li img{ width:204px; height:145px;object-fit:cover; float:left;}
.huodong ul li h1{ width:386px; float:right;font-size:18px; line-height:42px;}
.huodong ul li p{width:386px; float:right; font-size:15px; line-height:24px;}
.huodong ul li i{width:356px; float:right; background:url(/views/cn/images/tubi2.png) left no-repeat; line-height:25px; font-size:14px; padding-left:30px; margin-top:10px;}





.bt{ width:100%; text-align:center; float:left; padding-bottom:25px; }
.bt h1{color:#e333333; font-size:32px;}
.bt p{ color:#666; border-bottom:2px solid #cd0508; line-height:30px; display:inline-block;text-transform:uppercase;}

.qmyd{ width:100%; float:left; min-height:900px;min-width: 1200px;background-image: url(/views/cn/images/bj.jpg);background-attachment:fixed;background-repeat: no-repeat;}
.qmyd_l ul{ width:110%; float:left; margin-top:50px;}
.qmyd_l ul li{ width:216px; float:left; margin-right:26px; overflow:hidden;}
.qmyd_l ul li .img{ width:216px; height:405px;display:table-cell; text-align: center; vertical-align: middle;overflow: hidden;*display: block; *font-size:353px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.qmyd_l ul li .img img{max-width:216px;max-height:405px;display: inline-block;vertical-align: middle; width:auto; height:auto}
.qmyd_l ul li:hover{ transition: all .7s;}
.qmyd_l ul li:hover .img img{-webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.3);transform:scale(1.3);}

.qmyd_l ul li .wen{ width:216px; height:74px; display:inline-block; background:url(/views/cn/images/tubi.png) center  right no-repeat; margin-top:33px; position:relative }
.qmyd_l ul li .wen b{font-size: 60px; line-height:100%; color: rgba(55, 85, 128, 0.882); font-family: fontface__阿里巴巴普惠体-Light__32__32137214061;}
.qmyd_l ul li .wen h1{ position:absolute; bottom:20px; font-size:24px; color:#fff}

/*运动项目*/
.tiyu ul{  width:100%; float:left; }
.tiyu ul li{ width:20%; float:left; text-align:center}
.tiyu ul li img{ height:180px; margin-bottom:20px;}
.tiyu ul li h1{ font-size:16px; font-weight:bold;}
.tiyu ul li:hover h1{ background:#0878eb; color:#fff}
.tiyu ul li:hover  .animation2 {
    -webkit-animation: bounce 1s .2s ease both;
    -moz-animation: bounce 1s .2s ease both;
   }
    
   @-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
     -webkit-transform: translateY(0)
    }
    40% {
     -webkit-transform: translateY(-30px)
    }
    60% {
     -webkit-transform: translateY(-15px)
    }
   }
    
   @-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
     -moz-transform: translateY(0)
    }
    40% {
     -moz-transform: translateY(-30px)
    }
    60% {
     -moz-transform: translateY(-15px)
    }
   }

.tiyu_1 ul{ width:110%; float:left}
.tiyu_1 ul li{ width:285px; height:211px; float:left; margin-right:20px;text-align:center;}
.he_border{background:#fff;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.he_border img{display:block;width:100%;padding:0;margin:0;position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:1;overflow:hidden}
.he_border:hover img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.he_border:hover::after{content: " "; position: absolute; top: 0; left: 0; background-color: #cd0508; width: 100%; height: 100%; opacity: 0.8;}

.he_border:hover .he_caption{opacity: 1;}
.he_caption{width: 100%; position: absolute;top: 0;text-align:center;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity: 0;z-index: 2;}

.he_caption h3{color: #fff;
	font-size: 34px;
	line-height:211px;
	text-transform: uppercase;
	
}
/*党建*/
.dzjs{ width:100%; float:left; padding-bottom:60px;  background:url(/views/cn/images/bj2.jpg) center no-repeat;}

.demo{ margin-top:50px; overflow: hidden; background:#fff; border: 4px solid #fff; width:566px; height:450px;position:relative; float:left}
.slider ul li img{ width:566px; height:450px;object-fit:cover;}
.demo a.control {position:absolute;display: block;top: 50%;margin-top: -78px;width: 76px;height: 112px;cursor: pointer;z-index: 2;background: url(/views/cn/images/buttons.png) no-repeat}
.demo a.prev {left: 0;background-position: 0 0}
.demo a.next {right: 0;background-position: -76px 0}
.demo a.prev:hover {background-position: 0 -112px}
.demo a.next:hover {background-position: -76px -112px}
/*----------------------------筝坂?莚???篏恰鐚?綮肴?莅丞舟絋?筝??桁??------------------------*/
.slider {display: none}



.dzjs_r{ width:564px; float:right; padding-top:50px;}
.dzjs_r span{ width:100%; float:left; overflow:hidden}
.dzjs_r span img{ width:200px; height:120px; object-fit:cover; float:left; margin-right:8px;}
.dzjs_r span h1{ font-size:18px; line-height:36px; height:36px; overflow:hidden;color:#cd0508}
.dzjs_r span p{ font-size:14px; line-height:23px; margin-top:10px;}
.dzjs_r ul{width:100%; float:left; overflow:hidden; padding-top:60px;}
.dzjs_r ul li{width:100%; float:left; padding-bottom:20px;}
.dzjs_r ul li .rq{ width:100px; height:80px; float:left; margin-right:20px; text-align:center; display:inline-block; background:#cd0508;}
.dzjs_r ul li .rq b{ width:100%; float:left; font-size:24px; color:#fff; line-height:30px; padding-top:10px;}
.dzjs_r ul li .rq i{  width:100%; float:left;font-size:14px; color:#fff;}
.dzjs_r ul li h1{ font-size:18px; line-height:30px; height:30px; overflow:hidden}
.dzjs_r ul li p{ font-size:14px; line-height:23px; }

.dzjs_r ul li:hover .rq{ background:#0878eb}
.dzjs_r ul li:hover h1{ color:#cd0508}


/*集团业务*/
.jtz{ width:895px; float:left; overflow:hidden}
.jtz img{ width:100%; float:left; margin-top:20px;}

.jtt{ width:265px; float:right;}
.jtt span a{ width:100%; float:left; font-size:20px; line-height:30px; padding-bottom:25px;}
.jtt ul li{ width:100%; float:left; overflow:hidden; height:73px; margin-top:3px;}
.jtt ul li img{ width:50px; height:60px; margin:6px 30px; float:left}
.jtt ul li h1{ float:left; line-height:73px; color:#fff; font-size:20px;}
.jtt ul li:nth-child(1){ background:#5dc3fa}
.jtt ul li:nth-child(2){ background:#3bd292}
.jtt ul li:nth-child(3){ background:#fd7e7d}
.jtt ul li:nth-child(4){ background:#fd9b35}
.jtt ul li:nth-child(5){ background:#a0be5a}
.jtt ul li:nth-child(6){ background:#71d49e}






/*资质荣誉*/

.qi_ry {width:100%; height:180px;overflow: hidden;position: relative; float:left;}
.qi_ry ul{position: absolute;}
.qi_ry ul li{float: left;width:215px; height:170px;cursor: pointer; margin-right:20px; text-align:center; margin-bottom:10px;}
.qi_ry ul li a{width:215px;float:left; display:block}
.qi_ry ul li .img{ display:table-cell; text-align: center; vertical-align: middle; width:213px; height:143px; overflow: hidden; border:1px solid #e8e8e8; *display: block; *font-size: 124px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.qi_ry ul li img {max-width:213px;max-height:143px;display: inline-block;vertical-align: middle; width:auto; height:auto}
.qi_ry ul li a .box {width:100%;height:36px;opacity: 0.7; text-align:center; float:left; text-align:center;line-height:36px; overflow:hidden;white-space: nowrap;}
.qi_ry ul li a:hover{ transition: all .7s;}
.qi_ry ul li a:hover .img img{-webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.3);transform:scale(1.3);}
.qi_ry ul li a:hover .box{background-color:#00aeef; color:#FFF;opacity: 1;line-height:36px;}



.linkt{ width:100%;float:left; overflow:hidden}
.linrt{ width:1068px; height:48px; float: right; background:#f3f3f3; }
.linkt span{ width:130px; text-align:center; line-height:48px; background: url(/views/cn/images/dht.jpg) no-repeat; color:#fff; float:left;}
.linkt form{ width:320px; float:left; padding-top:10px; margin-left:25px;}
.linkt #jumpMenu{ width:318px; float:left; line-height:30px; height:30px; border:1px solid #e8e8e8}

/*案例展示*/
.hide {display: none;}
.yqlj{width:99.8%;border:1px solid #e8e8e8; float:left; background-color:#fff }
.product-tab {position: relative;z-index: 1;width:100%; float:left;text-align: center; border-bottom:1px solid #e8e8e8; float:left}
.product-tab:after {content: ".";display: block;height: 0;visibility: hidden;clear: both;}
.product-tab ul{ width:100%; height:40px; margin-top:10px; margin-left:15px;}
.product-tab ul li{float:left;cursor:pointer;line-height:40px; width:160px; background:#ebe8eb; text-align:center;font-weight:700; margin-right:10px}
.product-tab ul li.curt,.product-tab ul li:hover{cursor:text;color:#fff;font-weight:700; background:#1651b8}
.product-tab ul:hover li.curt{ background:none; color:#333}

.icon-list ul{ width:110%; height:50px; float:left}
.icon-list ul li{ width:140px; height:50px; float:left; line-height:50px; margin-right:10px; text-align:center;}
.icon-list ul li i{vertical-align: middle; margin-right:5px; color:#4eb02c; margin-left:10px;} 
.icon-list ul li a:hover{ background:#016dd8; color:#FFF}




/*----foot------*/
.foot{ width:100%; float:left; padding-top:35px; overflow:hidden; background:#2e2f31; }
.footer{ width:28%;float:left; overflow:hidden;margin-top:44px;}
.footer img{ width:100px; float:left;}
.footer span{ float:left; padding-left:15px;}
.footer  p{ color:#ededed; line-height:30px; font-size:13px;}
.footer  b{ font-size:22px; font-weight:normal}

.footr{ width:40%; float:left;}
.footr span,.footrt span{ font-size:22px; color:#f4f4f4; line-height:36px;}
.footr p,.footrt p{ line-height:23px; font-size:13px; color:#ededed; overflow:hidden; padding-top:8px; }

.footrt{ width:24%; float:right;}


.footer-bot{ width:100%; float:left; border-top:1px solid #27282a; text-align:center}
.footer-bot p{ line-height:36px; color:#ededed}
.footer-bot p a{color:#ededed}
/*标题通用*/


.sub_cats{ width:100%; float:left; text-align:center;}
.sub_cats a{ padding:10px 28px; margin:15px; display:inline-block; border:1px solid #f2f2f2;box-shadow: 0px 0px 10px rgba(0,0,0,.2);border-radius: 5%;  font-size:18px;}
.sub_cats a.cut,.sub_cats a:hover{ background:#0979eb; color:#fff;border:1px solid #0979eb;}

/*新闻*/
.news-title ul,.news-zb ul{ width:95%; margin:15px; display:inline-block}
.news-title ul li,.news-zb ul li{ width:100%; float:left;overflow:hidden;margin-bottom:22px;border:1px solid #f2f2f2;box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.news-title ul li .news_jl{width: 100%;display: flex;padding: 30px;box-sizing: border-box;}
.news-title ul li img{ width:375px; height:213px;object-fit:cover; margin-right:40px;}
.news-title ul li .news_nt{margin: 15px 45px 0px 20px; float:right}

.news-title ul li .news_nt h1{ width:100%; float:left; font-weight:600; font-size:18px; padding-bottom:20px;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/}
.news-title ul li .news_nt p{ line-height:24px;}
.news-title ul li .news_nt span{ display:block; margin-top:58px;}
.news-title ul li i{font-size:13px; line-height:140%; color:#0979eb; border-right:1px solid #999; float:left; padding-right:8px; margin-right:8px;}
.news-title ul li dl{font-size:13px; line-height:140%; float:left}
.news-title ul li:hover,.news-zb ul li:hover{border:1px solid #0979eb;box-shadow: 0px 0px 10px rgba(9,121,235,.2);}
.news-title ul li:hover h1,.news-title ul li:hover dl,.news-zb ul li:hover h1{ color:#0979eb}
.news-title ul li:hover span{ padding-left:20px; }
/*招标公告*/
.news-zb ul li{ height:90px;overflow:hidden}
.news-zb ul li a{ padding:30px; width:100%; line-height:30px; display:inline-block;box-sizing: border-box;}
.news-zb ul li h1{ float:left; font-size:18px; padding-right:25px;}
.news-zb ul li i{ float:left; color:#999; font-size:14px; padding-top:2px;}
.news-zb ul li img{ float:right; margin-top:3px; }

/*新闻内容*/
.pag_nr,.hr_nr{ width:94%;  padding:30px; height: auto; margin:0 auto;border:1px solid #f2f2f2;box-shadow: 0px 0px 10px rgba(0,0,0,.2); }
.pag_nr h1{width:100%; text-align:center; font-size:28px; line-height:48px; font-weight:bold; padding-bottom:20px;}
.pag_nr h2{width:100%; text-align:center; line-height:30px;}
.pag_nr img{ max-width:800px; margin-bottom:5px;}
.pag_nr p,.hr_nr p{ line-height:33px;font-size:16px;}
.cp_dy{ width:98.5%;padding:4px 8px; border:1px solid #e5e5e5; background:#f5f5f5; float:left; margin-top:20px}
.cp_dy dd{ width:100%; display:block; float:left; line-height:20px; overflow:hidden; color:#868686; font-size:13px; text-align:left}

.pag_nr td{ border:1px solid #888; text-align:center}
/*----------------关于我们-------------------*/

.pag_nrt{width:100%; float:left}
.pag_nrt p{ line-height:43px; font-size:16px;}
.pag_nrt img{max-width:100%; }
.page_lsit{ width:100%; float:left; text-align:center}
.page_lsit a{ text-align:center; display:inline-block; padding-left:70px; padding-right:70px}
.page_lsit a b{ width:100%; float:left; font-size:38px; color:#0979eb; padding-bottom:15px;}
.page_lsit a p{ font-size:18px;}

.page_lsit a:hover b{ transition: all .7s;;-webkit-transform:scale(1.2);transform:scale(1.2);}
.bt1{ width:100%; text-align:center; float:left; height:120px;position:relative}
.bt1 b{ color:#f8f8f8;font-size: 100px; position:relative; line-height:112px;  display:inline-block}
.bt1 h1{color:#555555; font-size:36px; position:absolute; z-index:222; letter-spacing:1em; left:28%; top:30px; font-weight:bold}
table {margin: auto;}


.dh_dyt a{font-size:13px; color:#666}
.dh_dyt{ width:98%; height:40px; background-color:#f8f8f8; line-height:40px; float:left; padding:0 10px}
.dh_dyt i{ font-size:18px; margin-right:10px; color:#1a55b1 }
.dh_dyt span{ float:left;padding-right:5px; font-size:13px; color:#666}


/*----图片------*/
.img_list ul{ width:103%; float:left}
.img_list ul li{float: left;width:31%;cursor: pointer;border:1px solid #f2f2f2;box-shadow: 0px 0px 10px rgba(0,0,0,.2);   margin-right:2%; margin-bottom:2%; text-align:center; overflow:hidden;}
.img_list ul li a{width:100%;float:left; display:block}
.img_list ul li .img{width:100%; min-height:190px;  overflow: hidden; padding:15px;display:table-cell; text-align: center; vertical-align: middle; }
.img_list ul li img {width:353px;height:190px;object-fit:cover;}
.img_list ul li a h1 {width:90%;height:30px;text-align:center; margin-left:5%;float:left;font-size: 16px;line-height:30px;overflow:hidden;}
.img_list ul li a p{ color:#ff6637; padding-bottom:15px; font-size:13px; width:100%; float:left}

.img_list ul li a:hover .img img{-webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.2);transform:scale(1.2);}
.img_list ul li:hover{box-shadow: 0px 0px 10px rgba(33,135,255,.4); }
.img_list ul li a:hover h1{ color:#0979eb}

/*人力资源*/
.zplc { width:100%; float:left; text-align:center}
.zplc img{ width:80%;}

.hr_zy span{ float:left; width:263px; height:70px; line-height:70px; text-align:center; background:url(/views/cn/images/z_logo.jpg) no-repeat; color:#fff; font-size:24px; }
.hr_zy ul{ width:95%; float:left; margin-top:30px; border:1px solid #f2f2f2; padding:30px;}
.hr_zy ul li{ width:100%; float:left; text-align:center; border-bottom:1px solid #f2f2f2; line-height:68px;}
.hr_zy ul li.btys{ background:#e96138; color:#fff; line-height:48px !important; }
.hr_zy ul li.btys p{ color:#fff}
.hr_zy ul li.btys:hover{border-bottom:none;}

.hr_zy ul li p{ width:16%; float:left;font-size:16px }
.hr_zy ul li b{ font-weight:normal; width:20%; float:left;font-size:16px }
.hr_zy ul li p i,.hr_nr i{ width:130px; height:38px; line-height:38px; text-align:center; border:1px solid #f2f2f2; box-shadow: 0px 0px 10px rgba(0,0,0,.2);  color:#e96138; margin-top:13px; margin-right:15px; float:right;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius: 3px;-o-border-radius: 3px; }
.hr_zy ul li p i:hover,.hr_nr i{ background:#e96138; color:#fff; border:1px solid #e96138;}
.hr_zy ul li:hover{border-bottom:1px dashed #e96138;}
.hr_zy ul li:hover a b{ color:#000}

/*人力资源内容*/
.hr_nr h1{ width:100%; float:left; font-size:24px; line-height:48px; padding-bottom:20px;}
.hr_nr span{ width:69.9%; line-height:40px; border:1px solid #f2f2f2; border-bottom:none; font-size:16px; float:left; display:inline-block; color:#999}
.hr_nr span b{ width:25%; text-align:center; float:left; border-right:1px solid #f2f2f2; margin-right:25px; font-weight:bold; color:#000}
.hr_nr span:nth-child(6){border-bottom:1px solid #f2f2f2 !important;}
.hr_nr strong{ font-size:18px}
.hr_nr i{width:130px; height:40px; line-height:40px; text-align:center;box-shadow: 0px 0px 10px rgba(0,0,0,.2); float:left }
.hr_nr i:hover{ background:none; color:#999; border:1px solid #f2f2f2;}

/*在线留言表单*/
.yudt{ width:84.5%; float:left; background:url(/views/cn/images/2_xlrf.jpg) repeat; padding:50px 100px;}
.yudt_bj{ width:82%; float:left; padding:50px 100px; background:#fff;opacity:1;}
.table_form tr{ width:50%; float:left; overflow:hidden}
.table_form th,.table_form td{ width:100% !important; float:left; text-align:center}
.table_form th{ margin-left:27px;}
.table_form .input-text{height: 38px;line-height: 38px !important;width:87% !important; }
.table_form textarea{width: 85% !important; height:120px !important; }
.button{width:60% !important; line-height:44px !important; background:#e96138 !important; border:none; float:left; margin-left:27px; }


/*联系谈球吧*/

.lx_cont .lx_tupian{ float: left; width:60%; height:212px; }
.lx_cont .lx_tupian img{ width: 100%; height:212px;object-fit:cover; }
.lx_cont .lx_neirong{ float: right; background-color: #0979eb; width:40%; height:212px;}
.lx_cont .lx_nrxq{ margin: 20px 30px; color: #fff;}
.lx_cont .lx_nrxq p{ line-height:34px; font-size:18px; color:#fff}
.lx_cont .lx_nrxq strong{ font-size:20px; line-height:3rem; color:#fff}

/*----------------首页结束-------------------*/









/*产品内页*/
.cp_nr dl{ width:300px; float: left}
.cp_nr span{display:table-cell; text-align: center; vertical-align: middle; width:300px; height:300px; overflow: hidden; *display: block; *font-size:316px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.cp_nr span img{max-width:300px;max-height:300px;display: inline-block;vertical-align: middle; width:auto; height:auto}
.cp_nr dd{ width:860px; float: right}
.cp_nr h1{ width:100%; height:34px; border-bottom:1px dashed #ccc; margin-bottom:15px; float:left}
.cp_nr del,.cp_nr  p{ line-height:36px;}
.cp_nr  p i{ font-size:20px; color:#ff5022; font-weight:bold}
.cp_nr del{ color:#999}
/*翻页样式*/
#pages,.cpage{ width: 100%; height: 50px; text-align: center; line-height: 22px; padding-top: 1px; clear:both;}
#pages a,.cpage a{ background: #f5f5f5; border: #ddd solid 1px; padding: 3px 8px; margin: 0 2px; float: none; color: #333; font-size: 14px;}
#pages span{ background: #0979eb; color: #fff; border: #DDD solid 1px; padding: 3px 8px; margin: 0 2px; float: none;}
#pages a:hover{border: #0979eb solid 1px;}

.articlebook{ width:100%; float:left; overflow:hidden; padding-top:10px; }
.articlebook a.zuo{ float:left}
.articlebook a.you{ float:right}
.articlebook a:hover{ color:#0979eb}


/*发展历程内容页*/
.fzlct{ width:100%; float:left; text-align:center margin:30px 0}
.fzlct img{ width:98%}
.fz_nrt p{ line-height:38px;}




/*QQ悬浮框*/
.suspend{width:250px;height:250px;position:fixed;top:300px;right:0;overflow:hidden;z-index:9999;}
.suspend dl img{width:100%; }
* html .suspend{position:absolute;left:expression(eval(document.documentElement.scrollRight));top:expression(eval(document.documentElement.scrollTop+200))}