/* reset */
html{-webkit-text-size-adjust: none;}
body{line-height: 1.8; background: #fff;}
body, input, textarea, select{font-family:"Microsoft YaHei",SimSun, arial, sans-serif; font-size: 14px;}
body, h1, h2, h3, p, ul, ol, dl, dd, form{margin: 0;} 
em, i{font-style: normal;}
ul, ol{padding-left: 0; list-style-type: none;}
img{border: 0;}
a{text-decoration: none; color: #333;}
a:hover{text-decoration: none; color: #f00;}
input,textarea,select{-webkit-appearance:none; margin:0;}
button{ background:none; border:none;-webkit-appearance:none;}

/* common */
.region, .mod, .mhd, .mbd{display: block; clear: both;  height: auto; content: '.'; *zoom: 1;}
.l{float: left;}
.r{float: right;}
.cl{clear: both;}
.ovh{overflow: hidden;}
.fw{font-family: Microsoft YaHei;}
.f0{font-size: 0;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f12{font-size: 12px;}
.f24{ font-size: 24px;}
.f26{font-size: 26px;}
.f30{font-size: 30px;}
.b{font-weight: bold;}
.tc{text-align: center;}
.tit-m{position: absolute; display: block; overflow: hidden; background-color: rgba(000, 000, 000, .6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000, endColorstr=#60000000);}
.hidden{display:none !important;}
.clearfix { display:block; #zoom:1;}
.clearfix:after { content:''; overflow:hidden; width:100%; height:0px; font-size:0px; display:block; clear: both; }

/* layout */
.layout,.layout1{clear: both; width: 1200px; margin-right: auto; margin-left: auto;overflow: visible;position: relative;z-index: 10;}
.layout1{ width: 1200px;}
.lay-a,.lay-b,.lay-c{float:left;display:inline;}
.lay-a{width:500px;}
.lay-b{ width:650px; float: right;}
.lay-c{ width:556px;}

.mt10{margin-top: 10px;}
.mt45{margin-top: 45px;}
.mt30{margin-top: 30px;}
.pt30{ padding-top: 30px;}

.c1{ color: #222;}
.c2{ color: #fff;}
.g1{ /*background-color: rgba(255, 255, 255, .6);*/ }

.wrap{ overflow: hidden;}
/* footer */
.footer {width: 100%; margin:0 auto;clear:both; overflow:hidden; color: #fff; font-size: 14px; padding:30px 0; line-height: 1.8; text-align: center; background: #008bfa; margin-top: 28px;}.footer a{color: #fff;}
.footer ul{ width:645px; margin:0 auto;}
.footer ul li{ float:left;}
.footer ul li.logo_pft{ margin-right:20px}

/* common-header */
.top-bar{background: #3fb5e7;height: 38px;line-height: 38px;color: #fff;font-size: 14px;}
.nav-site {color: #bbb;}
.top-bar a{color: #fff;}
.top-login{position: absolute; width:300px; height:38px; overflow:hidden; left:0; top:0;}
.ico-l{background: url(http://www.citygf.com/images/index2014/ico-l.png) 0 45% no-repeat;padding-left: 20px;margin-left: 15px;}
.nav-menu{margin-left: 170px;position: absolute;}
.nav-menu .item{position: relative;float: left;}
.nav-menu .cat{display: block;padding-right: 15px;line-height: 38px;}
.nav-menu .cat a{background: url(http://www.citygf.com/images/index2014/ico-d.png) right 50% no-repeat;padding: 0 15px;}
.nav-menu .cat:hover{background-color: #0088c2;}
.nav-menu .sub{position: absolute;top: 38px;display: none;background:#fff;border:1px solid #cdcdcd;box-shadow:0 0 8px #cdcdcd;padding-bottom: 10px;}
.nav-menu .sub a{display: block;width: 100px;color: #585858;font-size: 12px;padding: 0 10px;line-height: 28px;}
.nav-menu .sub a:hover{color:#252525;background:#f2f2f2;}
.nav-menu .sub i{border-bottom: 1px dashed #dcdddd;display: block;}
.top-set{position: absolute;margin-left: 900px;}
.nav-site{background: #f9f9f9;padding-left: 10px;padding-bottom: 10px;}
.nav-site a{margin-left: 5px;margin-right:5px;display: inline-block;}
#storage{ position:absolute;}
.top-bar .layout{ margin:0 auto; height:38px; position:relative;}
.nav-menu .wxlist{width:330px;}
.nav-menu .wxlist li{float:left;width:110px;}
.nav-menu .wxlist a{padding:0 5px;}

.top-search{position: absolute;margin-left: 660px;_margin-top: 6px;font-size: 0;}
.top-search .keyword{width: 180px;height: 22px;vertical-align: middle;background: #e1f3fd;color: #8c9399;padding-left: 10px;line-height: 22px;border: 0;font-size: 14px;}
.top-search .submit{width: 30px;height: 24px;background: url(http://www.citygf.com/images/index2014/ico-s.png) 0 0 no-repeat;vertical-align: middle;border: 0;cursor: pointer; text-indent:-9999px;}

.gNav{ padding-top: 20px;}
.gNav,.gNav a{ font-size: 23px; line-height:64px;}
.listDiv,.artDiv{ width: 100%; background: #fff; padding-bottom: 30px;margin-bottom: 34px; overflow: hidden;}
.list{ overflow: hidden; width: 1000px; margin: 0 auto; padding-top: 20px;}
.list li{ float: left; width: 100%; border-bottom: 1px solid #eaeaea;  padding: 8px 0;}
.list li.item:last-child{ border-bottom: none;}
.list li a{ display: block; line-height:1.8; color: #434343; font-size: 20px; font-weight: 700; overflow: hidden; }
.list li a:hover{color: #c00;}
.list li p.des{ padding:8px 0 26px 0; font-size: 16px; color: #6f6f6f;}

.list1{ overflow: hidden; width: 1000px; margin: 0 0 0 155px; padding-top: 30px;}
.list1 li{ float: left; width: 198px; height:300px;border: 1px solid #d81400;  margin: 0 30px 30px 0; padding: 0;}
.list1 li.item:last-child{ border-bottom: 1px solid #d81400;} 
.list1 li img{width: 198px; height:300px;}

.list2{ overflow: hidden; width: 1000px; margin: 0 0 0 127px; padding-top: 20px;}
.list2 li{ float: left; width: 302px; height:200px;margin: 0 20px 20px 0; position: relative; padding: 0;}
.list2 li img{width: 302px; height:200px;}
.list2 li .tit-m{ color: #fff; font-size: 14px; line-height: 28px; height: 28px; overflow:hidden; width: 100%; display: block; text-align: center;position: absolute;left: 0;bottom: 0px;}
.list2 li .tit-m a{color: #fff; font-size: 14px; }


/* view.html */
.view-title{ text-align: center; font-weight: bold; font-size: 24px; padding: 10px;color: #434343;}
.view-source{ text-align: center; color: gray;font-size: 16px;}
.article{padding: 20px 15px;overflow: hidden; }
.cont{font-size: 16px;line-height: 1.8;padding: 10px;color: #434343;}
.cont img{ margin: 5px auto; border: none; max-width: 70%;}
.cont iframe{margin: 5px auto; border: none; }

/* page */
.page{ margin: 20px auto 0 auto;text-align: center;}
.page a,.page em{display: inline-block;border-radius: 2px;border: 1px solid #008bfa;padding: 2px 10px;color: #717171; margin:2px; }
.page em{background: #008bfa;color: #fff;}
.page a:hover{background: #008bfa;color: #fff;text-decoration: none;}

.animated{-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}

.topDiv{ position:relative; height: 500px; }
.topTit{ width: 0; height: 191px; margin: 76px 0 0 300px;}
.subTit{ width: 581px; height:66px; margin:35px auto 0 auto;opacity:0;}
.mouse{ position: absolute; left: 1040px; top:249px; width:270px; height: 295px;opacity:0;}

.rg1,.rg11,.rg10{height: auto; padding-top: 55px;}
.rg1 .modtit{background:url(fbd_zxbd.jpg) no-repeat 50% 0; height: 166px; width: 100%; margin-bottom: 36px;}
.modtit a{ width: 100%; height: 100%; display: block;}
.rg2{ padding-top: 50px;}
.rg2 .modtit{background:url(fbd_fsqk.jpg) no-repeat 50% 0; height: 166px; width: 100%; margin-bottom: 36px;}
.rg3{padding-top: 50px;height: auto; }
.rg3 .modtit{background:url(fbd_kpzs.jpg) no-repeat 50% 0; height: 166px; width: 100%; margin-bottom: 36px;}
.rg4{ padding-top: 50px; }
.rg4 .modtit{background:url(fbd_gdjc.jpg) no-repeat 50% 0; height: 166px; width: 100%; margin-bottom: 36px;}
.rg5{ padding-top: 50px; }
.rg5 .modtit{background:url(fbd_gdpl.jpg) no-repeat 50% 0; height: 166px; width: 100%; margin-bottom: 36px;}
.rg6,.rg9{ padding-top: 50px;}
.rg6 .l,.rg9 .l{float: left;}
.rg6 .r,.rg9 .r{float: right;}
.rg6 .l .modtit{background:url(fbd_song.png) no-repeat right 0; height: 166px; width: 100%; margin-bottom: 20px;}
.rg6 .r .modtit{background:url(fbd_py.png) no-repeat right 0; height: 166px; width: 100%; margin-bottom: 20px;}
.rg7{ padding-top: 50px; }
.rg7 .modtit{background:url(fbd_fz.png) no-repeat 50% 0; height: 166px; width: 100%; margin-bottom: 36px;}
.rg8{ padding-top: 50px; }
.rg8 .modtit{background:url(fbd_dqp.png?v=0131) no-repeat 50% 0; height: 166px; width: 100%; margin-bottom: 36px;}
.rg9 .l .modtit{background:url(fbd_fugong.png) no-repeat right 0; height: 166px; width: 100%; margin-bottom: 20px;}
.rg9 .r .modtit{background:url(fbd_zhuanjia.png) no-repeat right 0; height: 166px; width: 100%; margin-bottom: 20px;}
.rg10 .modtit{background:url(fbd_rongmei.png) no-repeat 50% 0; height: 166px; width: 100%; margin-bottom: 36px;}
.rg11 .modtit{background:url(fbd_doctors.png) no-repeat 50% 0; height: 166px; width: 100%; margin-bottom: 36px;}


.navBar{ background: #007cf3; height: 80px; line-height: 80px;}
.navBar a{ display: block; float: left; padding: 0 10px; font-size: 24px; color: #fff;}
.navBar a.on,.navBar a:hover{ background: #2450d1;}

.rg1 .g1{  overflow: hidden;}
.focus-pic { overflow: hidden; width: 650px; height:390px;position: relative;}
.focus-pic .pan,.focus-pic .item{overflow:hidden;width:650px;height:390px;}
.focus-pic .tit-m{line-height:42px;width:650px;height:42px; padding-top:35px;margin-top:313px; background: url(fbd_titm.png) no-repeat 0 0; text-indent: 1em;}
.focus-pic .tabs{position:absolute;z-index:2; line-height:10px; height:10px; vertical-align:middle;width:80px;margin-top:365px; right: 0;}
.focus-pic .tab{display:inline-block;width:10px;height:10px;margin-right:10px;background:#a7a7a7; border-radius: 5px;}
.focus-pic .on{background:#fff000;}
#prev1,#next1{width: 21px; height: 39px; display: block; position: absolute; top: 172px;}
#prev1{ left: 11px;}#next1{ right: 11px;}


.newsList{ overflow: hidden; width: 100%;}
.rg1 .newsList{ margin-top:-20px;}
.newsList li{ width: 100%;border-bottom: 1px dashed #ccc;font-size:18px;line-height:30px; padding-top:20px;overflow: hidden;}
.newsList li:first-child,.newsList li:nth-child(5){ font-size: 24px; font-weight: 700; color: #f00; border-bottom: none;}
.newsList li:first-child a,.newsList li:nth-child(5) a{color: #f00;}

.rg2 .g1{ overflow: hidden;}
.gzl-img {position: relative;width:555px;height: 346px; float: left; margin: 0 90px 0 0;}
.gzl-img:nth-child(2){ margin-right: 0;}
.gzl-img img {width: 100%;height: 346px;object-fit: cover;}
.gzl-img .tit-m {width: 545px;height: 54px;line-height: 54px;position: absolute;left: 0px;bottom: 0;overflow: hidden;background: #325096;color: #fff;font-size:18px;padding: 0px 5px; text-align: center;}
ul.dotList{width:110%; padding: 10px 0 0 0; overflow: hidden;}
ul.dotList li {width: 526px;overflow: hidden;float: left;height:50px;line-height: 50px;padding:0 0 0 30px; margin:0 90px 0 0;font-size:18px;background: url(fbd_dot.jpg) 8px 50% no-repeat;}

.rg3 .g1{ }
#scroll1 {width: 1300px;margin:0 auto 0 -50px; overflow: hidden; position: relative; height: 420px;}
#picBox1{ margin-left: 50px;}
#LeftButton1{cursor:pointer;margin:0;height:72px;width: 23px;float: left; background: url(fbd-prev.png) no-repeat 50% 50%; position: absolute; left: 0; top: 150px;}
#RightButton1 {cursor: pointer;margin:0;height:72px;width: 23px;float: left;background: url(fbd-next.png) no-repeat 50% 50%;position: absolute; right: 0; top: 150px;}

.pic288{ overflow: hidden; width: 1216px;float: left;height: 420px;margin:0 auto;}
.pic288 li{ width: 288px; height: 420px; float: left; margin-right: 16px; position: relative;}
.pic288 li img{ border-radius:6px; width: 288px; height: 420px;}
.pic288 .tit-m{width: 288px;height: 50px;line-height: 50px;position: absolute;left: 0px;bottom: 0;overflow: hidden;background-color: rgba(215, 73, 57, .6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60d74939, endColorstr=#60d74939);color: #fff;font-size:16px;text-align: center; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.rg3 ul.dotList li {width: 522px;margin:0 16px 0 42px;}

.rg4 .g1{  overflow: hidden;}

.pic282{margin-top: 480px; width: 1225px; overflow: hidden;}
.pic282 li{width:282px;height:155px;margin-right:20px;float: left; border-radius: 2px; border: 2px solid #dab973;}
.pic282 li img{width:282px;height:155px;}
.pic282 li span{position: absolute; width: 278px; font-size: 14px; padding: 4px 0px 4px 4px;height: 147px;color: #fff;font-family: Microsoft YaHei;font-weight:bold;background-color: rgba(000, 000, 000, .6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000, endColorstr=#60000000);display: none;}
.pic282 li:hover span{display: block;}

.rg5 .g1{  overflow: hidden;}
.txtList{ width: 100%; float: left; padding:0px;}
.txtList li{ float: left; width: 50%;}
.txtList li .f24{ line-height: 38px; height: 38px; width: 90%; display: block; overflow: hidden;}
.txtList li .f18{ line-height: 30px; height: 30px; margin:8px 0 20px 0; text-indent: 2em; width: 90%; overflow: hidden;}
.leftTit{background:url(spring_plBg.png) no-repeat right 0; width: 230px; height: 290px; overflow: hidden; float:left}
.leftTit a{  font-size:28px; font-weight:700;color: #961322;margin: 55px 0 0 18px; display: block;}

/* 2019-9-22 add-style */
.nav {position: fixed;top:160px;right: 100px;width: 132px;height: 416px;text-align: center;background: url(spring_navBg.png) no-repeat;padding:54px 29px 0;z-index: 99;}
.nav p{ margin-bottom: 0px;}
.nav a {height: 54px;line-height: 54px;color: #8f0b04;font-size: 18px; }

.nav .on { background: #f6492e; color: #ffe84c; font-weight: 700;}

.nav .on a {/* font-weight: bold; */font-size: 17px;color: #ffe84c;}
.top-btn {
  position: absolute;
  bottom: 55px;
  left: 50%;
  width: 33px;
  height: 33px;
  margin-left: -17px;
  overflow: hidden;
}

.top-btn a {
  display: block;width: 33px;height: 33px;background: url(spring_toTop.png) no-repeat 0 0;
}


@media screen and (max-device-width:1024px){
	body,html{width:1200px;}.nav{display:none}
	.layout{ width: 1000px;}.lay-a{ width: 416px;} .lay-b{ width: 540px;}.lay-c{ width: 460px;}
	.focus-pic {width: 540px; height:324px;}
	.focus-pic .pan,.focus-pic .item,.focus-pic .item img{width: 540px; height:324px;}
	.focus-pic .tit-m{width:540px;height:42px;margin-top:247px;}
	.focus-pic .tabs{margin-top:295px;}
	#prev1,#next1{ display: none;}
	.newsList li{ height: 30px; overflow: hidden;}
	.gzl-img{width: 462px;height: 288px;margin: 0 12px;}
	.gzl-img img {width: 100%;height:288px;}
	.gzl-img .tit-m {width:452px;}
	ul.dotList li {width: 444px;margin: 0 11px;}
	.rg3 .g1{ padding-left: 40px;}
	#scroll1 {width: 1300px;margin:0 auto 0 -50px; overflow: hidden; position: relative; height: 420px;}
#picBox1{ margin-left: 50px;}
#LeftButton1{cursor:pointer;margin:0;height:72px;width: 23px;float: left; background: url(fbd-prev.png) no-repeat 50% 50%; position: absolute; left: 0; top: 150px;}
#RightButton1 {cursor: pointer;margin:0;height:72px;width: 23px;float: left;background: url(fbd-next.png) no-repeat 50% 50%;position: absolute; right: 0; top: 150px;}
	.pic288{width: 928px;height: 315px;}
	.pic288 li,.pic288 li img{ width: 216px; height: 315px;}
	.pic288 .tit-m{width: 216px;}
	.rg3 ul.dotList li{ width: 400px;}
	.rg4 .g1{ padding: 15px 0 30px 0;}
	.ban_l_btn,.ban_r_btn{ display: none;}
	#featured-area{ width: 1000px;}
	.pic282 li{ margin-right: 30px;}
	.pic282 li,.pic282 li img{ width:225px; height: 124px;}
	.pic282 li span{ width:221px; height: 116px;}
}
@media screen and (min-device-width:1024px){.wrap{width:100%;}.nav{display:block}}


/* 融媒产品 */
.rg10 .phone {
  width: 349px;
  float: left;
  padding-top: 10px;
  overflow: hidden;
}
.rg10 .changeBox_b2 {
  float: left;
  position: relative;
  width: 100%;
  height: 623px;
  z-index: 3;
}
.rg10 .changeBox_b2 .phoneTab {
  float: left;
  width: 101px;
  height: 460px;
  padding-top: 35px;
  font-size: 0px;
  display: none;
  overflow: hidden;
}
.rg10 .phoneDiv {
  width: 314px;
  height: 623px;
  float: left;
  margin-left: 8px;
  position: relative;
  background: url(70th_phone.png) 0px 0px no-repeat;
}
.rg10 .changeBox_b2 div.pnoneCon {
  position: absolute;
  top: 59px;
  left: 12px;
  z-index: 2;
  width: 291px;
  height: 517px;
  overflow: hidden;
}
.rg10 .rmbd {
  width: 851px;
  float: left;
  padding-top: 30px;
}
.rg10 .rmbdpic {
  width: 613px;
  height: 350px;
  position: relative;
  float: left;
  overflow: hidden;
}
.rg10 .rmbdpic .item img {
  width: 613px;
  height: 350px;
}
.rg10 .rmbdpic .tabs {
  position: absolute;
  z-index: 2;
  height: 6px;
  width: 70px;
  margin-top: 328px;
  right: 0px;
  display: none;
}
.rg10 .rmbdpic .tab {
  display: inline-block;
  width: 7px;
  height: 6px;
  margin-right: 6px;
  background: url(70th_tabS.png) 0px 0px no-repeat;
}
.rg10 .rmbdpic .pan,.rg10 .rmbdpic .item {
  width: 613px;
  height: 350px;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: hidden;
}
.rg10 .rmbdpic .tit-m {
  line-height: 36px;
  width: 600px;
  height: 36px;
  margin-top: 315px;
  font-size: 18px;
  font-weight: normal;
  padding-left: 13px;
}
.rg10 .fsrb {
  width: 198px;
  height: 337px;
  float: right;
  margin-right: 13px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(208, 23, 2);
  border-image: initial;
  padding: 5px;
}
.rg10 .fsrb img {
  width: 198px;
  height: 337px;
  float: left;
}
.rg10 .pic652 {
  width: 110%;
  clear: both;
  margin-top: 12px;
  float: left;
  overflow: hidden;
}
.rg10 .pic652 li {
  width: 414px;
  height: 233px;
  margin-right: 12px;
  position: relative;
  float: left;
}