html,body {overflow-x: hidden; font-family: "Microsoft YaHei","微软雅黑";font-size: 14px;color: #444;-webkit-text-size-adjust:100%;/*苹果设备下字体等比例*/text-size-adjust:100%;-webkit-font-smoothing:antialiased;/*用于webkit引擎字体抗锯齿*/}
*{margin:0;padding:0;list-style:none;}
input,textarea,select,button{vertical-align:middle;outline:none;font-family:"Microsoft YaHei",微软雅黑;color:#444;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
input,select,textarea{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;box-shadow:none;}
input::-webkit-input-placeholder {color: #acacac;}
input::-moz-placeholder {color: #acacac;}
input:-moz-placeholder {color: #acacac;}
input:-ms-input-placeholder {color: #acacac;}
textarea{resize:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
i, em{font-style: normal;}
img {border: none;vertical-align: middle;}
html, body, ul, li, p, button, form, table, tbody, thead, tr, th, td , h1, h2, h3, img, strong, b, u, i, em, center, dl, dt, dd, ol, fieldset, form, label, legend {margin: 0;padding: 0;}
a{color:#444;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
a.hsa{color:#dc1111;}
a:hover{color:#c00;}
:focus {outline: none;}
.clear {clear:both;}
.fl {float: left;}
.fr {float: right;}
.slh {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
table {border-spacing: 0;border-collapse: collapse;}
.mt10px {margin-top: 10px!important;}
.mt12px {margin-top: 12px!important;}
.mt15px {margin-top: 15px!important;}
.mt8px {margin-top: 8px!important;}
.mt20px {margin-top: 20px;}
.mt22px {margin-top: 22px;}
.mt25px {margin-top: 25px;}
.mt28px {margin-top: 25px!important;}
.mt27px {margin-top: 27px!important;}
.mt52px {margin-top: 50px;}
.mt56px {margin-top: 56px;}
.mt43px {margin-top: 43px;}
.mt50px {margin-top: 50px!important;}
.pb30px {padding-bottom:30px!important;}
.pb50px {padding-bottom:50px!important;}
.pb18px {padding-bottom:18px!important;}
.pt20px {padding-top:20px;}
.ml30px {margin-left: 30px;}
.bgwhite {background:#fff;}
.ddico {margin-right: 0px!important;margin-left: 6px;}
/*主体框架*/
.head {
width: 100%;
background:#f1f5f8;
height: 40px;
line-height: 40px;
}
.head .head-t, .banner .logo, .nav .menu, .bmbanner .bmz, .news, .izx, .izt, .foot .linkz .link, .foot .fmenu, .foot .bq, .nzcon, .tlcon {
width: 1200px;
margin: 0 auto;
}
.head .head-t .zyl span {
margin: 0 20px 0 0;
color:#11becf;
}
.head .head-t .zyl span#mytime {
color:#555;
margin-left: 0;
}
.head .head-t .xgn {
}
.head .head-t .xgn a {
margin-left: 6px;
}
.head .head-t .xgn i {
display:inline-block;
margin: 0 4px;
color:#1f72c3;
font-size: 18px;
width: 20px;
height: 20px;
line-height: 18px;
vertical-align:middle;
}
@media (max-width: 768px) {
.head {
height: 30px;
line-height: 30px;
font-size: 12px;
}
.head .head-t, .banner .logo, .nav .menu, .bmbanner .bmz, .news, .izx, .izt, .foot .linkz .link, .foot .fmenu, .foot .bq, .nzcon, .tlcon {
width: 100%;
}
.head .head-t {
margin-left: 3%;
}
.head .head-t .zyl span {
margin: 0 5px 0 0;
}
.head .head-t .xgn {
display:none;
}
}
.cd-nav-trigger {
display: none;
}
@media (max-width: 768px) {
.cd-nav-trigger {
position:absolute;
display: block;
width: 30px;
height: 28px;
line-height: 28px;
text-align: center;
top: 45px;
right: 3%;
overflow: hidden;
white-space: nowrap;
background: #11becf;
border-radius: 2px;
}
.on {
background:#f03838;
}
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
position: absolute;
display: inline-block;
height: 2px;
width: 17px;
background: #fff;
}
.cd-nav-trigger span {
position: relative;
top: -3px;
-webkit-transition: background 0.2s;
-moz-transition: background 0.2s;
transition: background 0.2s;
}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
content: '';
right: 0;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.2s;
-moz-transition: -moz-transform 0.2s;
transition: transform 0.2s;
}
.cd-nav-trigger span::before {
top: -6px;
}
.cd-nav-trigger span::after {
top: 6px;
}
.cd-nav-trigger.nav-is-visible span {
background: rgba(255, 255, 255, 0);
}
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
background: #fff;
}
.cd-nav-trigger.nav-is-visible span::before {
-webkit-transform: translateX(2px) translateY(0px) rotate(45deg);
-moz-transform: translateX(2px) translateY(0px) rotate(45deg);
-ms-transform: translateX(2px) translateY(0px) rotate(45deg);
-o-transform: translateX(2px) translateY(0px) rotate(45deg);
transform: translateX(2px) translateY(0px) rotate(45deg);
}
.cd-nav-trigger.nav-is-visible span::after {
-webkit-transform: translateX(2px) translateY(0px) rotate(-45deg);
-moz-transform: translateX(2px) translateY(0px) rotate(-45deg);
-ms-transform: translateX(2px) translateY(0px) rotate(-45deg);
-o-transform: translateX(2px) translateY(0px) rotate(-45deg);
transform: translateX(2px) translateY(0px) rotate(-45deg);
}
}
.banner {
width: 100%;
background:url(../image/index_r2_c1.jpg) no-repeat center bottom;
height: 150px;
}
.banner .logo .logoimg {
margin-top: 31px;
}
.banner .logo .logoimg span {
margin-left: 26px;
}
.banner .logo .search p {
float:left;
}
.banner .logo .search input {
width: 226px;
height: 36px;
line-height: 36px;
padding: 0 10px 0 13px;
border: 2px solid #d1d3d5;
background:#fff;
border-right: none;
border-radius: 3px 0 0 3px;
}
.banner .logo .search input:focus {
border-color: #337ad0;
}
.banner .logo .search button {
width: 50px;
height: 40px;
line-height: 40px;
border: none;
background:#11becf;
color:#fff;
font-size: 20px;
border-radius: 0 3px 3px 0;
cursor: pointer;
}
.banner .logo .search button:hover, .banner .logo .search button:focus {
background:#059baa;
}
@media (max-width: 768px) {
.banner {
background-size: cover;
height: 60px;
}
.banner .logo .logoimg {
margin-top: 10px;
margin-left: 2.5%;
}
.banner .logo .logoimg img {
width: 300px;
height: auto;
}
.banner .logo .logoimg span {
margin-left: 8px;
}
.banner .logo .logoimg span img {
width: 100px;
height: auto;
}
.banner .logo .search {
display:none;
}
}
.nav {
width: 100%;
background:#059baa;
height: 52px;
line-height: 52px;
}
.nav .menu li {
float:left;
width: 100px;
text-align:center;
position:relative;
z-index:100;
}
.nav .menu li:hover a {
color:#bee3ff;
}
.nav .menu li .msel {
position: absolute;
width: 140px;
top: 47px;
left: -15px;
display: none;
background:url(../image/navhover.png) no-repeat center top;
padding-top: 5px;
-webkit-box-shadow: 0px 8px 15px rgba(0,0,0,.25);
box-shadow: 0px 8px 15px rgba(0,0,0,.25);
z-index: 10000;
}
.nav .menu li .w200px {
width: 200px;
left: -40px;
}
.nav .menu li .msel a {
display: block;
font-size: 15px;
color:#666;
height: auto;
line-height: 43px;
border-bottom: 1px solid #e4e4e4;
background:#fff;
}
.nav .menu li .msel a:hover {
background:#e8f0f7;
color:#11becf;
}
.nav .menu li .msel a.last {
border-bottom: none;
}
.nav .menu li.index {
background:none;
}
.nav .menu li a {
display: block;
font-size: 16px;
color:#fff;
height: 52px;
line-height: 52px;
}
.nav .menu li a:hover {
color:#bee3ff;
}
@media (max-width: 768px) {
.nav {
display:none;
position: absolute;
z-index: 10000;
left: 0;
top: 90px;
width: 100%;
background: rgba(8,40,73,0.95);
height: auto;
}
.nav .menu li {
width: 100%;
text-align:left;
background:none;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.nav .menu li a {
padding-left: 15px;
height: 44px;
line-height: 44px;
}
.nav .menu li .msel {
width: 0px;
height:0px;
display: none;
}
.nav .menu li .msel a {
display: none;
}
.nav .menu li .msel a.last {
display: none;
}
}
/****** banner ******/
.pcbanner{
width:100%;
position:relative;
overflow:hidden;
}
.pcbanner .bd{
position:relative;
z-index:0;
}
.pcbanner .bd ul{
width:100%!important;
}
.pcbanner .bd li{
width:100%!important;
/*height: 600px;*/
}
.pcbanner .bd li.bn1 {
background:url(../image/index_r4_c1.jpg) no-repeat center center;
}
.pcbanner .bd li.bn2 {
background:url(../image/index_r4_c2.jpg) no-repeat center center;
}
.pcbanner .bd li.bn3 {
background:url(../image/index_r4_c3.jpg) no-repeat center center;
}
.pcbanner .bd li img{
display:block;
max-width:100%!important;
}
.pcbanner .hd{
width:100%;
position:absolute;
z-index:2;
bottom:30px;
text-align:center;
}
.pcbanner .hd ul {
display:inline-block;
*display:inline;
zoom:1;
}
.pcbanner .hd ul li{
cursor:pointer;
text-indent:999em;
width:12px;
height:12px;
overflow:hidden;
background:#fff;
float:left;
border-radius: 12px;
margin-left: 10px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.pcbanner .hd ul .on{
background: #2074c9;
width: 26px;
}
.pcbanner .prev, .pcbanner .next{
position:absolute;
left:-45px;
top: 50%;
margin-top:-20px;
width:40px;
height:40px;
overflow:hidden;
background:url(../image/banarr.png) 0px top no-repeat;
cursor:pointer;
transition:all 0.2s linear;
-webkit-transition:all 0.2s linear;
}
.pcbanner .next{
left:auto;
right:-45px;
background-position:-40px 0;
}
.pcbanner:hover .prev{
left:25px;
}
.pcbanner:hover .next{
right:25px;
}
@media (max-width: 768px) {
/*.pcbanner .bd li{ */
/* height: 120px;*/
/*}*/
.pcbanner .bd li.bn1 {
background-size: cover;
}
.pcbanner .bd li.bn2 {
background-size: cover;
}
.pcbanner .bd li.bn3 {
background-size: cover;
}
.pcbanner .hd{
bottom:5%;
}
.pcbanner .hd ul li{
width:12px;
height:12px;
margin-left: 8px;
}
.pcbanner .hd ul .on{
width: 22px;
}
}
.bmbanner {
width: 100%;
background:#f4f6f8;
height: 120px;
}
.bmbanner .bmz li {
width: 200px;
float:left;
text-align:center;
height: 120px;
webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.bmbanner .bmz li:hover {
background:#11becf;
}
.bmbanner .bmz li a {
color:#666;
font-size:16px;
display:block;
background:url(../image/bmbrx.png) no-repeat right 8px;
-webkit-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;
}
.bmbanner .bmz li:hover a, .bmbanner .bmz li:hover i {
color:#fff;
background:none;
}
.bmbanner .bmz li:hover i {
font-size: 45px;
}
.bmbanner .bmz li a.norx {
background:none;
}
.bmbanner .bmz li i {
display:block;
height: 50px;
line-height: 50px;
color:#aaa;
font-size: 40px;
margin-top: 20px;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
@media (max-width: 768px) {
.bmbanner {
height: 100%;
overflow:hidden;
padding-bottom: 8px;
}
.bmbanner .bmz li {
width: 33.333333%;
height: auto;
padding-bottom: 10px;
}
.bmbanner .bmz li:nth-child(4), .bmbanner .bmz li:nth-child(5), .bmbanner .bmz li:nth-child(6) {
margin-top: -10px;
}
.bmbanner .bmz li:nth-child(3) a {
background:none;
}
.bmbanner .bmz li i {
margin-top: 10px;
font-size: 36px;
}
}
.inew {
}
.inew .itit {
text-align:center;
padding: 35px 0 40px 0;
font-size: 28px;
font-weight: bold;
color:#11becf;
}
.inew .itit span {
font-size: 14px;
font-weight: normal;
color:#888;
display:block;
background:url(../image/ititx.png) no-repeat center bottom;
padding: 3px 0 15px 0;
}
@media (max-width: 768px) {
.inew .itit {
padding: 15px 0 10px 0;
font-size: 24px;
}
.inew .itit span {
padding: 3px 0;
background:none;
}
}
.news .n-l {
width: 350px;
margin-right: 21px;
}
.news .n-c {
width: 465px;
}
.news .n-r {
width: 340px;
height: 356px;
background:#e9ecef;
}
@media (max-width: 768px) {
.news .n-l {
width: 100%;
margin-right: 0;
}
.news .n-c {
width: 100%;
}
.news .n-r {
width: 100%;
height: auto;
padding-bottom: 15px!important;
padding: 0 4%;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
margin-top: 12px;
}
}
.news .n-l .jb {
text-align:center;
height: 95px;
}
.news .n-l .jb a {
color:#666;
font-size:16px;
display:block;
width: 108px;
height: 93px;
border: 1px solid #ddd;
margin-right: 10px;
float:left;
border-radius: 3px;
}
.news .n-l .jb a.no {
margin-right: 0;
}
.news .n-l .jb a i {
display:block;
height: 58px;
line-height: 68px;
color:#11becf;
font-size: 34px;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.news .n-l .jb a:hover {
border: 1px solid #c00;
color:#c00;
}
.news .n-l .jb a:hover i {
color:#c00;
font-size: 40px;
}
@media (max-width: 768px) {
.news .n-l .jb {
display:none;
height: 65px;
}
.news .n-l .jb a {
width: 33.33333%;
height: 65px;
border: none;
border-right: 1px solid #ddd;
margin-right: 0;
border-radius: 0;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.news .n-l .jb a:nth-child(3) {
border-right: none;
}
.news .n-l .jb a i {
height: 40px;
line-height: 40px;
}
.news .n-l .jb a:hover {
border: none;
border-right: 1px solid #c00;
color:#c00;
}
.news .n-l .jb a:nth-child(3):hover {
border-right: none;
}
}
.news .n-c ul.ntit {
height: 38px;
line-height: 38px;
border-bottom: 1px solid #d8d8d8;
}
.news .n-c ul.ntit li {
float:left;
}
.news .n-c ul.ntit li a {
margin-right: 6px;
font-size: 16px;
display: inline-block;
text-align:center;
width: 120px;
height: 38px;
line-height: 38px;
}
.news .n-c ul.ntit li a.menu1 {
color:#fff;
font-weight: bold;
background:#11becf;
}
.news .n-c ul.ntit li a.menu2 {
background:#f4f6f8;
}
.news .n-c p.tout {
margin-top: 19px;
}
.news .n-c p.tout a {
font-size: 16px;
font-weight:bold;
color:#11becf;
}
.news .n-c p.toun {
font-size: 12px;
color:#999;
border-bottom: 1px dashed #d8d8d8;
padding: 10px 0 20px 0;
}
.news .n-c ul.nli {
}
.news .n-c ul.nli li {
height: 45px;
line-height: 45px;
border-bottom: 1px dashed #d8d8d8;
}
.news .n-c ul.nli li span {
float:right;
color:#999;
font-size: 12px;
}
.news .n-c ul.nli li a {
display: block;
background: url(../image/nticon.png) no-repeat 2px center;
padding-left: 17px;
}
.news .n-c ul.nli li a:hover {
background: url(../image/nticon-h.png) no-repeat 2px center;
}
@media (max-width: 768px) {
.news .n-c ul.ntit {
margin-top: 12px;
border-bottom: none;
}
.news .n-c ul.ntit li {
width: 33.333333%;
}
.news .n-c ul.ntit li a {
margin-right: 0;
border-right: 1px solid #fff;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
display: block;
width: auto;
}
.news .n-c ul.ntit li:nth-child(3) a {
border-right: none;
}
.news .n-c p {
padding: 0 4%;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.news .n-c p.tout {
margin-top: 12px;
}
.news .n-c p.toun {
padding: 8px 0 12px 0;
margin: 0 4%;
}
.news .n-c ul.nli {
padding: 0 4%;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.news .n-c ul.nli li {
height: 40px;
line-height: 40px;
}
}
.news .n-r ul.w300x {
width: 300px;
margin: 0 auto;
}
.news .n-r ul.nggt {
height: 50px;
line-height: 50px;
margin-top: 5px;
}
.news .n-r ul.nggt li {
float:left;
}
.news .n-r ul.nggt li a {
margin-right: 16px;
font-size: 16px;
font-weight: bold;
display: inline-block;
height: 49px;
line-height: 49px;
}
.news .n-r ul.nggt li.more {
float:right!important;
}
.news .n-r ul.nggt li.more a {
margin-right: 0;
font-size: 14px;
font-weight: normal;
}
.news .n-r ul.nggt li a.menu3 {
color:#11becf;
border-bottom: 1px solid #11becf;
}
.news .n-r ul.nggt li a.menu4 {
border-bottom: 1px solid #e9ecef;
}
.news .n-r ul.nggli {
height: 258px;
margin-top: 16px;
overflow:hidden;
}
.news .n-r ul.nggli li i {
margin-right: 5px;
}
.news .n-r ul.nggli li {
line-height: 26px;
}
.news .n-r ul.nggli li span {
color:#aebdce;
margin-left: 6px;
}
.news .n-r ul.nggli li a {
border-bottom: 1px dashed #e9ecef;
}
.news .n-r ul.nggli li a:hover {
border-bottom: 1px dashed #c00;
}
@media (max-width: 768px) {
.news .n-r ul.w300x {
width: 100%;
}
.news .n-r ul.nggt {
height: 40px;
line-height: 40px;
}
.news .n-r ul.nggt li a {
height: 39px;
line-height: 39px;
}
.news .n-r ul.nggli {
height: 186px;
margin-top: 10px;
}
}
.itl {
padding-top: 50px;
}
.itl .ks, .itl .js {
width: 50%;
float:left;
height: 350px;
overflow:hidden;
}
.itl .ks {
background:#11becf;
}
.itl .js {
position:relative;
}
@media (max-width: 768px) {
.itl {
padding-top: 0px;
}
.itl .ks, .itl .js {
width: 100%;
height: auto;
}
.itl .js {
margin-top: 0px;
}
}
.itl .js .jsbg {
position:absolute;
z-index:-1;
top:0;
bottom:0;
left: 0;
right: 0;
background: url(../image/jgbg.jpg) no-repeat center center;
background-size: cover;
-webkit-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.itl .js:hover .jsbg {
transform:scale(1.2);
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
-ms-transform:scale(1.2);
}
.itl .ks .kscon, .itl .js .jscon {
width: 600px;
}
.itl .ks .kscon .tit, .itl .js .jscon .tit {
font-size: 18px;
font-weight:bold;
color:#fff;
margin-left: 60px;
padding: 41px 0 33px 0;
}
.itl .ks .kscon .tit {
margin-left: 0;
}
.itl .ks .kscon .tit span, .itl .js .jscon .tit span {
font-weight: normal;
color:#9db1c7;
margin-left: 15px;
}
.itl .js .jscon .con {
line-height: 26px;
margin-left: 60px;
}
.itl .js .jscon .con p {
margin-bottom: 20px;
}
.itl .js .jscon .con a {
color:#fff;
}
@media (max-width: 768px) {
.itl .ks .kscon, .itl .js .jscon {
width: 100%;
padding: 0 4%;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.itl .ks .kscon .tit, .itl .js .jscon .tit {
margin-left: 0;
padding: 18px 0 10px 0;
}
.itl .ks .kscon .tit span, .itl .js .jscon .tit span {
margin-left: 8px;
font-size: 14px;
}
.itl .js .jscon .con {
margin-left: 0px;
padding-bottom: 10px;
}
.itl .js .jscon .con p {
margin-bottom: 10px;
}
}
.itl .ks .kscon .menu {
width: 570px;
margin-top: 10px;
}
.itl .ks .kscon .menu li {
width: 190px;
float:left;
margin-bottom: 30px;
}
.itl .ks .kscon .menu li a {
color:#fff;
display:block;
}
.itl .ks .kscon .menu li a:hover {
color:#60eeff;
}
.itl .ks .kscon .menu li i {
display: inline-block;
vertical-align:middle;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 25px;
text-align:center;
border:1px solid #fff;
border-radius: 50%;
margin-right: 12px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.itl .ks .kscon .menu li:hover i {
transform:scale(1.2);
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
-ms-transform:scale(1.2);
color:#60eeff;
border:1px solid #60eeff;
}
@media (max-width: 768px) {
.itl .ks .kscon .menu {
width: 100%;
margin-top: 5px;
height: 100%;
overflow:hidden;
padding-bottom: 10px;
}
.itl .ks .kscon .menu li {
width: 33.333333%;
margin-bottom: 15px;
text-align:center;
}
.itl .ks .kscon .menu li i {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 25px;
margin-right: 0px;
margin: 0 auto;
margin-bottom: 5px;
}
.itl .ks .kscon .menu li:hover i {
transform:scale(1.2);
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
-ms-transform:scale(1.2);
color:#60eeff;
border:1px solid #60eeff;
}
}
@media (max-width: 768px) {
.xxzx-top {
display:none;
}
}
.izx li {
float:left;
width: 380px;
margin-right: 30px;
}
@media (max-width: 768px) {
.izx {
display:none;
}
.izx li {
width: 100%;
margin-right: 0px;
}
.izx li:nth-child(1), .izx li:nth-child(2){
display: none;
}
}
.izx li.nork {
margin-right: 0;
}
.izx li .nr {
}
.izx li .nr p {
width: 380px;
height: 130px;
line-height: 130px;
text-align:center;
}
.izx li .nr p.bg1 {
background:url(../image/index_r8_c2.jpg) no-repeat center center;
}
.izx li .nr p.bg2 {
background:url(../image/index_r8_c6.jpg) no-repeat center center;
}
.izx li .nr p.bg3 {
background:url(../image/index_r8_c8.jpg) no-repeat center center;
}
.izx li .nr p a {
font-size: 18px;
font-weight: bold;
display:block;
color:#fff;
}
.izx li .nr ul {
background:#e9ecef;
padding: 10px 0 28px 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.izx li .nr li {
float: none;
width: 330px;
margin-right: 0;
margin: 0 auto;
}
.izx li .nr li a {
display:block;
padding: 12px 0 4px 0;
}
.izx li .nr li i {
margin-right: 5px;
}
.izx li .nr li span {
color:#999;
font-size: 12px;
line-height: 22px;
display:inline-block;
height: 40px;
overflow:hidden;
}
.izx li:hover {
}
.izx li:hover .nr p a {
font-size: 24px;
}
.izx li:hover .nr ul {
background:#11becf;
}
.izx li:hover .nr li a {
color:#fff;
}
.izx li:hover .nr li span {
color:#fff;
}
.izt {
background:#f3f5f7;
height: 100%;
overflow:hidden;
padding: 20px 0;
margin-top: 40px;
}
.izt .zttit {
width: 40px;
height: 56px;
padding: 14px 15px 0 17px;
background:#11becf;
margin-right: 20px;
}
.izt .zttit a {
display:block;
color:#fff;
font-size: 18px;
font-weight: bold;
line-height: 20px;
}
.izt .ztpic {
width: 1108px;
text-align:left;
overflow:hidden;
zoom: 1;
position:relative;
}
.izt .ztpic .pcont {
float: left;
width: 1108px;
overflow:hidden;
}
.izt .ztpic .ScrCont {
width: 32766px;
zoom: 1;
}
.izt .ztpic #List1_1 {
float: left;
}
.izt .ztpic #List2_1 {
float: left;
}
.izt .ztpic .LeftBotton {
position: absolute;
left: 0;
top: 12px;
width: 20px;
height: 48px;
background: url(../image/leftbtn.png) no-repeat left center;
}
.izt .ztpic .RightBotton {
position: absolute;
right: 0;
top: 12px;
width: 20px;
height: 48px;
background: url(../image/rightbtn.png) no-repeat left center;
}
.izt .ztpic .pl {
float: left;
width: 262px;
padding-right: 20px;
}
@media (max-width: 768px) {
.izt {
padding: 0;
margin-top: 0px;
}
.izt .zttit {
width: 100%;
height: 50px;
text-align:center;
padding: 0;
margin-right: 0;
}
.izt .zttit a {
line-height: 50px;
}
.izt .ztpic {
display:none;
}
}
/****** 底部 ******/
.foot {
width: 100%;
border-top: 6px solid #2271be;
background:#f3f5f7;
height: 100%;
overflow:hidden;
color:#88919a;
}
.foot .linkz {
border-bottom: 1px solid #dedfe0;
padding: 25px 0;
}
.foot .linkz .link {
}
.foot .linkz .link span {
font-weight:bold;
}
.foot .linkz .link a {
margin-right: 12px;
color:#88919a;
}
.foot .linkz .link a:hover {
color:#c00;
}
.foot .fmenu {
border-bottom: 1px solid #dedfe0;
padding: 20px 0 30px 0;
height: 100%;
overflow:hidden;
}
.foot .fmenu li {
width: 171px;
float:left;
}
.foot .fmenu li a {
color:#88919a;
height: 30px;
line-height: 30px;
display:block;
}
.foot .fmenu li a:hover {
color:#c00;
}
.foot .fmenu li a.t {
color:#444;
height: 40px;
line-height: 40px;
font-size: 16px;
}
.foot .bq {
padding: 20px 0 15px 0;
height: 100%;
overflow:hidden;
}
.foot .bq a {
color:#88919a;
}
.foot .bq .bq-l {
line-height: 24px;
padding-top: 6px;
}
@media (max-width: 768px) {
.foot {
border-top: 1px solid #dbe0e5;
margin-top: 15px;
}
.foot .linkz {
display:none;
}
.foot .fmenu {
display:none;
}
.foot .bq {
padding: 15px 0;
text-align:center;
}
.foot .bq .bq-l {
line-height: 24px;
padding-top: 0px;
float:none;
}
.foot .bq .bq-l span {
display:none;
}
.foot .bq .bq-c, .foot .bq .bq-r {
display:none;
}
}
/****** 分享 ******/
#fx {
margin-left: 70px;
}
#fx p {
height: 34px;
line-height: 34px;
font-weight:bold;
margin-right: 8px;
}
#fx a {
width: 38px;
height: 38px;
padding: 0;
margin: 0;
margin-right: 5px;
/***border-left: 1px solid #e5e5e5;***/
}
#fx a:hover {
opacity:1;
filter:alpha(opacity=100);
}
#fx a.bds_weixin {
background: url(../image/wx.png) no-repeat center center;
}
#fx a.bds_tsina {
background: url(../image/wb.png) no-repeat center center;
}
#fx a.bds_sqq {
background: url(../image/qq.png) no-repeat center center;
}
#fx a.bds_qzone {
background: url(../image/qz.png) no-repeat center center;
}
#fx a.bds_tqq {
background: url(../image/qb.png) no-repeat center center;
}
.dm {
width:119px;
height: 119px;
position:fixed;
right:96px;
top:50%;
margin-top: 32px;
display:none;
}
.dm img {
width:119px;
height: 119px;
border: 1px solid #ddd;
}
/****** 返回顶部 ******/
#totop {
position: fixed;
bottom: 30px;
right: 20px;
z-index: 999;
width: 50px;
cursor: pointer;
display: none;
-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
*html #totop {
position: absolute;
cursor: pointer;
right: 20px;
display: none;
top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-112+"px")
}
#totop span {
display: block;
width: 50px;
height: 50px;
background: #000;
filter:Alpha(opacity=60);
opacity:0.6;
text-align: center;
color: #888;
overflow: hidden;
font-size: 35px;
}
#totop span img {
width: 26px;
height: 18px;
margin-top: 16px;
}
@media (max-width: 768px) {
#totop {
right: 10px;
}
#totop span {
border-radius: 50%;
}
}
/****** 门诊排班表 ******/
.tab-pbb {
border: 1px #333 solid;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom: 20px;
}
.tab-pbb td {
border-left: 1px solid #333;
border-top: 1px solid #333;
padding: 2px 3px;
text-align: center;
vertical-align:top;
font-size: 14px;
line-height: 24px;
}
.tab-pbb td.middle {
vertical-align: middle;
}
.tab-pbb td.h-date {
font-weight:bold;
color:#fff;
background:#11becf;
line-height: 28px;
}
.tab-pbb td.l-ks {
font-weight:bold;
background:#e8f0f7;
vertical-align: middle;
}
.tab-pbb td.l-zj {
color:#f00;
vertical-align: middle;
}
.tab-pbb td span.n-zj {
color:#f00;
}
.tab-pbb td.t-zm {
background:#ffeded;
}
.tab-pbb td p {
margin-bottom: 0!important;
height: 24px;
line-height: 24px;
}
.a_fj {
background: #f6f6f6;
border: 1px solid #d8d8d8;
border-bottom: none;
padding: 15px 20px;
margin: 0 38px;
}
.a_fj span {
display:block;
font-weight:bold;
}
.a_fj a {
line-height: 24px;
height: 24px;
color: #0068bb;
margin-right: 20px;
}
@media (max-width: 768px) {
.a_fj {
border: 1px solid #d8d8d8;
padding: 10px;
margin: 0 4%;
margin-bottom: 15px;
}
}
/****** 右侧固定二维码 ******/
.tewm {
width:135px;
height:135px;
position:fixed;
left:10px;
bottom:10%;
}
.tewm img {
float:left;
}
.tewm .x {
vertical-align:top;
cursor: pointer;
}
@media (max-width: 768px) {
.tewm {
display:none;
}
#ggg {
display:none;
}
}
.slideBox{ width:100%; height:250px; overflow:hidden; position:relative; border:1px solid #ddd; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:8px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.slideBox .hd ul li{ float:left; margin-right:5px; width:15px; height:15px; border-radius: 50%; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#228ef9; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; position: relative;}
.slideBox .bd img{ width:100%; height:250px; display:block; }
.slideBox .bd li p{position: absolute;width: 100%;height: 30px;line-height: 30px;background: rgba(0,0,0,.8);color: #fff;font-size: 14px;left: 0;bottom: 0;text-indent: 20px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.izjtd{overflow: hidden;}
.zjbox{width: 1200px;margin: 0 auto;}
.picMarquee-left{ width:100%; overflow:hidden; position:relative; }
.picMarquee-left .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden;
cursor:pointer; background:url("http://www.ah-zl.com/template/jimin/images/arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px; }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left .bd{ padding:10px; }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center; }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:120px; height:160px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999; }
.picMarquee-left .bd ul li .title{ line-height:24px; }
.guanggao{width:100%;max-width: 1200px;margin:40px auto 0;}
.pages{margin: 30px auto;height:40px;text-align: center;}
.pages span{padding: 5px 15px;border:1px solid #DDDDDD;border-right: none;color: #333}
.pages span a{color: #333;padding: 0 10px}
.pages span a:hover{color: #2271BE}
.pages .page-last{border:1px solid #DDDDDD; }
.pages span .page-num-current{color: #2271BE;}
.ar-artcon td{max-width: 100%;width: auto;}
.ar-artcon tr{max-width: 100% !important;}
.ar-artcon p{max-width: 100% !important;;}
.ar-artcon .zxyy p{border-bottom: 1px solid #ddd;padding-bottom: 5px;}
.ar-artcon .zxyy p span{float: left;width: 80px;text-align: right;}
.ar-artcon .zxyy p input{height: 30px;line-height: 30px;margin-right: 5px;}
.ar-artcon .zxyy button{display: inline-block;width: 120px;height: 30px;background: #2271BE;color: #fff;border: none;cursor: pointer;}
#ggg{z-index:10000;width:300px;}
@media screen and (min-width: 1px) and (max-width: 480px) {
.guanggao{width: 100%;margin: 20px auto;} }