html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: "Microsoft YaHei",Helvetica, Arial, Sans-Serif; font-size:100%;}
html,body{color:#5D5E5F;-webkit-font-smoothing: antialiased;}
body{background:#fff;}
ul,ol,li{ list-style:none;}
a:link, a:visited{ color:#5D5E5F; text-decoration:none;}
a:hover{ text-decoration:none;}
img{ border:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5{ font-weight:normal;}
.clearfloat:after{ content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0;}
.clearfloat{zoom:1;}
.clear{ clear:both}
::selection {
background: #00B1B6;
color: #FFF;
}
#loadwamp{
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width:100%;
background: #fff;
padding-top: 100%;
display: block;
}
.loadanim{
position: absolute;
top: 15%;
left: 50%;
margin-left: -25px;
display: block;
width: 50px;
height: 50px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
-webkit-animation:anim4 1.5s infinite ease;
-moz-animation:anim4 1.5s infinite ease;
-ms-animation:anim4 1.5s infinite ease;
-o-animation:anim4 1.5s infinite ease;
animation:anim4 1.5s infinite ease;
}
.loadanim img{
width: 100%;
height: 100%;
}
.loadpicwamp{
width: 300px;
height: 3px;
background: #ccc;
position: absolute;
top: 15%;
margin-top: 75px;
left: 50%;
margin-left:-150px;
}
#loadpic{
height: 3px;
width: 0;
background: #00b4b4;
transition:all 0.2s;
-webkit-transition:all 0.2s;
}
.picwamp img{
width: 300px;
}
/* css3 keyframes - animation 4 */
@-webkit-keyframes anim4 {
0% { -webkit-transform: rotateZ(0deg); }
70% { -webkit-transform: rotateZ(185deg); }
90% { -webkit-transform: rotateZ(180deg); }
100% { -webkit-transform: rotateZ(180deg); }
}
@-moz-keyframes anim4 {
0% { -moz-transform: rotateZ(0deg); }
70% { -moz-transform: rotateZ(185deg); }
90% { -moz-transform: rotateZ(180deg); }
100% { -moz-transform: rotateZ(180deg); }
}
@-ms-keyframes anim4 {
0% { -ms-transform: rotateZ(0deg); }
70% { -ms-transform: rotateZ(185deg); }
90% { -ms-transform: rotateZ(180deg); }
100% { -ms-transform: rotateZ(180deg); }
}
@-o-keyframes anim4 {
0% { -o-transform: rotateZ(0deg); }
70% { -o-transform: rotateZ(185deg); }
90% { -o-transform: rotateZ(180deg); }
100% { -o-transform: rotateZ(180deg); }
}
@keyframes anim4 {
0% { transform: rotateZ(0deg); }
70% { transform: rotateZ(185deg); }
90% { transform: rotateZ(180deg); }
100% { transform: rotateZ(180deg); }
}
/*公用*/
.mt5{margin-top: 5px; } .mt10{margin-top: 10px; } .mt15{margin-top: 15px; } .mt20{margin-top: 20px; } .mt25{margin-top: 25px; } .mt30{margin-top: 30px; } .mt35{margin-top: 35px; } .mt40{margin-top: 40px; } .mt45{margin-top: 45px; } .mt50{margin-top: 50px; }
.mt400{margin-top: 400px}.mt500{margin-top: 500px;}
.mt150{margin-top: 150px}.mt250{margin-top: 250px;}
.container{
width: 1000px;
margin: 0 auto;
overflow: hidden;
}
.container:after{
clear: both;
}
.pullleft{
float: left;
}
.pullright{
float: right;
}
/*公用 end*/
/***************************首页************************/
/*头部*/
.header{
min-width: 1150px;
height: 800px;
background-repeat: no-repeat!important;
}
#headerFunc{
height: 50px;
width: 100%;
background: rgba(255,255,255,0.4);
position: absolute;
top: 0;
border-bottom: solid 1px rgba(93,94,95,0.4);
z-index: 555;
min-width: 1150px;
}
.Func-fixed{
position: fixed!important;
z-index: 4444;
background: #00B1B6!important;
border-bottom: 0!important;
top: -50px;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.Func-fixed .headerFuncCon>p{
color: #fff;
}
.Func-fixed .headerFuncCon .submitBtn{
color: #fff;
}
.Func-fixed .headerFuncCon .submitBtn i{
background-position: 0 -549px;
}
.Func-fixed .headerFuncCon .consule i{
background: url(http://www.jgnz.cn/beiyongjc/images/zixun-02.png);
background-position: 2px -2px;
background-repeat: no-repeat;
}
.Func-fixed .headerFuncCon input{
background: #33c1c5;
color: #fff;
}
.Func-fixed .headerFuncCon input::-webkit-input-placeholder{
color: #fff;
}
.Func-fixed .headerFuncCon input::-moz-placeholder{
color: #fff;
}
.Func-fixed .headerFuncCon input:-moz-placeholder{
color: #fff;
}
.Func-fixed .headerFuncCon input:-ms-input-placeholder {
color: #fff;
}
.Func-fixed .headerFuncCon .searchBtn{
background-position: 0 -574px;
}
.Func-fixed .headerFuncCon span a{
color: #fff;
}
.headerFuncCon span a:hover{
text-decoration: underline;
}
.Func-fixed .headerFuncCon span i{
background-position: -13px -23px;
}
.headerFuncCon>p{
font-size: 12px;
line-height: 50px;
}
.headerFuncCon .submitBtn{
display: block;
font-size: 12px;
height: 50px;
line-height: 50px;
width: 50px;
padding-left: 30px;
margin-left: 15px;
position: relative;
float: left;
}
.headerFuncCon .submitBtn i{
display: block;
width: 30px;
height: 21px;
position: absolute;
left: 2px;
top: 16px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-repeat: no-repeat;
}
.headerFuncCon .consule i{
background: url(http://www.jgnz.cn/beiyongjc/images/zixun-3.png);
background-repeat: no-repeat;
}
.headerFuncCon input{
float: left;
margin-left: 20px;
margin-top: 15px;
width: 150px;
font-size: 12px;
text-indent: 3px;
line-height: 20px;
border: 0;
background: rgba(93,94,92,0.2);
}
.headerFuncCon .searchBtn{
display: block;
margin-top: 17px;
margin-left: 3px;
float: left;
width: 20px;
height: 20px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-position: 0 -30px;
background-repeat: no-repeat;
}
.headerFuncCon span{
display: block;
height: 50px;
line-height: 50px;
width: 22px;
margin-left: 5px;
float: left;
font-size: 12px;
cursor: pointer;
position: relative;
}
.headerFuncCon span i{
display: block;
position: absolute;
right: 0px;
top: 23px;
width: 7px;
height: 5px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-position: 0 -23px;
background-repeat: no-repeat;
}
/**-------改版-----**/
.Bannerwamp{
position: absolute;
top: 0;
left: 0;
height: 500px;
z-index: 1;
}
.Banner700{
height: 700px;
display: block;
position: fixed;
left: 50%;
margin-left: -1280px;
}
.Banner500{
height: 500px;
display: block;
position: fixed;
left: 50%;
margin-left: -915px;
}
#Bannernav{
position: absolute;
bottom: 0;
left: 50%;
margin-left: -500px;
z-index: 22;
width: 1000px;
height: 120px;
overflow: hidden;
}
.navcirl{
float: left;
width: 200px;
text-align: center;
}
.navcirl span{
background: #00B1B6;
display: block;
width: 42px;
height: 42px;
margin: 0 auto;
border-radius: 50px;
transition:all 0.2s;
-webkit-transition:all 0.2s;
cursor: pointer;
}
.navcirl span i{
position: absolute;
z-index: 44;
background: #5D5E5F;
display: block;
width: 42px;
height: 42px;
border-radius: 50px;
transition:all 0.8s;
-webkit-transition:all 0.8s;
}
.navcirl span i em{
display: block;
width: 42px;
height: 42px;
border-radius: 50px;
transition:all 0.5s;
-webkit-transition:all 0.5s;
}
#Bannernav .active span i{
background: #fff;
background/*\**/: #00B1B6\9;
transform: rotate(360deg) scale(0.5);
-ms-transform: rotate(360deg) scale(0.5);
-webkit-transform: rotate(360deg) scale(0.5);
}
#Bannernav .active p{
color: #00B1B6;
}
#Bannerline{
position: absolute;
bottom: 98px;
left: 50%;
margin-left: -400px;
height: 0;
border-bottom: 2px dotted #5D5E5F;
width: 800px;
z-index: 1;
}
#Bannerline i{
position: absolute;
width: 0;
height: 2px;
left: 0;
background: #00B1B6;
}
.navcirl p{
line-height: 40px;
}
/**-------改版-----**/
#bgBanner{
width: 100%;
height: 700px;
position: relative;
}
.bgBanner1{
height: 700px;
background: url(http://www.jgnz.cn/beiyongjc/images/indexbanner2560x7001.jpg);
background-position: center top;
background-attachment: fixed;
background-repeat: no-repeat;
}
.bgBannerCon img{
display: block;
position: fixed;
z-index: 1;
}
.bgclf{
margin-top: 120px;
}
.bgTest1{
margin-top: 200px;
}
.indexFun{
position: fixed;
height: 40px;
width: 460px;
z-index: 1;
}
.indexFun a{
display: block;
float: left;
line-height: 40px;
color: #fff;
font-size: 20px;
width: 50%;
height: 40px;
background: rgba(93,94,95,0.8);
margin-top: 470px;
text-align: center;
transition:background 0.2s;
-webkit-transition:background 0.2s;
position: relative;
}
.indexFun a i{
display: block;
position: absolute;
left: 20px;
top: 4px;
width: 30px;
height: 30px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-position: 0 -329px;
background-repeat: no-repeat;
}
.indexFun a b{
display: block;
position: absolute;
left: 20px;
top: 4px;
width: 30px;
height: 30px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-position: 0 -393px;
background-repeat: no-repeat;
}
.indexFun a:hover{
background: rgba(0,177,182,0.8);
}
#Cnav{
width: 100%;
height: 100px;
background: #fff;
position: relative;
z-index: 5555;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.Nav-fixed{position: fixed!important;top: 0;box-shadow: 1px 1px 2px #ccc;}
.fixed-ICON{
transition:all 0.5s;
-webkit-transition:all 0.5s;
width: 0;
float: left;
overflow: hidden;
opacity: 0;
}
.fixed-ICON a{
display: block;
margin-top: 30px;
}
.Nav-fixed .fixed-ICON{
opacity: 1;
width: 400px;
}
.Nav-fixed .navItem{
width: 100px;
}
.navItem{
display: block;
height: 100px;
line-height: 100px;
width: 166px;
float: left;
transition:width 0.5s;
-webkit-transition:width 0.5s;
}
.navItem h2{
text-align: center;
height: 97px;
}
.navItem b{
display: block;
width: 100%;
height: 3px;
width: 50%;
background: #fff;
margin:0 auto;
transition:all 0.3s;
-webkit-transition:all 0.3s;
opacity: 0;
}
.navItem:hover h2{
color: #00B1B6;
}
.navItem:hover b{
width: 100%;
background: #00B1B6;
opacity: 1;
}
.secNav{
position: absolute;
z-index: 555;
opacity: 0;
top: 100px;
left: 50%;
margin-left: -700px;
width: 1400px;
background: rgba(93,94,95,0.8);
}
.nI2 .secNav{
z-index: 444;
}
.secNav div{
width: 1000px;
margin: 0 auto;
overflow: hidden;
}
.secNav div li a{
display: block;
width: 100%;
height: 100%;
color: #fff;
}
#secNav1 li,#secNav3 li,#secNav4 li,#secNav2 li{
width: 200px;
height: 50px;
line-height: 50px;
text-indent: 15px;
float: left;
font-size: 14px;
transition:background 0.1s;
-webkit-transition:background 0.1s;
}
#secNav3 li{
width:200px;
}
#secNav4 li{
width: 200px;
}
#secNav1 li:hover,#secNav3 li:hover,#secNav4 li:hover,#secNav2 li:hover{
background: rgba(0,177,182,0.8);
}
.navItem:hover .secNav{opacity: 1;}
#secNav1,#secNav2,#secNav3,#secNav4{
height: 0;
transition:height 0.5s;
-webkit-transition:height 0.5s;
}
.nI1:hover #secNav1{
height:50px;
}
.nI2:hover #secNav2{
height: 50px;
}
.nI3:hover #secNav3{
height:50px;
}
.nI4:hover #secNav4{
height:50px;
}
.nav .active>b{
width: 100%!important;
background: #00B1B6!important;
opacity: 1;
}
.nav .active>a h2 {
color: #00B1B6;
}
/*头部 end*/
/*section1*/
.section1{
min-width: 1150px;
width: 100%;
height: 800px;
background: #f5f5f5;
position: relative;z-index: 2;
}
.indfont{
margin-bottom: 60px;
}
.indfont h2,.indfont p{
width: 100%;
text-align: center;
color: #00B1B6;
}
.indfont h2{
font-size: 50px;
padding-top: 45px;
padding-bottom: 15px;
}
.indfont p{
font-size: 21px;
line-height: 35px;
}
.indfont a{
display: block;
background: #f0fafa;
color: #00B1B6;
width: 200px;
height: 50px;
margin: 35px auto 0;
text-align: center;
line-height: 50px;
position: relative;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.indfont a:hover{
background: #66d0d3;
color: #fff;
}
.indfont a i {
display: block;
width: 10px;
height: 10px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-position: 0 -183px;
background-repeat: no-repeat;
position: absolute;
right: 51px;
top: 22px;
}
.office{
width: 1000px;
margin:0 auto;
}
.officewamp{
overflow: hidden;
width: 1050px;
margin-left: -50px;
}
.of{
margin-left: 50px;
float: left;
width: 300px;
}
.officeItem{
width: 300px;
height: 220px;
position: relative;
overflow: hidden;
}
.officeItem img{
display: block;
width: 300px;
height: 220px;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:alpha(opacity=100)\9;
transition:all 0.6s;
-ms-transition:all 0.6s;
-webkit-transition:all 0.6s;
transition-delay:0.2s;
-webkit-transition-delay:0.2s;
}
.officeAn{
width: 150px;
height: 150px;
background:url(http://www.jgnz.cn/beiyongjc/images/item01.png);
background-position: center;
background-repeat: no-repeat;
margin:35px auto 0;
}
.officeAn2{
width: 150px;
height: 150px;
background:url(http://www.jgnz.cn/beiyongjc/images/item2.png);
background-position: center;
background-repeat: no-repeat;
margin:35px auto 0;
}
.officeAn3{
width: 150px;
height: 150px;
background:url(http://www.jgnz.cn/beiyongjc/images/item3.png);
background-position: center;
background-repeat: no-repeat;
margin:35px auto 0;
}
.officeColor{
display: block;
position: absolute;
top: 50%;left: 50%;
margin-top: -75px;
margin-left: -75px;
width: 150px;
height: 150px;
background: #b8e6e7;
z-index: -55;
border-radius: 300px;
transition:all 0.3s;
-ms-transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.officeColor i{
display: block;
margin-top: 10px;
margin-left: 10px;
width: 130px;
height: 130px;
background: #00B1B6;
border-radius: 300px;
transition:all 0.8s;
-webkit-transition:all 0.8s;
-ms-transition:all 0.8s;
transition-delay:0.1s;
-webkit-transition-delay:0.1s;
-ms-transition-delay:0.1s;
}
.of b{
display: block;
height: 2px;
width: 50%;
margin: 0 auto;
background: #00B1B6;
content: "";
opacity: 0;
transition:all 0.6s;
-webkit-transition:all 0.6s;
transition-delay:0.2s;
-webkit-transition-delay:0.2s;
}
.of:hover b{
width: 100%;
opacity: 1;
}
.of:hover .officeColor{
background: #00B1B6;
}
.of:hover .officeColor i{
transform:scale(2.6);
-webkit-transform:scale(2.6);
-ms-transform:scale(2.6);
opacity: 0;
filter: alpha(opacity=0);
}
.of:hover img{
opacity: 1;
filter: alpha(opacity=100);
filter: alpha(opacity=0)\9\0;
filter/*\**/:alpha(opacity=100)\9;
}
.of h4{
text-align: center;
line-height: 80px;
font-size: 18px;
}
.of p{
display: block;
height: 120px;
overflow: hidden;
font-size: 16px;
line-height: 30px;
}
.of:hover h4{
color: #00B1B6;
}
.of .ofmore{
width: 100%;
text-align: center;
display: block;
color: #00B1B6;
padding: 20px 0;
position: relative;
}
.of .ofmore i{
display: block;
width: 10px;
height: 10px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-position: 0 -183px;
background-repeat: no-repeat;
position: absolute;
right: 98px;
top: 27px;
}
/*section1 end*/
/*section2*/
.section2{
min-width: 1150px;
width: 100%;
height: 240px;
padding-top:60px;
background:#f5f5f5 url(http://www.jgnz.cn/beiyongjc/images/section2bg.jpg);
background-position:center;
background-repeat: no-repeat;
position: relative;
z-index: 55;
}
.section2 .indfont h2,.section2 .indfont p{
color: #fff;
}
/*section2 end*/
/*section3*/
.section3{
min-width: 1150px;
position: relative;
z-index: 55;
background: #fff;
}
.team{
min-width: 1150px;
overflow: hidden;
position: relative;
}
.teamDoctor{
width: 25%;
max-width: 660px;
float: left;
position: relative;
overflow: hidden;
}
.teamDoctor img{
width: 100%;
}
.doctorMsg{
width: 100%;
height:60px;
background: rgba(93,94,95,0.8);
position: absolute;
bottom: 0;
left: 0;
transition:all 0.4s;
-webkit-transition:all 0.4s;
}
.doctorMsg .wamp{
width: 100%;
height: 120px;
padding-top: 2%;
transition:all 0.2s;
-webkit-transition:all 0.2s;
}
.doctorMsg .wamp h3{
text-align: center;
color: #fff;
font-size: 20px;
line-height: 50px;
}
.doctorMsg .wamp p{
text-align: center;
color: #fff;
font-size: 16px;
display: none;
}
.doctorMsg .wamp a{
color:#00B1B6;
text-align: center;
line-height: 50px;
height: 50px;
width: 200px;
margin : 10px auto 0;
background: rgba(255,255,255,0.8);
display: none;
position: relative;
}
.doctorMsg .wamp a i {
display: block;
width: 10px;
height: 10px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-position: 0 -183px;
background-repeat: no-repeat;
position: absolute;
right: 53px;
top: 22px;
}
.doctorMsg .wamp a b {
display: block;
width: 30px;
height: 30px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-position: 0 -627px;
background-repeat: no-repeat;
position: absolute;
left: 51px;
top: 11px;
}
.doctorMsg .expinde{
text-indent: 30px;
}
.teamDoctor:hover .doctorMsg{
height: 100%;
background: rgba(26,168,171,0.8);
}
.teamDoctor:hover .wamp{
padding-top: 32%;
}
.teamDoctor:hover .wamp p{
display: block;
}
.teamDoctor:hover .wamp a{
display: block;
}
.teamList{
position: relative;
left: 0;
overflow: hidden;
width:99999px;
}
/*section3 end*/
/*section4*/
.section4{
min-width: 1150px;
position: relative;
z-index: 55;
height: 820px;
background: #f5f5f5;
}
.serve{
position: relative;
display: block;
float: left;
width: 450px;
}
#news{
position: relative;
display: block;
margin-left: 100px;
float: left;
width: 450px;
height: 533px;
}
.serveimg,.newsimg{
width: 450px;
height: 320px;
overflow: hidden;
display: block;
}
.newsLast{
display: block;
position: absolute;
width: 25px;
height: 50px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-position: -2px -493px;
background-repeat: no-repeat;
left: 0;
top: 160px;
cursor: pointer;
}
.newsLast:hover{
background-position: 0 -432px;
}
.newsNext{
display: block;
position: absolute;
width: 25px;
height: 50px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-position: -38px -493px;
background-repeat: no-repeat;
right: 0;
top: 160px;
cursor: pointer;
}
.newsNext:hover{
background-position: -38px -432px;
}
.newsSlide{
position: absolute;
top: 0;
left: 0;
}
.newsSlide{
background: #f5f5f5;
}
.dis-table{
display: table;
height: 80px;
}
.serve img,#news img{
width: 100%;
transition:all 0.5s;
-webkit-transition:all 0.5s;
}
.serve h3,#news h3{
display: table-cell;
text-align: left;
font-size: 22px;
vertical-align: middle;
line-height: 32px;
}
.serve p,#news p{
display: block;
height: 63px;
overflow: hidden;
line-height: 30px;
font-size: 16px;
}
.serve .ofmore,#news .ofmore{
width: 100%;
text-align: center;
display: block;
color: #00B1B6;
padding: 20px 0;
position: relative;
}
.serve .ofmore i,#news .ofmore i {
display: block;
width: 10px;
height: 10px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-position: 0 -183px;
background-repeat: no-repeat;
position: absolute;
right: 173px;
top: 27px;
}
.serve:hover img,#news:hover img{
transform:scale(1.05);
-webkit-transform:scale(1.05);
}
.serve:hover h3,#news:hover h3{
color: #00B1B6;
}
.serve b,#news b{
display: block;
height: 2px;
width: 50%;
margin: 0 auto;
background: #00B1B6;
content: "";
opacity: 0;
transition:all 0.5s;
-webkit-transition:all 0.5s;
}
#news b{
position: relative;
top: 520px;
}
.serve:hover b,#news:hover b{
width: 100%;
opacity: 1;
}
/*section4 end*/
/*section5*/
.section5{
min-width: 1150px;
width: 100%;
height: 239px;
padding-top:60px;
background:#f5f5f5 url(http://www.jgnz.cn/beiyongjc/images/section5bg.jpg);
background-repeat: no-repeat;
background-position:center;
position: relative;
z-index: 55;
}
.section5 .secMap{
position: absolute;
top: 88px;
left: 50%;
margin-left: -329px;
animation: bounce 1.8s infinite;
-webkit-animation: bounce 1.8s infinite;
}
/*section5 end*/
/*页脚*/
.footer{
min-width: 1150px;
position: relative;
z-index: 55;
color: #F9F9F9; background:#333; padding:35px 0;
}
.footer p{ color:#fff; text-align:center; font-size:14px; line-height:25px;}
.footMsg
{width:100%;height:233px;background:url(http://www.jgnz.cn/beiyongjc/images/wzdb.jpg) center no-repeat ; padding-top:17px; font-size:12px; }
.footMsgWamp{
width: 1020px;
margin-left: -20px;
overflow: hidden;
height: 230px;
}
.copyright{
height: 30px;
background: #4b4c4d;
}
.foot_d{
position: relative;
overflow:visible;
height: 30px;
}
.banquan_d{
position: absolute;
left: 0; top: -32px;
color: #fff;
font-size: 12px;
}
.gongan_d{
color: #fff;
margin-left:10px;
}
.gongan_d img{
display:inline-block;
vertical-align: middle;
}
.gongan_d span{
color: #fff;
}
.clfintro{
width: 220px;
}
.onTime{
width: 255px;
}
.onTime .oT1{
width: 45%;
}
.onTime .oT2{
width: 55%;
}
.aboutUs{
width: 230px;
}
.aboutUs li{
padding-left: 25px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-repeat: no-repeat;
}
.aboutUs .aU1{
background-position: 0 -86px;
}
.aboutUs .aU2{
background-position: -33px -108px;
}
.aboutUs .aU3{
background-position: -1px -132px;
}
.aboutUs .aU4{
background-position: -2px -156px;
}
.footMap{
width: 235px;
}
.footMap li{
width: 50%;
float: left;
}
.onTime li{
width: 50%;
float: left;
}
.copyright p{
font-size: 12px;
line-height: 30px;
}
.footShare{
width: 255px;
margin-left: -25px;
padding-top: 20px;
overflow: hidden;
}
.footShare a{
display: block;
width: 26px;
height: 26px;
margin-left:25px;
float: left;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-repeat: no-repeat;
}
.footShare .fS1{
background-position: -40px 0;
border-radius: 3px;
}
.footShare .fS1:hover {
background-position: -39px -33px;
}
.footShare .fS2{
background-position: -88px 0;
border-radius: 3px;
}
.footShare .fS2:hover {
background-position: -88px -33px;
}
.footShare .fS3{
background-position: -137px 0;
border-radius: 3px;
}
.footShare .fS3:hover {
background-position: -137px -33px;
}
.footShare .fS4{
background-position: -186px 0;
border-radius: 3px;
}
.footShare .fS4:hover {
background-position: -187px -33px;
}
.footShare .fS5{
background-position: -235px 0;
border-radius: 3px;
}
.footShare .fS5:hover {
background-position: -235px -33px;
}
.footcon{ width:1096px; margin:0 auto;}
.footcon_m{ background:url(http://www.jgnz.cn/beiyongjc/images/wzdb_03.jpg) center no-repeat ; width:355px; height:216px; float:left; color:#FFF; padding-left:11px;}
.footcon_left{ background:url(http://www.jgnz.cn/beiyongjc/images/wzdb_08.png) center no-repeat ; width:355px; height:76px; float:left; margin-right:25px; color:#FFF; padding-top:140px;}
.footcon_left a{ width:87px; height:76px ; float:left; text-indent:-9999px; display:block;}
.footcon_right{ background:url(http://www.jgnz.cn/beiyongjc/images/wzdb_05.png) center no-repeat ; width:340px; height:216px; float:right;}
.footcon_m a{color:#FFF; display:block;}
.footcon_m a span{ font-size:12px;}
.footqq{ width:199px; float:left; }
.foot3g{ width:143px; float:left; }
.foottel{ width:199px; float:left; }
.footwx{ width:132px; float:left; }
.foota{ height:186px; line-height:30px;}
.foota p{ line-height:20px; padding-left:62px; padding-top:10px; color:#FFF;}
.fotback{ width:339px; height:28px; margin-left:11px;}
.fotback input{border:none;background:transparent;}.fotback input{color:#fff}
.telText2{width:284px;height:28px;outline:none;padding-left:5px;line-height:28px;color:#fff; float:left;}
.telSub2{width:50px;height:28px; cursor:pointer; float:left; background:transparent;}
.jiathis_style_32x32 .jtico{
opacity: 0!important;
filter:alpha(0)!important;
}
.jiathis_style_32x32 .jtico:hover {
opacity: 0!important;
filter:alpha(0)!important;
}
.frendlink-ul{
width: 500px;
float: left;
}
.erweima{
width: 480px;
margin-left: 20px;
float: left;
}
.erweima-wamp{
width: 520px;
overflow: hidden;
margin-left: -40px;
margin-top: 15px;
}
.erweima span{
display: block;
width: 90px;
float: left;
margin-left: 40px;
}
.erweima span p{
text-align: center;
font-size: 13px;
line-height: 25px;
}
.frendlink-ul h4{
font-size: 13px;
height: 46px;
line-height: 46px;
border-bottom: 1px #949494 solid;
}
.frendlink-ul a{
display: inline-block;
margin-right: 12px;
color: #CFCFCF;
font-size: 12px;
}
.frendlink-ul a:hover{
color: #fff;
}
.foottuiguang{
position: absolute;
bottom: -62px;
left: 50%;
margin-left: -385px;
}
/*页脚 end*/
/*扩展功能 */
.footexpand{
position: fixed;
width: 41px;
left: 50%;
margin-left: 513px;
bottom: 120px;
z-index: 6666;
display: none;
}
.scrolltop{
width: 41px;
height: 41px;
background: url(http://www.jgnz.cn/beiyongjc/images/bttop.png);
background-repeat: no-repeat;
background-position: 0 0;
cursor: pointer;
transition:all 0.3s;
-webkit-transition:all 0.2s;
}
.scrolltop:hover{
background-position: 0 -38px;
}
.code{
width: 41px;
height: 41px;
background: url(http://www.jgnz.cn/beiyongjc/images/zixun-01.png);
background-repeat: no-repeat;
background-position: 0 -2px;
margin-top: 10px;
cursor: pointer;
display: block;
transition:all 0.3s;
-webkit-transition:all 0.2s;
}
.code:hover{
background-position: 0 -41px;
}
.codelist{
display: none;
width: 545px;
position: relative;
bottom: 76px;
left: -541px;
overflow: hidden;
padding-top: 10px;
}
.codelist li{
background: url(http://www.jgnz.cn/beiyongjc/images/tr_bg.png);
color: #fff;
width: 132px;
height: 144px;
float: left;
font-size: 14px;
text-align: center;
padding: 7px 0;
}
.codelist li img{
display: block;
margin: 0 auto;
}
.code:hover .codelist{
display: block;
}
.morexpand{
width: 41px;
height: 41px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-repeat: no-repeat;
background-position: -1px -272px;
margin-top: 10px;
cursor: pointer;
position: relative;
}
.morexpand:hover .mxlist{
display: block;
}
.mxlist{
display: none;
width: 250px;
position: relative;
bottom: 79px;
left: -244px;
overflow: hidden;
}
.mxlist li{
background: url(http://www.jgnz.cn/beiyongjc/images/tr_bg.png);
color: #fff;
width: 230px;
height: 40px;
line-height: 40px;
text-indent: 30px;
float: left;
font-size: 14px;
}
.mxlist li a{
display: block;
color: #fff;
}
.mxlist li:hover{
background: url(http://www.jgnz.cn/beiyongjc/images/morebg.png);
}
.mxlist i{
width: 20px;
height: 1px;
float: left;
}
.sidebar{
width: 50px;
position: fixed;
right: 0;
top: 0;
height: 100%;
background: rgba(73, 74, 75,0.8);
background/*\**/: #494A4B\9;
z-index: 7777;
}
.sidebar_wamp{
position: absolute;
top: 50%;
margin-top: -240px;
}
.side_item{
display: block;
width: 50px;
height: 80px;
position: relative;
transition:all 0.2s;
-webkit-transition:all 0.2s;
cursor: pointer;
}
.side_item:hover{
background: #00B1B6;
}
.side_item:hover span{
left: -175px;
opacity: 1;
}
.side_item i{
display: block;
width: 50px;
height: 50px;
position: absolute;
background: url(http://www.jgnz.cn/beiyongjc/images/sideicon.png);
}
.side_item b{
display: block;
width: 50px;
height: 50px;
top: 12px;
left: 12px;
position: absolute;
background: url(http://www.jgnz.cn/beiyongjc/images/sideicon.png);
}
.side_item span{
display: block;
opacity: 0;
position: absolute;
line-height: 80px;
background: #00B1B6;
color: #fff;
text-indent: 80px;
font-size: 24px;
left: 50px;
top: 0;
width: 225px;
height: 80px;
transition:all 0.2s;
-webkit-transition:all 0.2s;
}
.side_zixun i,.side_zixun b{
background-position: 7px 14px;
background-repeat: no-repeat;
}
.side_yuyue i,.side_yuyue b{
background-position: -58px -36px;
background-repeat: no-repeat;
}
.side_baogao i,.side_baogao b{
background-position: -123px -85px;
background-repeat: no-repeat;
}
.side_chenche i,.side_chenche b{
background-position: -189px -134px;
background-repeat: no-repeat;
}
.side_toushu i,.side_toushu b{
background-position: -254px -182px;
background-repeat: no-repeat;
}
.side_dinbu i,.side_dinbu b{
background-position: -320px -234px;
background-repeat: no-repeat;
}
.side_font{
font-size: 14px;
color: #fff;
text-align: center;
line-height: 118px;
}
/*扩展功能end */
/***************************首页 end************************/
/***************************医院动态************************/
.brNav{
height: 40px;
padding-top: 10px;
background: #F5F5F5;
min-width: 1150px;
}
.brNav a{
float: left;
height: 30px;
padding: 0 13px;
background:#E6E6E6;
line-height: 30px;
font-size: 13px;
text-align: center;
}
.brNav .brlast{
background: #CCEFF0;
color: #00B1B6;
}
.brNav .brindex{
display: block;
height: 30px;
background: #E6E6E6 url(http://www.jgnz.cn/beiyongjc/images/bnav.png);
background-repeat: no-repeat;
background-position: 10px center;
padding: 0 15px 0 37px;
}
.brNav i{
float: left;
display: block;
width: 17px;
height: 30px;
background:url(http://www.jgnz.cn/beiyongjc/images/bnav-01.png);
background-repeat: no-repeat;
margin-left: -1px;
}
.brNav .last2{
background: url(http://www.jgnz.cn/beiyongjc/images/bnav-03.png);
background-repeat: no-repeat;
}
.brNav .last1{
background: url(http://www.jgnz.cn/beiyongjc/images/bnav-02.png);
background-repeat: no-repeat;
}
/*ne-section1*/
.ne-section1{
min-width: 1150px;
background: #f5f5f5;
}
.trend>a{
display: block;
height: 400px;
}
.trendMsgWamp{
width: 1040px;
margin-left: -40px;
padding-bottom: 50px;
overflow: hidden;
}
.trendMsg{
margin-left: 40px;
width: 480px;
float: left;
overflow: hidden;
}
.trendMsg img{
width: 480px;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.trendTime{
float: left;
width: 100px;
height: 100px;
background: #5C5D5E;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.trendImgWamp{
width: 480px;
height: 360px;
margin-bottom: 25px;
overflow: hidden;
}
.trendTime-d{
font-size: 20px;
color: #fff;
text-align: center;
margin-top: 23px;
}
.trendTime-y{
font-size: 16px;
color: #fff;
text-align: center;
}
.trendMsg>h3,.trendMsg>p{
width: 355px;
margin-left: 20px;
float: left;
}
.trendMsg>h3{
font-size: 18px;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.trendMsg>p{
font-size: 14px;
line-height: 26px;
}
.trendMsg:hover .trendTime{
background: #00B1B6;
}
.trendMsg:hover h3{
color: #00B0B5;
}
.trendMsg:hover .trendImgWamp>img{
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
/*ne-section1 end*/
/*ne-section2*/
.ne-section2{
min-width: 1150px;
height: 850px;
}
.healthsc{
width: 1050px;
margin-left: -50px;
overflow: hidden;
}
.health{
width: 300px;
margin-left: 50px;
float: left;
}
.healthimg{
width: 300px;
height: 250px;
overflow: hidden;
}
.healthimg img{
width: 100%;
transition:all 0.5s;
-webkit-transition:all 0.5s;
}
.health h3{
font-size: 18px;
display: table-cell;
text-align: left;
vertical-align: middle;
line-height: 32px;
}
.health p{
line-height: 30px;
font-size: 14px;
display: block;
height: 90px;
overflow: hidden;
}
.health .ofmore{
width: 100%;
text-align: center;
display: block;
color: #00B1B6;
padding: 20px 0;
position: relative;
}
.health .ofmore i{
display: block;
width: 10px;
height: 10px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-position: 0 -183px;
background-repeat: no-repeat;
position: absolute;
right: 102px;
top: 27px;
}
.health b{
display: block;
height: 2px;
width: 50%;
margin: 0 auto;
background: #00B1B6;
content: "";
opacity: 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.health:hover img, #news:hover img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.health:hover b{
width: 100%;
opacity: 1;
}
.health:hover h3{
color: #00B1B6;
}
/*ne-section2 end*/
/*ne-section3 end*/
.ne-section3{
min-width: 1150px;
background: #f5f5f5;
height: 600px;
}
.moreNews{
overflow: hidden;
width: 1050px;
margin-left: -50px;
padding-top: 20px;
}
.mo{
margin-left: 50px;
float: left;
width: 300px;
}
.moItem {
width: 300px;
height: 220px;
position: relative;
overflow: hidden;
}
.moColor{
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -75px;
margin-left: -75px;
width: 150px;
height: 150px;
background: #b8e6e7;
border-radius: 300px;
transition: all 0.3s;
-ms-transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.moColor i {
display: block;
margin-top: 10px;
margin-left: 10px;
width: 130px;
height: 130px;
background: #00B1B6;
border-radius: 300px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-ms-transition: all 0.5s;
}
.moAn{
width: 150px;
height: 150px;
margin: 35px auto 0;
position: relative;
z-index: 55;
*padding: 36px 0;
}
.moAn1{
background: url(http://www.jgnz.cn/beiyongjc/images/allb_icon-01.png);
background-position:35px center;
background-repeat: no-repeat;
}
.moAn2{
background: url(http://www.jgnz.cn/beiyongjc/images/allb_icon-02.png);
background-position:35px center;
background-repeat: no-repeat;
}
.neAn1{
background: url(http://www.jgnz.cn/beiyongjc/images/xs.png);
background-position:center;
background-repeat: no-repeat;
}
.neAn2{
background: url(http://www.jgnz.cn/beiyongjc/images/yz.png);
background-position:center;
background-repeat: no-repeat;
}
.neAn3{
background: url(http://www.jgnz.cn/beiyongjc/images/mtsjicon.png);
background-position:center;
background-repeat: no-repeat;
}
.mo:hover h4 {
color: #00B1B6;
}
.mo h4 {
text-align: center;
line-height: 80px;
font-size: 18px;
}
.mo p {
display: block;
height: 120px;
overflow: hidden;
font-size: 16px;
line-height: 30px;
text-align: center;
}
.mo .ofmore {
width: 100%;
text-align: center;
display: block;
color: #00B1B6;
padding: 20px 0;
position: relative;
}
.mo .ofmore i {
display: block;
width: 10px;
height: 10px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-position: 0 -183px;
background-repeat: no-repeat;
position: absolute;
right: 100px;
top: 28px;
}
.mo b {
display: block;
height: 2px;
width: 50%;
margin: 0 auto;
background: #00B1B6;
content: "";
opacity: 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.mo:hover b {
width: 100%;
opacity: 1;
}
.mo:hover .moColor {
background: #00B1B6;
}
/*ne-section3 end*/
/*ne-section4 */
.ne-section4{
min-width: 1150px;
height: 400px;
background:#f5f5f5 url(http://www.jgnz.cn/beiyongjc/images/nese4.png);
background-repeat: no-repeat;
background-position:center;
}
.announce{
text-align: center;
text-indent: 84px;
color: #fff;
font-size: 50px;
padding-top: 40px;
position: relative;
*display: inline-block;
}
.announce i{
display: block;
width: 55px;
height: 45px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-position: 0 -670px;
background-repeat: no-repeat;
position: absolute;
top: 57px;
left: 50%;
margin-left: -150px;
}
.announce a{
color: #fff;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.announce a:hover{
color: #66d0d3;
}
#announceWindow{
position: relative;
}
.announceBox{
width: 800px;
margin: 0 auto;
position: absolute;
left: 50%;
display: none;
top: 100px;
margin-left: -400px
}
#announceWindow>.active{
display: block;
}
.announceBox h4{
font-size: 23px;
color: #fff;
text-align: center;
margin-top: 40px;
}
.announceBox p{
display: block;
width: 600px;
margin:0 auto;
font-size: 16px;
color: #fff;
text-align: center;
line-height: 30px;
margin-top: 15px;
}
.announceBox a{
color: #00B1B6;
text-align: center;
line-height: 50px;
display: block;
height: 50px;
width: 200px;
margin: 25px auto 0;
background: #f0fafa;
position: relative;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.announceBox a:hover{
background: #66d0d3;
color: #fff;
}
.announceBox a i{
display: block;
width: 10px;
height: 10px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-position: 0 -183px;
background-repeat: no-repeat;
position: absolute;
right: 53px;
top: 22px;
}
.annNum{
width: 78px;
left: 50%;
margin-left: -39px;
bottom: 25px;
overflow: hidden;
position: absolute;
}
.annNum span{
display: block;
float: left;
margin-left: 10px;
width: 16px;
height: 16px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-position: -5px -734px;
background-repeat: no-repeat;
cursor: pointer;
}
.annNum .active{
background-position: -33px -734px;
}
/*ne-section4 end*/
/***************************医院动态end************************/
/***************************健康资讯 ************************/
.he-section1{
min-width: 1150px;
background: #f5f5f5;
}
.titfont{
padding-bottom: 50px;
}
.titfont h2, .titfont p {
width: 100%;
color: #00B1B6;
}
.titfont h2 {
font-size: 50px;
padding-top: 30px;
}
.titfont p {
font-size: 21px;
}
.articleBanner img{
width: 1000px;
}
.articleList li{
margin-top: 50px;
overflow: hidden;
padding-bottom: 50px;
border-bottom: 1px solid #c5c5c5;
}
.articleList li:hover .artTime{
background: #00B1B6;
}
.artTime{
width: 100px;
height: 100px;
float: left;
background: #AEAFAF;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.art-d{
font-size: 20px;
color: #fff;
text-align: center;
margin-top: 23px;
}
.art-y{
font-size: 16px;
color: #fff;
text-align: center;
}
.articleList li h3{
margin-left: 50px;
margin-bottom: 10px;
width: 850px;
font-size: 18px;
float: left;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.articleList>li>a>p{
display: block;
height: 60px;
overflow: hidden;
margin-left: 50px;
width: 850px;
font-size: 14px;
line-height: 30px;
float: left;
}
.articleList .atr-in{
display: block;
float: left;
margin-left: 50px;
margin-top: 10px;
font-size: 14px;
color: #00B1B6;
position: relative;
}
.atr-in i {
position: absolute;
right: -16px;
font-family: Helvetica, Arial;
top: 3px;
}
.articleList li:hover h3{
color: #00B1B6;
}
.pageBtn{
padding: 25px 0 25px;
float: right;
}
.pageBtn a{
float: left;
color: #00B1B6;
font-size: 14px;
margin-left: 5px;
display: block;
padding: 5px 8px;
border: 1px solid #00B1B6;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.pageBtn a:hover{
background: #00B1B6;
color: #fff;
}
.pageBtn a.active{
background: #00B1B6;
color: #fff;
}
/***************************健康资讯end************************/
/***************************文章页 ************************/
.artcle{
background: #f5f5f5;
min-width: 1150px;
}
.artcleTitle{
padding-top: 50px;
text-align: center;
}
.artcleTitle h3{
font-size: 40px;
line-height: 55px;
margin-bottom: 10px;
}
.artcleTitle h4{
line-height: 40px;
font-size: 20px;
}
.artcleTitle p{
font-size: 14px;
}
.artbanner{
margin-top: 50px;
}
.artbanner img{
width: auto;
display: block;
margin:0 auto;
}
.artContent{
width: 1000px;
margin: 0 auto;
padding-top: 50px;
padding-bottom: 100px;
line-height: 30px;
}
.artContent>*{
font-size: 16px!important;
line-height: 30px!important;
}
.artContent p{
font-size: 14px;
line-height: 30px;
}
.artContent img{
display: block;
margin: 20px auto 0;
max-width: 1000px;
}
.share{
padding-bottom: 50px;
}
.back{
display: block;
height: 100px;
background:#f5f5f5 url(http://www.jgnz.cn/beiyongjc/images/back.png);
background-repeat: no-repeat;
background-position:center;
position: relative;
}
.backic{
position: absolute;
width: 62px;
height: 30px;
top: 50%;
margin-top: -15px;
left: 50%;
margin-left: -115px;
opacity: 0;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
animation-duration: 2s;
-webkit-animation-duration: 2s;
}
.backText{
line-height: 100px;
color: #fff;
text-align: center;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.back:hover .backText{
background:#00B1B6;
}
.back:hover .backic{
animation-name: brlight;
-moz-animation-name: brlight;
-webkit-animation-name: brlight;
-o-animation-name: brlight;
}
@keyframes brlight
{
0% {opacity: 0;margin-left: -115px;}
20% {opacity: 1;}
100% {opacity: 0;margin-left: -155px;}
}
@-moz-keyframes brlight
{
0% {opacity: 0;margin-left: -115px;}
20% {opacity: 1;}
100% {opacity: 0;margin-left: -155px;}
}
@-webkit-keyframes brlight
{
0% {opacity: 0;margin-left: -115px;}
20% {opacity: 1;}
100% {opacity: 0;margin-left: -155px;}
}
@-o-keyframes brlight
{
0% {opacity: 0;margin-left: -115px;}
20% {opacity: 1;}
100% {opacity: 0;margin-left: -155px;}
}
@keyframes brlightText
{
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}
@-moz-keyframes brlightText
{
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}
@-webkit-keyframes brlightText
{
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}
@-o-keyframes brlightText
{
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}
#read{
position: relative;
height: 350px;
min-width: 1150px;
}
#read>h4{
font-size: 22px;
line-height: 100px;
text-align: center;
}
.readwamp{
width: 930px;
margin:0 auto;
overflow: hidden;
height: 200px;
position: relative;
}
#readlist{
width: 2000px;
position: absolute;
left: 0;
top: 0;
}
.readBox{
width: 300px;
height: 200px;
float: left;
margin-right: 15px;
position: relative;
}
.readBox img{
display: block;
width: 300px;
}
.readMsg{
width: 300px;
height: 40px;
background: rgba(93,94,95,0.8);
position: absolute;
bottom: 0;
left: 0;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.readMsg h4{
color: #fff;
font-size: 17px;
line-height: 40px;
text-align: center;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.readBox:hover .readMsg{
background: rgba(26,168,171,0.8);
height: 200px;
}
.readBox:hover .readMsg h4{
line-height: 200px;
}
#lastbtn{
position: absolute;
width: 35px;
height: 80px;
background: url(http://www.jgnz.cn/beiyongjc/images/read.png);
background-repeat: no-repeat;
background-position:top left;
top: 50%;
margin-top: -40px;
cursor: pointer;
z-index: 555;
}
#lastbtn:hover{
background-position: -46px -86px;
}
#nextbtn{
position: absolute;
width: 35px;
height: 80px;
background: url(http://www.jgnz.cn/beiyongjc/images/read.png);
background-repeat: no-repeat;
background-position:bottom left;
top: 50%;
margin-top: -40px;
right: 50px;
cursor: pointer;
z-index: 555;
}
#nextbtn:hover{
background-position: -46px -1px;
}
/***************************文章页end************************/
/***************************医院科室************************/
.moreks {
overflow: hidden;
width: 1100px;
margin-left: -100px;
padding: 20px 0 80px;
}
.of-section1{
min-width: 1150px;
background: #fff;
}
.of-section2{
min-width: 1150px;
background: #F5F5F5;
}
.of-title{
text-align: center;
color: #00B1B6;
font-size: 50px;
line-height: 130px;
border-bottom: 1px solid #00B1B6;
}
.of-list{
padding: 30px 0 100px;
width: 1050px;
margin-left: -50px;
overflow: hidden;
}
.of-it{
width: 300px;
height: 35px;
line-height: 35px;
float: left;
margin-left: 50px;
margin-top: 15px;
overflow: hidden;
}
.of-it span{
display: block;
float: left;
width: 35px;
background: #5c5d5e;
height: 35px;
border-radius: 35px;
position: relative;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.of-it:hover span{
background: #00B1B6;
}
.of-it:hover h4{
color: #00B1B6;
}
.of-it span i{
display: block;
width: 35px;
height: 35px;
background-repeat: no-repeat;
}
.ksAn1{
background: url(http://www.jgnz.cn/beiyongjc/images/ks_icon-09.png);
background-position: center;
background-repeat: no-repeat;
}
.ksAn2{
background: url(http://www.jgnz.cn/beiyongjc/images/item02.png);
background-position: center;
background-repeat: no-repeat;
}
.ofit1{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit1.png);
background-position: center 4px;
}
.ofit2{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit1.png);
background-position: center -120px;
}
.ofit3{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit1.png);
background-position: center -160px;
}
.ofit4{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit1.png);
background-position: center -38px;
}
.ofit5{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit1.png);
background-position: center -160px;
}
.ofit6{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit1.png);
background-position: center -242px;
}
.ofit7{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit1.png);
background-position: center -80px;
}
.ofit8{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit1.png);
background-position: center -200px;
}
.ofit9{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit2.png);
background-position: center 5px;
}
.ofit10{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit2.png);
background-position: center -119px;
}
.ofit11{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit2.png);
background-position: center -240px;
}
.ofit12{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit2.png);
background-position: center -35px;
}
.ofit13{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit2.png);
background-position: center -159px;
}
.ofit14{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit2.png);
background-position: center -278px;
}
.ofit15{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit2.png);
background-position: center -78px;
}
.ofit16{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit2.png);
background-position: center -202px;
}
.ofit17{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit3.png);
background-position: center 7px;
}
.ofit18{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit3.png);
background-position: center -80px;
}
.ofit19{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit3.png);
background-position: center -119px;
}
.ofit20{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit3.png);
background-position: center -36px;
}
.ofit21{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit5.png);
background-position: 3px 8px;
}
.ofit22{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit5.png);
background-position: 4px -227px;
}
.ofit23{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit5.png);
background-position: 4px -461px;
}
.ofit24{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit5.png);
background-position: 4px -38px;
}
.ofit25{
background: url(http://www.jgnz.cn/beiyongjc/images/ke25.png);
background-position: center;
}
.ofit26{
background: url(http://www.jgnz.cn/beiyongjc/images/ke26.png);
background-position: center;
}
.ofit27{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit5.png);
background-position: 4px -84px;
}
.ofit28{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit5.png);
background-position: 5px;
}
.ofit29{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit5.png);
background-position: 2px -510px;
}
.ofit30{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit5.png);
background-position: 4px -178px;
}
.ofit31{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit5.png);
background-position: 4px -368px;
}
.ofit32{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit5.png);
background-position: 2px -602px;
}
.ofit33{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit5.png);
background-position: 4px -275px;
}
.ofit34{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit5.png);
background-position: 4px -414px;
}
.ofit35{
background: url(http://www.jgnz.cn/beiyongjc/images/ke35.png);
background-position: center;
}
.ofit36{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit4.png);
background-position: 5px 7px;
}
.ofit37{
background: url(http://www.jgnz.cn/beiyongjc/images/ke37.png);
background-position: center;
}
.ofit38{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit4.png);
background-position: 5px -41px;
}
.ofit39{
background: url(http://www.jgnz.cn/beiyongjc/images/ke39.png);
background-position: center;
}
.ofit40{
background: url(http://www.jgnz.cn/beiyongjc/images/ke40.png);
background-position: center;
}
.ofit41{
background: url(http://www.jgnz.cn/beiyongjc/images/ke41.png);
background-position: center;
}
.ofit42{
background: url(http://www.jgnz.cn/beiyongjc/images/ke42.png);
background-position: center;
}
.ofit43{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit4.png);
background-position: 5px -91px;
}
.ofit44{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit4.png);
background-position: 5px -145px;
}
.ofit45{
background: url(http://www.jgnz.cn/beiyongjc/images/zlzx.png);
}
.ofit46{
background: url(http://www.jgnz.cn/beiyongjc/images/zryi.png);
}
.ofit47{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit4.png);
background-position: 5px -145px;
}
.ofit48{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit48.png);
background-position: center;
}
.of-it h4{
float: left;
text-indent: 10px;
font-size: 16px;
}
.of-section3{
background: #fff;
min-width: 1150px;
}
.of-section4{
background: #f5f5f5;
min-width: 1150px;
}
.of-section5{
background: #fff;
min-width: 1150px;
}
.of-section6{
background: #f5f5f5;
min-width: 1150px;
}
.ofit_D19{
background: url(http://www.jgnz.cn/beiyongjc/images/ofit_D19.png);
background-position: center;
}
/***************************医院科室end************************/
/***************************儿科************************/
.intro-wamp{
width: 1000px;
padding-left: 100px;
padding-top: 50px;
padding-bottom: 50px;
margin: 0 auto;
}
.intro-wamp h3{
font-size: 60px;
color: #F495A9;
}
.intro-wamp h4{
font-size: 26px;
color: #F495A9;
}
.intro-wamp p{
display: block;
width: 600px;
font-size: 14px;
line-height: 30px;
margin-top: 35px;
}
.pe-section2{
min-width: 1150px;
width: 100%;
height: 270px;
padding-top:30px;
background:#f5f5f5 url(http://www.jgnz.cn/beiyongjc/images/ek1.png);
background-repeat: no-repeat;
background-position:center;
position: relative;
z-index: 55;
}
.pe-section2 .indfont h2,.pe-section2 .indfont p{
color: #fff;
}
.pe-section3{
min-width: 1150px;
background: #FFF5FA;
padding-bottom: 80px;
}
.pe-section4{
min-width: 1150px;
}
.peRow{
overflow: hidden;
margin-top: 50px;
}
.peColl{
width: 450px;
padding-right: 50px;
float: left;
overflow: hidden;
}
.peColl span{
display: block;
width: 60px;
height: 60px;
border-radius: 60px;
float: left;
margin-right: 15px;
background-position: center center;
background-repeat: no-repeat;
}
.peColl h4{
font-size: 18px;
color: #F38EA0;
margin-bottom: 15px;
}
.peColl p{
display: block;
font-size: 14px;
float: left;
width: 375px;
line-height: 25px;
}
.peKs1{
background:#F38EA0 url(http://www.jgnz.cn/beiyongjc/images/ks1.png);
}
.peKs2{
background:#F38EA0 url(http://www.jgnz.cn/beiyongjc/images/ks2.png);
}
.peKs3{
background:#F38EA0 url(http://www.jgnz.cn/beiyongjc/images/ks3.png);
}
.peKs4{
background:#F38EA0 url(http://www.jgnz.cn/beiyongjc/images/ks4.png);
}
.peSuper{
width: 1000px;
margin: 0 auto;
padding-top: 80px;
}
.peSuper>h4{
font-size: 50px;
color: #F38EA0;
text-align: center;
margin-bottom: 15px;
}
.peSuper>p{
font-size: 20px;
line-height: 33px;
text-align: center;
}
.peSupList{
overflow: hidden;
width: 1050px;
margin-left: -50px;
padding-top: 20px;
}
.pes{
margin-left: 50px;
float: left;
width: 160px;
position: relative;
cursor: pointer;
text-align: center;
}
.peItem {
width: 160px;
height: 140px;
position: relative;
overflow: hidden;
}
.peColor {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin-left: -50px;
margin-top: -30px;
background: #E6E6E6;
border-radius: 300px;
transition: all 0.3s;
-ms-transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.peColor i {
display: block;
margin-top: 10px;
margin-left: 10px;
width: 80px;
height: 80px;
background: #969696;
border-radius: 300px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-ms-transition: all 0.5s;
*margin-left: 0;
}
.peAn {
width: 100px;
height: 110px;
margin: 35px auto 0;
position: relative;
z-index: 55;
*top: 34px;
}
.peAn1 {
background: url(http://www.jgnz.cn/beiyongjc/images/ks_icon-05.png);
background-position: center;
background-repeat: no-repeat;
}
.peAn2 {
background: url(http://www.jgnz.cn/beiyongjc/images/ks_icon-06.png);
background-position: center;
background-repeat: no-repeat;
}
.peAn3 {
background: url(http://www.jgnz.cn/beiyongjc/images/ks_icon-07.png);
background-position: center;
background-repeat: no-repeat;
}
.peAn4 {
background: url(http://www.jgnz.cn/beiyongjc/images/ks_icon-08.png);
background-position: center;
background-repeat: no-repeat;
}
.peAn5 {
background: url(http://www.jgnz.cn/beiyongjc/images/ks_icon-09.png);
background-position: center;
background-repeat: no-repeat;
}
.pes:hover .peColor {
background: #969696;
}
.pes h4{
margin-top: 20px;
font-size: 16px;
}
.peSupList>.active>.peItem>.peColor{background: #FFDCE6;}
.peSupList>.active>.peItem>.peColor i{background: #F495A9;}
.peSupList>.active:hover .peItem>.peColor {
background: #F495A9;
}
.peSupDetail{
margin-top: 45px;
border-top: 1px solid #00B1B6;
position: relative;
}
.pSD{
display: none;
overflow: hidden;
line-height: 30px;
}
.peSupDetail>.active{
display: block;
}
.pSD>.peSimg{
display: block;
float: left;
width: 300px;
height: 200px;
margin-right: 30px;
}
.pSD>.peStit{
float: left;
font-size: 20px;
color: #5C5D5E;
}
.pSD p{
line-height: 30px;
}
.pSD>.peStext{
text-align: left;
display: block;
width: 650px;
float: left;
font-size: 14px;
line-height: 30px;
}
.pSD>.peStext2{
text-align: left;
display: block;
width: 1000px;
float: left;
font-size: 14px;
line-height: 30px;
}
.pSD>.peStext2 img{
float: left;
margin-right: 20px;
}
#line{
display: block;
width: 50px;
height: 31px;
position: absolute;
top: -19px;
left: 485px;
}
.pe-section5{
min-width: 1150px;
background: #FFF5FA;
}
.pe-section5-new{
min-width: 1150px;
background: #FFF5FA;
}
.peTech{
width: 1000px;
padding: 50px 0;
margin:0 auto;
overflow: hidden;
}
.peTechtot{
width: 300px;
float: left;
margin-right: 55px;
}
.peTechtot h4{
font-size: 50px;
color: #F495A9;
text-align: center;
margin-bottom: 15px;
}
.peTechtot p{
font-size: 14px;
line-height: 30px;
}
.peTechtot a{
display: block;
width: 200px;
height: 50px;
text-align: center;
line-height: 50px;
font-size: 16px;
margin: 0 auto;
margin-top: 50px;
background: #FFDCE6;
color: #F495A9;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.peTechtot a:hover{
background: #F495A9;
color: #fff;
}
.peTechList{
width: 645px;
float: left;
}
.peTechTest{
width: 595px;
padding-left: 50px;
float: left;
}
.peTechTest li{
list-style-type: disc;
font-size: 16px;
line-height: 24px;
margin-bottom: 5px;
}
.peTechIt{
display: block;
width: 215px;
height: 150px;
float: left;
}
.peTechItBg{
display: block;
width: 215px;
height: 100px;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.peTechIt h4{
text-align: center;
line-height: 49px;
border-bottom: 1px solid #FFDCE6;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.peTechIt:hover h4{
border-bottom: 2px solid #F495A9;
}
.peTechItBg1{
background: url(http://www.jgnz.cn/beiyongjc/images/ks_ek_icon-08.png);
background-repeat: no-repeat;
background-position: center;
}
.peTechItBg2{
background: url(http://www.jgnz.cn/beiyongjc/images/ks_ek_icon-09.png);
background-repeat: no-repeat;
background-position: center;
}
.peTechItBg3{
background: url(http://www.jgnz.cn/beiyongjc/images/ks_ek_icon-10.png);
background-repeat: no-repeat;
background-position: center;
}
.peTechItBg4{
background: url(http://www.jgnz.cn/beiyongjc/images/ks_ek_icon-11.png);
background-repeat: no-repeat;
background-position: center;
}
.peTechItBg5{
background: url(http://www.jgnz.cn/beiyongjc/images/ks_ek_icon-12.png);
background-repeat: no-repeat;
background-position: center;
}
.peTechItBg6{
background: url(http://www.jgnz.cn/beiyongjc/images/ks_ek_icon-13.png);
background-repeat: no-repeat;
background-position: center;
}
.peTechIt:hover .peTechItBg1{
background: #F495A9 url(http://www.jgnz.cn/beiyongjc/images/ks_ek_icon-02.png);
background-repeat: no-repeat;
background-position: center;
}
.peTechIt:hover .peTechItBg2{
background: #F495A9 url(http://www.jgnz.cn/beiyongjc/images/ks_ek_icon-03.png);
background-repeat: no-repeat;
background-position: center;
}
.peTechIt:hover .peTechItBg3{
background: #F495A9 url(http://www.jgnz.cn/beiyongjc/images/ks_ek_icon-04.png);
background-repeat: no-repeat;
background-position: center;
}
.peTechIt:hover .peTechItBg4{
background: #F495A9 url(http://www.jgnz.cn/beiyongjc/images/ks_ek_icon-05.png);
background-repeat: no-repeat;
background-position: center;
}
.peTechIt:hover .peTechItBg5{
background: #F495A9 url(http://www.jgnz.cn/beiyongjc/images/ks_ek_icon-06.png);
background-repeat: no-repeat;
background-position: center;
}
.peTechIt:hover .peTechItBg6{
background: #F495A9 url(http://www.jgnz.cn/beiyongjc/images/ks_ek_icon-07.png);
background-repeat: no-repeat;
background-position: center;
}
.pe-section6{
min-width: 1150px;
height: 350px;
padding-top: 50px;
background: url(http://www.jgnz.cn/beiyongjc/images/pese6.png);
background-repeat: no-repeat;
background-position: center;
}
.pe-section6 h3{
font-size: 50px;
color: #fff;
text-align: center;
}
.pe-section6 h4{
font-size: 22px;
text-align: center;
color: #fff;
}
.peCase{
overflow: hidden;
margin-top: 50px;
}
.peCase li{
font-size: 20px;
line-height: 40px;
width: 250px;
float: left;
transition:all 0.3s;
-webkit-transiton:all 0.3s;
text-indent: 30px;
}
.peCase li a{
color: #fff;
display: block;
width: 100%;
}
.peCase li:hover{
background: #F1718C;
}
.peMoreWamp{
width: 1005px;
height: 270px;
margin-left: -5px;
overflow: hidden;
padding: 65px 0;
}
.peMore{
display: block;
width: 330px;
margin-left: 5px;
float: left;
transition:all 0.3s;
-webkit-transiton:all 0.3s;
position: relative;
}
.peMore h3 p{
font-size: 14px;
}
.peMore span{
display: block;
width: 330px;
height: 200px;
transition:all 0.3s;
-webkit-transiton:all 0.3s;
}
.peMore h3{
text-align: center;
line-height: 65px;
border-bottom: 1px solid #FFF5FA;
transition:all 0.3s;
-webkit-transiton:all 0.3s;
}
.peMoresp1{
background: #FFF5FA url(http://www.jgnz.cn/beiyongjc/images/ks_ek_icon-kysl.png);
background-repeat: no-repeat;
background-position: center;
}
.peMoresp2{
background: #FFF5FA url(http://www.jgnz.cn/beiyongjc/images/ks_ek_icon-mtbd.png);
background-repeat: no-repeat;
background-position: center;
}
.peMoresp3{
background: #FFF5FA url(http://www.jgnz.cn/beiyongjc/images/ks_ek_icon-lwcg.png);
background-repeat: no-repeat;
background-position: center;
}
.peMoresp4{
background: #FFF5FA url(http://www.jgnz.cn/beiyongjc/images/ks_ek_icon-lwcg.png);
background-repeat: no-repeat;
background-position: center;
}
.peMore img{
opacity: 0;
width: 330px;
position: absolute;
top: 0;
left: 0;
z-index: 55;
transition:all 0.3s;
-webkit-transiton:all 0.3s;
}
.peMore:hover span{
transform: scaleY(1.1);
-webkit-transform: scaleY(1.1);
-moz-transform: scaleY(1.1);
}
.peMore:hover h3{
line-height: 75px;
border-bottom: 2px solid #F495A9;
}
.peMore:hover img{
top: -10px;
opacity: 1;
}
.trackNav{
position: fixed;
top: 150px;
/* left: 50%;
margin-left: -700px;*/
left: 50px;
width: 150px;
z-index: 9999;
background: rgba(255,255,255,0.6);
}
.trackNav li{
font-size: 14px;
line-height: 45px;
padding-right: 45px;
width: 105px;
height: 45px;
text-align: right;
position: relative;
transition:all 0.3s;
-webkit-transiton:all 0.3s;
cursor: pointer;
}
.trackNav li i{
position: absolute;
top: 18px;
right: 20px;
width: 10px;
height: 10px;
border-radius: 10px;
background: #959696;
transition:all 0.3s;
-webkit-transiton:all 0.3s;
}
.trackNav .active{
font-size: 16px;
color: #F496A9;
}
.trackNav .active i{
transform:scale(1.4);
-webkit-transform:scale(1.4);
background: #FAC8C8;
border: 1px solid #F496A9;
}
/***************************儿科 end************************/
/***************************名医专家************************/
.ex-section1{
min-width: 1150px;
background: #fafafa;
}
.ex-section1-con{
width: 1000px;
margin: 0 auto;
}
.appointment>a,.appointmentBtn{
display: block;
width: 500px;
height: 40px;
line-height: 40px;
float: left;
background: #5C5D5E;
color: #fff;
position: relative;
transition:all 0.3s;
-webkit-transiton:all 0.3s;
}
.appointment>a{
text-indent: 40px;
}
.appointment>a i{
display: block;
width: 30px;
height: 21px;
position: absolute;
left: 11px;
top: 11px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-repeat: no-repeat;
background-position: 0 -549px;
}
.appointment>a:hover{
background: #00B1B6;
}
.appointmentBtn p{
display: block;
float: left;
color: #fff;
text-indent: 40px;
}
.appointmentBtn i{
display: block;
width: 30px;
height: 30px;
position: absolute;
left: 11px;
top: 3px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-repeat: no-repeat;
background-position: 0 -591px;
}
.appointmentBtn input{
float: left;
font-size: 12px;
border: none;
padding: 3px 15px;
margin-top: 9px;
margin-left: 200px;
width: 155px;
}
.appointmentBtn>a{
display: block;
margin-top: 14px;
margin-left: 3px;
float: left;
width: 20px;
height: 20px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-position: 0 -574px;
background-repeat: no-repeat;
}
.appointmentBtn:hover{
background: #00B1B6;
}
.expretList{
width: 1050px;
margin-left: -50px;
padding-top: 65px;
height: 45px;
}
.of-it{
cursor: pointer;
}
.of-it h4{
font-size: 16px;
}
.of-list .active span {
background: #00B1B6;
}
.of-list .active h4 {
color: #00B1B6;
}
.expretList>.active{
color: #00B1B6;
}
#suggest{
background: #fff;
width: 183px;
position: absolute;
top: 32px;
right: 11px;
border: 1px solid #ccc;
z-index: 2222;
font-size: 14px;
color: #5D5E5F;
text-indent: 10px;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
#suggest a{
display: block;
line-height: 30px;
font-size: 14px;
text-indent: 10px;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
#suggest a:hover{
color: #fff;
background: #00b1b6;
}
/***************************名医专家 end************************/
/***************************专家详情************************/
.exde-section1{
min-width: 1150px;
background: #fafafa;
}
.experMsgWamp{
padding-top:50px;
}
.experMsgWamp img{
display: block;
float: left;
width: 420px;
height: 400px;
overflow: hidden;
}
.experMsg{
width: 530px;
float: left;
margin-left: 50px;
min-height: 350px;
}
.experMsg h3{
color: #00B1B6;
font-size: 22px;
margin-bottom: 20px;
}
.experMsg h4{
color: #00B1B6;
font-size: 14px;
margin-bottom: 15px;
}
.experMsg h5{
font-size: 14px;
margin-bottom: 50px;
}
.experMsg p{
font-size: 14px;
margin-bottom: 50px;
line-height: 25px;
}
.experMsgBtn{
width: 530px;
height: 50px;
margin-right: 12px;
float: right;
}
.experMsgBtn a{
display: block;
float: left;
line-height: 50px;
text-align: center;
width: 250px;
height: 50px;
margin-left: 15px;
background: #969696;
transition:all 0.3s;
-webkit-transition:all 0.3s;
font-size: 18px;
color: #fff;
position: relative;
cursor: pointer;
}
.experMsgBtn a:hover{
background: #00B1B6;
}
.experMsgBtn .experMsgb1 i {
display: block;
width: 30px;
height: 31px;
position: absolute;
left: 60px;
top: 11px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-repeat: no-repeat;
background-position: 0 -594px;
}
.experMsgBtn .experMsgb2 i {
display: block;
width: 30px;
height: 21px;
position: absolute;
left: 60px;
top: 16px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-repeat: no-repeat;
background-position: 0 -549px;
}
.experData{
margin-top: 50px;
overflow: hidden;
}
.eDbox{
width: 140px;
float: left;
}
.eDbox h4{
border: 1px solid #fafafa;
line-height: 50px;
color: #fff;
text-align: center;
width: 140px;
height: 50px;
background: #00B1B6;
}
.eDbox p{
display: block;
width: 140px;
height: 50px;
border: 1px solid #fafafa;
text-align: center;
line-height: 50px;
background: #E6E6E6;
font-size: 14px;
margin-top: -1px;
}
.experttitle{
text-align: center;
line-height: 80px;
margin-top: 20px;
font-size: 22px;
}
/***************************专家详情 end************************/
/***************************典型案例************************/
.ca-section1{
background: #fafafa;
min-width: 1150px
}
.cancerCase{
width: 230px;
margin-right: 70px;
float: left;
height:850px;
}
.caseBody{
width: 400px;
float: left;
height: 850px;
}
.caseBody img{
display: block;
margin: 0 auto;
}
.otherCase{
width: 230px;
margin-left: 70px;
float: left;
height: 850px;
}
.cancerCase a{
display: block;
padding-right: 40px;
width: 190px;
line-height: 50px;
text-align: right;
font-size: 17px;
position: relative;
-webkit-transition:all 0.3s;
transition:all 0.3s;
margin-top: 15px;
}
.cancerCase a span{
display: block;
position: absolute;
top: 0;
right: -25px;
width: 50px;
height: 50px;
background: #969696;
border-radius: 50px;
-webkit-transition:all 0.3s;
transition:all 0.3s;
}
.cancerCase a span img,.otherCase a span img{
display: block;
margin: 0 auto;
}
.cancerCase a:hover,.otherCase a:hover{
background: #b8e6e7;
}
.cancerCase a:hover span,.otherCase a:hover span{
background: #00B1B6;
}
.otherCase a{
display: block;
padding-left: 40px;
width: 190px;
line-height: 50px;
text-align: left;
font-size: 17px;
position: relative;
-webkit-transition:all 0.3s;
transition:all 0.3s;
margin-top: 15px;
}
.otherCase a span{
display: block;
position: absolute;
top: 0;
left: -25px;
width: 50px;
height: 50px;
background: #969696;
border-radius: 50px;
-webkit-transition:all 0.3s;
transition:all 0.3s;
}
#otherCwamp{
display: none;
}
#otherCwamp .cancerCase a{
width: 280px;
}
#otherCwamp .otherCase a {
width: 448px;
height: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
}
#otherCwamp .otherCase a i{
display: block;
position: absolute;
left: 12px;
top: 0px;
font-style: initial;
}
#otherCwamp .otherCase {
margin-left: 0px;
width: 500px;
}
.ca-section2{
height: 300px;
background: url(http://www.jgnz.cn/beiyongjc/images/casebg2.png);
background-position: center -19px;
min-width: 1150px;
}
.ca-section2 .caseICON{
display: block;
float: left;
width: 300px;
height: 400px;
background: url(http://www.jgnz.cn/beiyongjc/images/caseic2.png);
background-position: center;
background-repeat: no-repeat;
}
.casepsg{
float: left;
width: 1000px;
padding-top: 40px;
}
.casepsg h3{
color: #fff;
text-align: center;
font-size: 50px;
}
.casepsg p{
display: block;
width: 565px;
margin:20px auto 0;
color: #fff;
text-align: left;
line-height: 30px;
}
.casemore{
display: block;
color: #00B1B6!important;
text-align: center;
line-height: 50px;
height: 50px;
width: 200px;
margin: 20px auto 0;
background: #efefef;
position: relative;
-webkit-transition:all 0.3s;
transition:all 0.3s;
}
.casemore:hover{
background: #FAFAFA;
}
.casemore i{
display: block;
width: 10px;
height: 10px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-position: 0 -183px;
background-repeat: no-repeat;
position: absolute;
right: 53px;
top: 22px;
}
.casepsgList{
width: 1000px;
padding-top: 40px;
overflow: hidden;
}
.casepsgList li{
width: 500px;
float: left;
line-height: 30px;
text-indent: 30px;
}
.casepsgList li:hover{
color: #00B1B6;
}
.casepsgList li:hover a{
color: #00B1B6;
}
.caseMWamp{
margin-left: -25px;
}
/***************************典型案例 end************************/
/***************************就医指南************************/
.co-section1{
background: #fafafa;
min-width: 1150px;
}
.coAn1{
background: url(http://www.jgnz.cn/beiyongjc/images/jyzn.png);
background-position: center 39px;
background-repeat: no-repeat;
}
.coAn2{
background: url(http://www.jgnz.cn/beiyongjc/images/jyzn.png);
background-position: center -32px;
background-repeat: no-repeat;
}
.coAn3{
background: url(http://www.jgnz.cn/beiyongjc/images/jyzn.png);
background-position: center -111px;
background-repeat: no-repeat;
}
.coAn4{
background: url(http://www.jgnz.cn/beiyongjc/images/jyzn.png);
background-position: center -187px;
background-repeat: no-repeat;
}
.coAn5{
background: url(http://www.jgnz.cn/beiyongjc/images/jyzn.png);
background-position: center -265px;
background-repeat: no-repeat;
}
.courseTitle{
font-size: 40px;
line-height: 51px;
color: #00B1B6;
position: relative;
text-indent: 80px;
margin-bottom: 50px;
}
.courseTitle i{
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 51px;
height: 51px;
background-repeat: no-repeat;
}
.TitIcon1{
background: url(http://www.jgnz.cn/beiyongjc/images/jyzn-ejicon-01.png);
}
.TitIcon2{
background: url(http://www.jgnz.cn/beiyongjc/images/jyzn-ejicon-02.png);
}
.TitIcon3{
background: url(http://www.jgnz.cn/beiyongjc/images/jyzn-ejicon-03.png);
}
.TitIcon4{
background: url(http://www.jgnz.cn/beiyongjc/images/jyzn-ejicon-04.png);
}
.TitIcon5{
background: url(http://www.jgnz.cn/beiyongjc/images/jyzn-ejicon-05.png);
}
.courseIt{
width: 1000px;
margin-top: 2px;
}
.courseIt>h3{
background: #B4B4B4;
font-size: 16px;
color: #fff;
text-indent: 40px;
line-height: 50px;
-webkit-transition:all 0.3s;
transition:all 0.3s;
position: relative;
cursor: pointer;
*display: inline-block;
}
.courseIt>h3:hover{
background: #00B1B6;
}
.courseContent li.on h3{
background: #00B1B6;
}
.courseContent li.on .courseAnswer{
display: block;
}
.courseIt>h3 i{
display: block;
width: 15px;
height: 9px;
background: #fff;
position: absolute;
top: 21px;
left: 15px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-position: -24px -369px;
background-repeat: no-repeat;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.courseContent li.on h3 i{
transform:rotate(180deg);
-webkit-transform:rotate(180deg);
}
.courseAnswer{
display: none;
padding: 20px 0 30px 20px;
}
.courseAnswer h5{
font-size: 16px;
line-height: 40px;
}
.courseAnswer p{
font-size: 14px;
line-height: 30px;
}
.courseAnswer a{
color: #00B1B6;
}
.courseAnswer a:hover{
text-decoration: underline;
}
.toClf{
margin-top: 50px;
}
/***************************就医指南 end************************/
/***************************关于我们************************/
.ab-section1{
background: #fafafa;
min-width: 1150px;
}
.abAn1{
background: url(http://www.jgnz.cn/beiyongjc/images/ab_icon-01.png);
background-position: center;
background-repeat: no-repeat;
}
.abAn2{
background: url(http://www.jgnz.cn/beiyongjc/images/ab_icon-02.png);
background-position: center;
background-repeat: no-repeat;
}
.abAn3{
background: url(http://www.jgnz.cn/beiyongjc/images/ab_icon-03.png);
background-position: center;
background-repeat: no-repeat;
}
.abAn4{
background: url(http://www.jgnz.cn/beiyongjc/images/ab_icon-04.png);
background-position: center;
background-repeat: no-repeat;
}
.abAn5{
background: url(http://www.jgnz.cn/beiyongjc/images/ab_icon-05.png);
background-position: center;
background-repeat: no-repeat;
}
/***************************关于我们 end************************/
/***************************特色服务************************/
.ser-section1{
background: #f5f5f5;
}
.servierList{
width: 1050px;
margin-left: -50px;
padding-bottom: 80px;
overflow: hidden;
}
.serBox{
width: 300px;
height: 250px;
float: left;
margin-left: 50px;
margin-top: 50px;
position: relative;
}
.serBox img {
display: block;
width: 300px;
height: 250px;
}
.serMsg {
width: 300px;
height: 40px;
background: rgba(93,94,95,0.8);
position: absolute;
bottom: 0;
left: 0;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.serMsg h4 {
color: #fff;
font-size: 17px;
line-height: 40px;
text-align: center;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.serBox:hover .serMsg {
background: rgba(26,168,171,0.8);
height: 250px;
}
.serBox:hover .serMsg h4 {
line-height: 250px;
}
.seAn1{
background: url(http://www.jgnz.cn/beiyongjc/images/gywm_icon-01.png);
background-position: center;
background-repeat: no-repeat;
}
.seAn2{
background: url(http://www.jgnz.cn/beiyongjc/images/gywm_icon-02.png);
background-position: center;
background-repeat: no-repeat;
}
.seAn3{
background: url(http://www.jgnz.cn/beiyongjc/images/gywm_icon-03.png);
background-position: center;
background-repeat: no-repeat;
}
.seAn4{
background: url(http://www.jgnz.cn/beiyongjc/images/gywm_icon-04.png);
background-position: center;
background-repeat: no-repeat;
}
.seAn5{
background: url(http://www.jgnz.cn/beiyongjc/images/gywm_icon-05.png);
background-position: center;
background-repeat: no-repeat;
}
.ryAn1{
background: url(http://www.jgnz.cn/beiyongjc/images/zzry_icon-01.png);
background-position: center;
background-repeat: no-repeat;
}
.ryAn2{
background: url(http://www.jgnz.cn/beiyongjc/images/zzry_icon-02.png);
background-position: center;
background-repeat: no-repeat;
}
/***************************特色服务 end************************/
/***************************医院环境************************/
.serveimgWamp{
padding-top: 50px;
overflow: hidden;
}
.seImg{
width: 248px;
height: 186px;
margin:1px;
float: left;
overflow: hidden;
position: relative;
cursor: pointer;
}
.seImg img{
width: 100%;
}
.seImg p{
display: none;
}
.seImg h4{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
line-height: 170px;
color: #fff;
text-align: center;
background: url(http://www.jgnz.cn/beiyongjc/images/serimgbg.png);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.seImg h4:before{
content: '';
display: block;
width: 15px;
height: 19px;
background: url(http://www.jgnz.cn/beiyongjc/images/clfIcon.png);
background-position: -1px -571px;
background-repeat: no-repeat;
position: absolute;
top: 98px;
left: 118px;
}
.seImg:hover h4{
height: 186px;
}
#ImagePlayer{
position: fixed;
top: 0;
left: 0;
/* background: url(http://www.jgnz.cn/beiyongjc/images/Imgpng.png);*/
background: #fff;
z-index: 9999;
display: none;
}
.ImgBox{
position: absolute;
width: 1000px;
top: 150px;
left: 50%;
margin-left: -500px;
display: none;
}
.ImgBox img{
display: block;
margin: 0 auto;
}
.ImgBox h4{
display: none;
margin: 0 auto;
}
.ImgBox p{
display: block;
margin:0 auto;
line-height: 30px;
width: 800px;
}
#ImgPWin .ImgBox.active{
display: block;
}
#imgLast{
display: block;
position: absolute;
width: 53px;
height: 100px;
background: url(http://www.jgnz.cn/beiyongjc/images/imgB.png);
background-repeat: no-repeat;
background-position: 0 -109px;
left: 50%;
margin-left: -480px;
top: 50%;
margin-top: -50px;
cursor: pointer;
}
#imgLast:hover {
background-position: 0 0;
}
#imgNext{
display: block;
position: absolute;
width: 53px;
height: 100px;
background: url(http://www.jgnz.cn/beiyongjc/images/imgB.png);
background-repeat: no-repeat;
background-position: -68px -109px;
left: 50%;
margin-left: 425px;
top: 50%;
margin-top: -50px;
cursor: pointer;
}
#imgNext:hover {
background-position: -68px 0;
}
#imgClose{
display: block;
width: 53px;
height: 53px;
background: url(http://www.jgnz.cn/beiyongjc/images/ImgClo.png);
background-position: center bottom;
position: absolute;
right: 50%;
top: 82px;
margin-right: -478px;
cursor: pointer;
}
#imgClose:hover{
background-position: center top;
}
/***************************医院环境 end************************/
/***************************投诉建议************************/
.feedback h2{
font-size: 40px;
color: #00B1B6;
text-indent: 50px;
padding-bottom: 25px;
border-bottom: #ccc 1px solid;
}
.feedback .note{
font-size: 12px;
position: absolute;
right: 50px;
bottom: 20px;
color: #f00;
}
.fb_section{
background: #f5f5f5;
}
*:focus {outline: none;}
.feedback ul li{
padding: 12px;
position:relative;
}
.feedback label{
display: inline-block;
width: 100px;
margin-top: 5px;
vertical-align: top;
}
.feedback input{
height: 20px;
width: 180px;
padding: 5px 8px;
font-size: 14px;
}
.feedback textarea {padding:8px; width:300px;font-size: 14px;}
.feedback button {margin-left:104px;}
.feedback input,.feedback textarea{
border:1px solid #aaa;
box-shadow: 0 0 3px #ccc,0 10px 15px #eee inset;
border-radius: 2px;
padding-right: 30px;
}
.feedback input:required,.feedback textarea:required {
background: url(http://www.jgnz.cn/beiyongjc/images/red_asterisk.png) no-repeat 98% center;
}
.feedback input:focus,.feedback textarea:focus{
background: #fff;
box-shadow: 0 0 3px #aaa;
padding-right: 45px;
-moz-transition: padding .25s;
-webkit-transition: padding .25s;
-o-transition: padding .25s;
transition: padding .25s;
}
.feedback input:focus:invalid,.feedback textarea:focus:invalid{
background: #fff url(http://www.jgnz.cn/beiyongjc/images/invalid.png) no-repeat 98% center;
box-shadow: 0 0 5px #E48888;
border-color: #E6ADAD;
}
.feedback input:required:valid,.feedback textarea:required:valid{
background: #fff url(http://www.jgnz.cn/beiyongjc/images/valid.png) no-repeat 98% center;
box-shadow: 0 0 5px #72B9BB;
border-color: #00B1B6;
}
.form_hint{
background: #E48888;
border-radius: 3px 3px 3px 3px;
color: white;
margin-left:8px;
margin-top: 5px;
padding: 1px 6px;
z-index: 999;
position: absolute;
display: none;
font-size: 12px;
}
.form_hint::before {
content: "\25C0";
color:#E48888;
position: absolute;
top:1px;
left:-6px;
}
.feedback input:focus + .form_hint {display: inline;}
.feedback input:required:valid + .form_hint {background: #28921f;display: none;}
.feedback input:required:valid + .form_hint::before {color:#28921f;}
.feedback .submit{
padding: 10px 30px;
color: #fff;
background: #00B1B6;
border: 0;
border-radius: 4px;
cursor: pointer;
box-shadow: 1px 1px 3px #999;
}
.feedback .submit:hover{
opacity: 0.9;
box-shadow: 1px 1px 6px #aaa;
}
/***************************投诉建议 end************************/
@-webkit-keyframes lightSpeedIn{
0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);
transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);
transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);opacity:1}
100%{-webkit-transform:none;
transform:none;opacity:1}
}
@keyframes lightSpeedIn{
0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);
transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);
transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);opacity:1}
100%{-webkit-transform:none;transform:none;
opacity:1}
}
.lightSpeedIn{
-webkit-animation-name:lightSpeedIn;
animation-name:lightSpeedIn;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-transform:none;
transform:none}
}
@keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0)}
100%{opacity:1;
-webkit-transform:none;
transform:none}
}
.fadeInLeft{
-webkit-animation-name:fadeInLeft;
animation-name:fadeInLeft
}
@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
.animated{
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.animated1{
-webkit-animation-duration:1s;
animation-duration:1s;
}
.heartAn1 {
background: url(http://www.jgnz.cn/beiyongjc/images/heartIcon.png);
background-position: 24px 26px;
background-repeat: no-repeat;
}
.heartAn2 {
background: url(http://www.jgnz.cn/beiyongjc/images/heartIcon.png);
background-position: -55px 26px;
background-repeat: no-repeat;
}
.heartAn3 {
background: url(http://www.jgnz.cn/beiyongjc/images/heartIcon.png);
background-position: -136px 26px;
background-repeat: no-repeat;
}
.heartAn4 {
background: url(http://www.jgnz.cn/beiyongjc/images/heartIcon.png);
background-position: -219px 26px;
background-repeat: no-repeat;
}
.brainAn1 {
background: url(http://www.jgnz.cn/beiyongjc/images/ks_ek_icon-05.png);
background-position: 26px 29px;
background-repeat: no-repeat;
}
.brainAn2 {
background: url(http://www.jgnz.cn/beiyongjc/images/heartIcon.png);
background-position: 24px 26px;
background-repeat: no-repeat;
}
.brainAn3 {
background: url(http://www.jgnz.cn/beiyongjc/images/heartIcon.png);
background-position: -55px 26px;
background-repeat: no-repeat;
}
.brainAn4 {
background: url(http://www.jgnz.cn/beiyongjc/images/heartIcon.png);
background-position: -136px 26px;
background-repeat: no-repeat;
}
.brainAn5 {
background: url(http://www.jgnz.cn/beiyongjc/images/heartIcon.png);
background-position: -219px 26px;
background-repeat: no-repeat;
}
.eyAn1 {
background: url(http://www.jgnz.cn/beiyongjc/images/eyeicon.png);
background-position: -458px 31px;
background-repeat: no-repeat;
}
.eyAn2 {
background: url(http://www.jgnz.cn/beiyongjc/images/eyeicon.png);
background-position: -581px 31px;
background-repeat: no-repeat;
}
.eyAn3 {
background: url(http://www.jgnz.cn/beiyongjc/images/eyeicon.png);
background-position: -337px 31px;
background-repeat: no-repeat;
}
.eyAn4 {
background: url(http://www.jgnz.cn/beiyongjc/images/eyeicon.png);
background-position: -215px 31px;
background-repeat: no-repeat;
}
.eyAn5 {
background: url(http://www.jgnz.cn/beiyongjc/images/eyeicon.png);
background-position: -98px 31px;
background-repeat: no-repeat;
}
.eyAn6 {
background: url(http://www.jgnz.cn/beiyongjc/images/eyeicon.png);
background-position: 20px 31px;
background-repeat: no-repeat;
}
.csAn1 {
background: url(http://www.jgnz.cn/beiyongjc/images/cs_icon-01.png);
background-repeat: no-repeat;
background-size: 60%;
background-position: center;
}
.csAn2 {
background: url(http://www.jgnz.cn/beiyongjc/images/cs_icon-02.png);
background-repeat: no-repeat;
background-size: 60%;
background-position: center;
}
.csAn3 {
background: url(http://www.jgnz.cn/beiyongjc/images/cs_icon-03.png);
background-repeat: no-repeat;
background-size: 47%;
background-position: center;
}
.csAn4 {
background: url(http://www.jgnz.cn/beiyongjc/images/cs_icon-04.png);
background-repeat: no-repeat;
background-size: 60%;
background-position: center;
}
.keshi-pe-section2{
min-width: 1150px;
width: 100%;
height: 300px;
background: #f5f5f5 url(http://www.jgnz.cn/beiyongjc/images/ke1234.jpg);
background-repeat: no-repeat;
background-position: center;
position: relative;
z-index: 55;
}
.keshi-background{
height: 270px;
padding-top: 30px;
width: 100%;
background: rgba(37,130,128,0.8);background/*\**/: url(http://www.jgnz.cn/beiyongjc/images/0006.png)\9;
}
.anli-pe-section6{
min-width: 1150px;
height: 400px;
background: url(http://www.jgnz.cn/beiyongjc/images/ke123.png);
background-repeat: no-repeat;
background-position: center;
}
.anli-background{
height: 350px;
padding-top: 50px;
width: 100%;
background: rgba(37,130,128,0.8);background/*\**/: url(http://www.jgnz.cn/beiyongjc/images/0006.png)\9;
}
.anli-pe-section6 h3{
font-size: 50px;
color: #fff;
text-align: center;
}
.anli-pe-section6 h4{
font-size: 22px;
text-align: center;
color: #fff;
}
.keshi-background .indfont h2,.keshi-background .indfont p{
color: #fff;
}
.building-t{
position: relative;
height: 430px;
background: #f0fafa;
}
.building-404 {
position: relative;
height: 680px;
background: #f0fafa;
}
.proform404 {
position: absolute;
left: 50%;
top: 354px;
margin-left: -159px;
}
.building-b{
height: 250px;
background: #96e0e5;
}
.programmer{
position: absolute;
left: 50%;
margin-left: -459px;
top: 128px;
}
.programmer404 {
position: absolute;
left: 50%;
margin-left: -459px;
top: 5px;
}
.proform{
position: absolute;
left: 50%;
top: 215px;
}
.buildback{
position: absolute;
left: 50%;
margin-left: 110px;
top: 322px;
display: block;
width: 200px;
height: 50px;
text-align: center;
line-height: 50px;
background: #96e0e5;
color: #00b1b6!important;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.buildback404 {
position: absolute;
left: 50%;
margin-left: -65px;
top: 456px;
display: block;
width: 200px;
height: 50px;
text-align: center;
line-height: 50px;
background: #96e0e5;
color: #00b1b6!important;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.buildback:hover{
background: #00b1b6;
color: #fff!important;
}
.buildback404:hover{
background: #00b1b6;
color: #fff!important;
}
@-webkit-keyframes tada{
0%{-webkit-transform:scale(1);transform:scale(1)}
5%,10%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}
15%,25%,35%,45%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
20%,30%,40%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
50%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes tada{
0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
5%,10%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}
15%,25%,35%,45%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
20%,30%,40%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
50%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes bounce{
0%,50%,10%,27%,40%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);
animation-timing-function:cubic-bezier(0.215,.61,.355,1);
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)}
20%,22%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);
animation-timing-function:cubic-bezier(0.755,.050,.855,.060);
-webkit-transform:translate3d(0,-30px,0);
transform:translate3d(0,-30px,0)}
35%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);
animation-timing-function:cubic-bezier(0.755,.050,.855,.060);
-webkit-transform:translate3d(0,-15px,0);
transform:translate3d(0,-15px,0)}
45%{-webkit-transform:translate3d(0,-4px,0);
transform:translate3d(0,-4px,0)}
100%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);
animation-timing-function:cubic-bezier(0.215,.61,.355,1);
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)}
}
@keyframes bounce{
0%,50%,10%,27%,40%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);
animation-timing-function:cubic-bezier(0.215,.61,.355,1);
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)}
20%,22%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);
animation-timing-function:cubic-bezier(0.755,.050,.855,.060);
-webkit-transform:translate3d(0,-30px,0);
transform:translate3d(0,-30px,0)}
35%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);
animation-timing-function:cubic-bezier(0.755,.050,.855,.060);
-webkit-transform:translate3d(0,-15px,0);
transform:translate3d(0,-15px,0)}
45%{-webkit-transform:translate3d(0,-4px,0);
transform:translate3d(0,-4px,0)}
100%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);
animation-timing-function:cubic-bezier(0.215,.61,.355,1);
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)}
}
.bounce{
-webkit-animation-name:bounce;
animation-name:bounce;
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
.tada{-webkit-animation-name:tada;animation-name:tada}
.bligai{
position: absolute;
left: 50%;
margin-left: 110px;
top: 113px;
animation: tada 2s infinite;
-webkit-animation: tada 2s infinite;
}
.bliban{
position: absolute;
left: 50%;
margin-left: 213px;
top: 145px;
}
/*tijian*/
.kubo-section {
background: #fffad7;
position: relative;
z-index: 55;
}
.kubo {
width: 1000px;
margin: 0 auto;
overflow: hidden;
}
.kubo-title {
font-size: 55px;
width: 250px;
float: left;
color: #ff9e00;
}
.kubo-title h4{
text-align: center;
margin-top: 170px;
}
.kubo-itemlist{
width: 750px;
float: left;
}
.kuboBox {
display: block;
width: 250px;
height: 165px;
float: left;
position: relative;
overflow: hidden;
}
.kuboBox img {
display: block;
width: 250px;
}
.kuboMsg {
width: 250px;
height: 40px;
background: rgba(255,158,0,0.8);
position: absolute;
bottom: 0;
left: 0;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.kuboMsg h4 {
color: #fff;
font-size: 17px;
line-height: 40px;
text-align: center;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.kuboBox:hover .kuboMsg h4 {
line-height: 165px;
}
.kuboBox:hover .kuboMsg {
background: rgba(255,158,0,0.8);
height: 165px;
}
.tijian-list{
overflow: hidden;
width: 1185px;
margin-left: -185px;
}
.tijian-list a{
height: 42px;
width: 160px;
line-height: 42px;
float: left;
margin-left: 185px;
position: relative;
padding-left: 50px;
margin-top: 20px;
}
.tijian-list a i{
position: absolute;
left: 0;
top: 0;
display: block;
height: 42px;
width: 42px;
transition: all 0.2s;
-webkit-transition: all 0.2s;
background: #969696 url(http://www.jgnz.cn/beiyongjc/images/tj-logo.png);
background-position: center;
border-radius: 42px;
background-repeat: no-repeat;
}
.tijian-list a:hover{
color: #ff9e00;
}
.tijian-list a:hover i{
background: #ff9e00 url(http://www.jgnz.cn/beiyongjc/images/tj-logo.png);
background-position: center;
background-repeat: no-repeat;
}
.kuAn1{
background: url(http://www.jgnz.cn/beiyongjc/images/tjIcon.png);
background-position: 25px;
background-repeat: no-repeat;
}
.kuAn2{
background: url(http://www.jgnz.cn/beiyongjc/images/tjIcon.png);
background-position: -75px;
background-repeat: no-repeat;
}
.kuAn4{
background: url(http://www.jgnz.cn/beiyongjc/images/tjIcon.png);
background-position: -177px;
background-repeat: no-repeat;
}
.ssAn1{
background: url(http://www.jgnz.cn/beiyongjc/images/ssicon-02-01.png);
background-position: center;
background-repeat: no-repeat;
}
.ssAn2{
background: url(http://www.jgnz.cn/beiyongjc/images/ssicon-02-02.png);
background-position: center;
background-repeat: no-repeat;
}
/*yinyk_ts*/
.row_section{
position: relative;
z-index: 55;
}
.row_section_box{
overflow:hidden;
position: relative;
width:1050px;
margin:0px auto;
clear: both;
padding: 50px 0px;
}
.row_section_box h2{
font-size: 50px;
padding-top: 20x;
padding-bottom:50px;
color: #7ba23f;
text-align: center;
}
.row_section_list{
height:143px;
width:475px;
margin:0px 25px;
float: left;
background:#7ba23f;
color:#fff;
margin-bottom: 50px;
overflow: hidden;
}
.row_section_list dt {
width:215px;
height:152px;
float:left;
margin-right:0px;
display: inline;
}
.row_section_list:hover dt img{
filter:alpha(opacity=40);
opacity:0.4;
}
.row_section_list dt img{
width:100%; float:left;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.row_section_list dd{
width: 220px;
float: right;
padding:13px;
}
.row_section_list dd p{
line-height:23px;
font-size: 14px;
}
.row_section_list dd h3{
color:#fff;
line-height:35px;
font-size: 18px;
}
.row_section_list dd a{
margin-top:8px;
font-size: 12px;
color:#7ba23f;
background:#fff;
padding:5px 12px;
display:inline-block;
}
.row_section_list dd a:hover{
text-decoration:none;
background:#e1f0b4;
color:#7ba23f;
}
/*yinyk_tn*/
.row_section2{
position: relative;
z-index: 55;
}
.row_section_box2{
overflow:hidden;
position: relative;
width:1050px;
margin:0px auto;
clear: both;
padding-top:50px;
padding-bottom:25px;
}
.row_section_box2 h2{
font-size: 50px;
padding-top: 20x;
padding-bottom:50px;
text-align: center;
}
.row_section2 dl{
width: 475px;
height: 120px;
float: left;
display: inline;
padding-bottom:30px;
margin-bottom: 30px;
border-bottom: 1px solid #e3e3e3;
margin-left: 25px;
margin-right: 25px;
}
.row_section2 dl a{
display: block;
}
.row_section2 dl dt{
background: #FAE6CD;
width: 180px;
height: 120px;
float: left;
display: inline;
overflow: hidden;
}
.row_section2 dl dt img{
width: 100%;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.row_section2 dl:hover dt img{
filter:alpha(opacity=40);
opacity:0.4;
}
.row_section2 dl dd{
width: 265px;
float: right;
display: inline;
overflow: hidden;
}
.row_section2 dl dd h5{
line-height: 35px;
font-size: 21px;
color:#5D5E5F;
font-weight: normal;
height: 35px;
overflow: hidden;
}
.row_section2 dl dd p{
line-height: 25px;
color: #5D5E5F;
font-size: 14px;
padding-bottom: 14px;
height: 50px;
}
.row_section2 dl dd a{
color:#F0D2AA;
font-size: 14px;
display:inline-block;
}
.row_section2 dl dd a:hover{
color:#DBAE6E;
}
/*yinyk_tn*/
.row_section3{
position: relative;
z-index: 55;
}
.row_section_box3{
overflow:hidden;
position: relative;
width:1050px;
margin:50px auto;
clear: both;
}
.row_section_box3 h2{
font-size: 50px;
padding-top: 20x;
padding-bottom:50px;
text-align: center;
}
.row_section3 dl{
width: 300px;
float: left;
display: inline;
padding-bottom:30px;
margin-bottom: 30px;
border-bottom: 1px solid #e3e3e3;
margin-left: 25px;
margin-right: 25px;
}
.row_section3 dl a{
display: block;
}
.row_section3 dl dt{
background: #FFEBE6;
width: 300px;
height: 198px;
overflow: hidden;
margin-bottom: 30px;
}
.row_section3 dl dt img{
width: 100%;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.row_section3 dl:hover dt img{
filter:alpha(opacity=40);
opacity:0.4;
}
.row_section3 dl dd{
width: 300px;
float: right;
display: inline;
overflow: hidden;
}
.row_section3 dl dd h5{
line-height: 35px;
font-size: 21px;
color:#5D5E5F;
font-weight: normal;
text-align: left;
}
.row_section3 dl dd p{
line-height: 25px;
color: #5D5E5F;
font-size: 16px;
padding-bottom: 30px;
text-align: left;
}
.row_section3 dl dd a{
color:#E83015;
font-size: 14px;
text-align: center;
}
.row_section3 dl dd a:hover{
color:#FA7D6E;
}
.row_section4{
background: #FAC88C;
}
.row_section4 .keshi-background{
background: none;
}
.divjy{ width:720px; border: 2px solid #4a4a4a; margin:15px auto}
.divjy td{ border: #9c9c9c solid 1px; text-align:center;}
.divjy h1{ text-align:center; font-size:20px; color:#333; height:35px; line-height:35px;}
.divjy h2{ text-align:center; font-size:18px; color:#333; height:45px; line-height:45px;}
.divjy .jy_tit{ font-size:14px; font-weight:bold; text-align:center; height:25px; line-height:25px;}
.divjy ul{ text-align:left; width:248px; margin:0 auto;}
.divjy ul li{ border-bottom: #9c9c9c dashed 1px;}