﻿@charset "utf-8";
/* CSS Document */
/* Banner  */
body { background-color:#fff; color:#222222;}
.kqmainwidth { width:1200px;}
.banner{ background:url(banner.jpg) no-repeat center; height:470px; margin-top:90px;}
/* 列表页公共样式  */
.content_width,.xl_menu{ width:1200px; margin:0 auto; margin-top:50px;}
.oh{ overflow:hidden;}
.kb{ width:100%; height:50px;}

/* 下拉菜单  */
.xl_menu li{ float:left; margin-right:12px;}
.md_nav {width:100%;height:100px; 0;z-index:1000; overflow:hidden;}
.md_nav_m {width:100%; height:45px; background:#FFFFFF; padding:15px }
.md_nav_b {width:100%; height:6px;background:url(menubg.png) repeat-x bottom;}
.main_nav { width:1200px; margin:0 auto;}
.md_nav ul{ width:1258px;}
.md_nav ul li{ float:left; height:36px; position:relative; z-index:8; text-align:center;background:white; margin-right:25px;}
.md_nav ul li a{height:36px; width:100%; text-decoration:none; font-size:14px; line-height:36px; float:left;border:2px #5ab730 solid; color:#5ab730; padding:0 3px; letter-spacing:3px;border-radius:3px;}
.md_nav ul li:hover a,.md_nav ul li.mdnav_dq a { border:2px #57adea solid; color:#4e4e4e; }

.content_title {height:60px;}
.content_title h1 { display:none;}
.content_titlee {height:60px;}
.content_titlee h1 { display:none;}
.content_title1 { background:url(title.jpg) no-repeat; background-size:500px 574px; margin-bottom:15px;}
.content_title2 { background:url(title.jpg) no-repeat 0 -70px;  background-size:500px 574px; margin-bottom:15px;}
.content_title3 { background:url(title.jpg) no-repeat 0 -140px;  background-size:500px 574px;}
.content_title4 { background:url(title.jpg) no-repeat 0 -225px;  background-size:500px 574px;}
.content_title5 { background:url(title.jpg) no-repeat 0 -425px;  background-size:500px 574px;}
.content_title6 { background:url(title.jpg) no-repeat 0 -293px;  background-size:500px 574px; margin-bottom:15px;}
.content_title7 { background:url(title.jpg) no-repeat 0 -493px;  background-size:500px 574px; margin-bottom:15px;}
.content_title8 { background:url(title.jpg) no-repeat 0 -350px;  background-size:500px 574px; margin-bottom:15px;}

/* 儿童齿科特色  */
.main1 { height:410px;}
.content1_img{ width:1200px; background:url(ts.jpg) no-repeat top center; margin-top:15PX;}
.content1_img p{ padding:200px 50px 0px 50px; font-size:14px; line-height:36px; text-indent:2em;}


/* 儿童常见口腔疾病  */
.content2_1{ width:1200px;}
.content2_1_left{ width:540px; background:url(lyqc.jpg) no-repeat 0 40px; line-height:24px; border-right:1px solid #f5f1ee; padding-right:58px; float:left; padding-bottom:48px;}
.content2_1_left h3,.content2_1_right h3 { font-size:20px; color:#222; text-align:center; line-height:40px; padding-bottom:260px;}
.content2_1_right{ width:520px; line-height:24px;float:left; padding-left:80px; background:url(hyqc.jpg) no-repeat 80px 40px;}
.content2_1_left span,.content2_1_right span{ display: block; text-align:left; line-height:28px; margin-bottom:15px;}
.content2_1_left p { margin-bottom:10px; font-size:14px; padding:0px 35px 0px 0px;}
.content2_1_right p{ margin-bottom:10px; font-size:14px; padding:0px 0px 0px 3px;}
.content-1 { background:url(content2_3.jpg) no-repeat center; width:512px; height:153px; text-align:left; line-height:24px;}
.content-3 { background:url(content2_5.jpg) no-repeat center; width:512px; height:153px;}
.content2_1_left span b,.content2_1_right span b{ width:112px; height:20px; float:left; line-height:19px; color:#fff; font-weight:normal; margin-right:2px;}
.content-yy { height:49px; background:url(yy.png) no-repeat 0px center; padding-left:64px; margin-bottom:10px;}
.content2_2{ padding:30px auto 0; border-bottom:1px solid #f1f1f1; margin-bottom:50px;}
.content2_2_left{ float:left;  border-right:1px solid #f1f1f1; width:600px; padding-top:30px; padding-bottom:50px;}
.content2_2_right{ float:right;  width:510px; padding-left:70px; padding-top:30px; padding-bottom:50px;}
.content2_2_left span,.content2_2_right span{ display: block; text-align:center; font-size:20px; color:#222222; margin-bottom:15px;}
.content2_2_left p,.content2_2_right p{ line-height:24px; width:512px; font-size:14px; color:#222222;}
.content2_21 ,.content2_22 { width:512px; height:243px; display:block;}
.content2_21 { background:url(content2_7.jpg) no-repeat left;}
.content2_22 { background:url(content2_8.jpg) no-repeat right;}
.content2_3{ border:1px solid #f5f1ee; border-right:none; overflow:hidden;}
.content2_3 ul {}
.content2_3 li{ border-right:1px solid #f1f1f1; width:338px; padding-left:36px; padding-top:30px; padding-right:25px;display:block; float:left; height:400px;}
.content2_3 li span{ display: block; text-align:center; font-size:22px; font-weight:lighter; color:#222222; line-height:40px; }
.content2_31 { height:152px; background:url(content2_10.jpg) no-repeat center;}
.content2_32 { height:152px; background:url(content2_9.jpg) no-repeat center;}
.content2_33 { height:152px; background:url(content2_11.jpg) no-repeat center;}
.content2_3 li b{ font-size:16px; color:#222; width:288px; font-weight:lighter; display:block; margin:0 auto; line-height:31px; margin-top:10px;} 
.content2_3 li b a, .content2_3 li b a:hover{color:#222;}
.content2_3 li p{ width:290px; display:block; font-size:12px; margin:0 auto; margin-top:10px; line-height:24px; color:#666666; padding-bottom:30px;}

/* 儿童齿科医生团  */
.contents3{ padding-bottom:50px; padding-top:20px;}
.contents3 dl{ width:260px; margin-top:20px; margin-right:15px; margin-left:10px; background-color:#f4f4f4; display:block; border:1px #def1d6 solid; padding:3px; float:left;border-radius:2px;}
.contents3 dl:hover { border:1px #5ab730 solid;}
.contents3 dd{  width:260px; height:335px; float:left; display:block;}
.contents3 dt{ width:260px; padding-left:10px; float:left; display:block;}
.contents3 dt span{ font-size:20px; line-height:30px; text-align:center; display:block;}
.contents3 dt p{ font-size:14px; line-height:24px; text-align:center; margin-bottom:15px;}
.contents3 a {width:100px; height:32px; float:left; margin:0px 10px 0 10px; line-height:32px; color:#fff; background:#518fcc;  -webkit-border-radius:5px; -moz-border-radius:5px;  -ms-border-radius:5px; border-radius:5px; z-index:1; text-align:center; font-size:14px; text-decoration:none;}

.banner_index{height:448px;position: relative;overflow:hidden;width: 1200px;margin:30px auto;}
.banner_index .btn,.banner_pro .bBtn{position: absolute;top:215px;width: 56px;height: 78px;display: block;z-index: 3;}
.banner_index .btnPre,.banner_pro .bPre{background: url(../images/bg_btnPre_index.png) no-repeat 0 0;left:20px;}
.banner_index .btnPre:hover,.banner_pro .bPre:hover{background: url(../images/bg_btnPre_index_hover.png) no-repeat 0 0;}
.banner_index .btnNext,.banner_pro .bNext{background: url(../images/bg_btnNext_index.png) no-repeat 0 0;right: 20px;}
.banner_index .btnNext:hover,.banner_pro .bNext:hover{background: url(../images/bg_btnNext_index_hover.png) no-repeat 0 0;}
.banner_index .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;}
.banner_index .banner_wrap li{width: 1200px;float: left;}


/*--团队 */
.kwt_lb2 { width:1200px; float:left;}
.kwt_tj2 { width:1198px; float:left; border-bottom:1px solid #eaeaea; margin-bottom:20px; height:445px; }
.kwt_tj2 dt{ width:395px; height:445px; float:left; margin-right:100px; margin-left:150px; background:url(zh.jpg) no-repeat; }
.kwt_tj2 dd{ width:520px; float:left; padding:20px 0; position:relative; height:370px;}
.kwt_tj2 dd h5{ font-size:36px; line-height:40px; color:#333333; margin-top:15px; }
.kwt_tj2 dd h5 span{ font-size:16px; line-height:40px; margin-left:15px; }
.kwt_tj2 dd p{ font-size:14px; color:#222222; line-height:40px; position:relative; z-index:1; padding-left:15px;}
.kwt_tj2 dd p:before { content: " "; width:4px; height:4px; -webkit-border-radius:2px; -moz-border-radius:2px;  -ms-border-radius:2px; border-radius:2px; background:#518fcc; position:absolute; left:3px; top:14px; z-index:2; }
.kwt_tj2 dd p:last-child { padding:0; position:absolute; left:0; bottom:0;}
.kwt_tj2 dd p:last-child:before  { display:none;}
.kwt_tj2 dd p a{ width:110px; height:38px; float:left; margin:15px 10px 0 0; line-height:38px; color:#fff;  -webkit-border-radius:5px; -moz-border-radius:5px;  -ms-border-radius:5px; border-radius:5px; position:relative; z-index:1; }
.kwt_tj2 dd p a span{ width:100%; float:left;text-indent:42px; height:100%; z-index:9; position:absolute;}
.kwt_tj2 dd p a del { position:absolute; left:0; bottom:38px; height:0; overflow:hidden; width:150%; z-index:999; background:#fff;  text-align:center; -webkit-transition: all 0.2s;-moz-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; -webkit-border-radius:5px; -moz-border-radius:5px;  -ms-border-radius:5px; border-radius:5px;}
.kwt_tj2 dd p a del img{ width:70%;}
.kwt_tj2 dd p a:hover del{ height:auto;padding:10px 0; }
.kwt_tj2 dd p a:nth-child(1){ background:#518fcc ; }
.kwt_tj2 dd p a:nth-child(2){ background:#518fcc ; }
.kwt_tj2 dd p a:nth-child(1) span { background:url(../images/kt_icon_12.png) 8px center no-repeat; }
.kwt_tj2 dd p a:nth-child(2) span { background:url(../images/kt_icon_01.png) 8px center no-repeat; }
.kwt_tj2 dd p a:before { content: " "; position:absolute; bottom:0; background:rgba(0,0,0,0); width:100%; height:100%;  -webkit-border-radius:100px/20px; -moz-border-radius:100px/20px;  -ms-border-radius:100px/20px; border-radius:100px/20px; left:0;-webkit-transition: all 0.4s;-moz-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
.kwt_tj dd p a:hover:before {  background:rgba(0,0,0,0.1); bottom:0; -webkit-border-radius:5px; -moz-border-radius:5px;  -ms-border-radius:5px; border-radius:5px;}


.md_dqnr_bt p{ float:right; font-size:14px; padding-right:10px;}
.md_dqnr_bt p a,.md_dqnr_bt p a:hover{ color:#666;}

.content4_title1{width:1200px; margin:20px auto 0; height:40px; color:#222; font-size:22px; line-height:40px; text-align:center;}
.content4_1{ background:url(../images/content4_1.jpg) no-repeat bottom; width:1061px; height:313px; margin:0 auto; margin-bottom:50px;}
.content4_1 p{ width:1086px; margin:10px auto 0; font-size:16px; letter-spacing:1px; display:block; line-height:32px;}
.content4_1 ul{ display:block; padding-top:30px; line-height:24px;}
.content4_1_writing1{ width:670px; float:left; display:block; padding-left:43px; margin-top:15px;}
.content4_1_writing2{ width:330px; float:right; display:block; padding-right:10px; margin-top:15px;}
.content4_1_writing3{ width:670px; float:left; display:block; padding-left:43px; margin-top:50px;}
.content4_1_writing4{ width:330px; float:right; display:block; padding-right:10px; margin-top:40px;}
.content4_1_writing5{ width:670px; float:left; display:block; padding-left:43px; margin-top:55px;}
.content4_1_writing6{ width:330px; float:right; display:block; padding-right:10px; margin-top:40px;}

.content4_2{ width:1100px; border-bottom:1px dashed #d0d0d0; padding-bottom:25px; padding-top:10px; margin:30px auto 0;}
.content4_2 dl span{ font-size:20px; color:#ef7f1b; width:260px; text-align:center; padding-bottom:10px; display:block;}
.content4_2 dd{ float:left; width:168px; display:block; margin-top:10px; margin-right:15px; text-align:center;}
.content4_2 dd p{ background:url(../images/content4_8.png) no-repeat left; height:28px; width:108px; display:block; font-size:18px; margin:10px auto;}
.content4_2 dd p b{ color:#fff; font-size:14px; width:31px; text-align:center; float:left; line-height:28px;}
.content4_2 dd strong{ width:168px; text-align:center; font-weight:normal; display:block; }  
.content4_2 dd h1{ width:168px; text-align:center; font-weight:normal; display:block;}

.content4_3{ width:1070px; margin:30px auto 0;}
.content4_3_wz{width:1070px; margin:10px auto 0;}
.content4_3_wz p{ border-bottom:1px dashed #afc4e8; padding-bottom:10px; line-height:24px;}
.content4_3_wz p b{ font-size:20px; display:block; padding-bottom:10px; margin-top:15px;}

.content4_4{ margin-left:30px; margin-top:30px;}
.content4_4 li{ width:289px; float:left; width:327px; height:335px; background:#ebf2ff; border-radius:10px; padding-top:20px; margin-left:40px;}
.content4_4 li img{ width:289px; margin:0 auto; display:block;}
.content4_4 li span{ background:url(../images/content4_12.png) no-repeat left; font-size:24px; color:#ef7f1b; display:block; width:120px; margin:20px auto 10px; height:28px;}
.content4_4 li span b{color:#fff; font-size:14px; width:36px; text-align:center; float:left; line-height:28px; margin-right:5px;}
.content4_4 li p{ display:block;  width:289px; float:left; margin-left:18px; line-height:24px;}

.content4_5{ background:url(../images/img_74.jpg) no-repeat center top; width:1100px; font-size:18px; line-height:24px; height:624px; text-align:center; margin:30px auto 0;}
.content4_5 h1{ padding-top:60px;}
.content4_5 h2{ padding-top:110px;}
.content4_5 h3{ padding-top:100px;}
.content4_5 h1 p,.content4_5 h2 p,.content4_5 h3 p{ height:35px; margin-bottom:10px; padding-left:10px; color:#fff;}
.content4_5 h1 span,.content4_5 h2 span,.content4_5 h3 span{ color:#fff; font-size:20px; font-weight:bold;}

.content4_6{width:1090px;margin:30px auto 0; border-radius:5px; height:670px;}
.content4_6 li{ width:1090px; margin:10px auto 0; float:left; line-height:30px; border-bottom:1px dashed #baddf0; padding-bottom:10px; margin-bottom:10px; font-size:16px;}
.content4_6 li img{ margin-right:5px;}
.content4_6 li a { color:#006693; }
.jpjscon{line-height:24px; border-bottom:1px dashed #baddf0; padding-bottom:10px;}
.jpjscon span img{ float:left; margin-right:5px;}

.kq-hj { height:526px; background:url(hj.jpg) no-repeat center;}

.kq-qm { height:781px; background:url(qm.jpg) no-repeat bottom center; position:relative;}
.kq-qm p { padding:70px 620px 0px 50px; font-size:14px; line-height:28px; color:#222;}
.kq-qm p strong { font-size:16px; color:#51cd5d; line-height:48px;}
.kq-qm a {background:#518fcc ; border-radius:5px; padding:6px 10px; text-decoration:none; color:#fff; position:absolute; left:330px; top:315px;}

.kq-jb { height:160px; padding:20px 0 40px 0;}
.kq-jb ul { width:1280px;}
.kq-jb ul li { width:350px; height:150px; display:block; border:1px #3ca411 solid; float:left; margin-right:70px;}
.kq-jb ul li a { width:350px; height:150px; display:block;}
.kq-jb ul li span { display:none;}
.kq-jb-1 { background:url(11.jpg) no-repeat;}
.kq-jb-2 { background:url(2.jpg) no-repeat;}
.kq-jb-3 { background:url(3.jpg) no-repeat;}

@media only screen and (max-width:800px) {
.banner { height:30rem; width:100%; margin-top:13rem; background:url(/templets2020/zt2020/kq/banner.jpg) no-repeat; background-size:100%;}
.md_nav { display:none;}
.kqmainwidth { width:100%;}

.content_title {height:7rem;}
.content_title h1 { display:none;}
.content_titlee {height:7rem;}
.content_titlee h1 { display:none;}
.content_title1 { background:url(title.jpg) no-repeat; background-size:50rem 60rem; margin-bottom:2rem;}
.content_title2 { background:url(title.jpg) no-repeat 0 -6.5rem;  background-size:50rem 60rem; margin-bottom:2rem;}
.content_title3 { background:url(title.jpg) no-repeat 0 -14rem;  background-size:50rem 60rem;}
.content_title4,.content4_1 { display:none;}
.content_title5 { background:url(title.jpg) no-repeat 0 -43rem;  background-size:50rem 60rem;}
.content_title6 { display:none;}
.kq-hj { display:none;}
.content_title7 { background:url(title.jpg) no-repeat 0 -50rem;  background-size:50rem 60rem; margin-bottom:2rem;}
.content_title8 { display:none;}
.kq-jb { display:none;}
.content_bj1 {}
.main1 { height:auto;}
.content1_img { width:100%; background-size:100% auto; margin:0;}
.content1_img p { padding:10rem 1rem 0 1rem; font-size:2rem; line-height:2.8rem; color:#222;}

.content2_1 { width:100%;}
.content2_1_left,.content2_1_right { margin:0; padding:0; clear:both; width:100%; background:none; float:none;}
.content2_1_left p,.content2_1_right p { padding:1rem; margin:0;}
.content2_1_left h3, .content2_1_right h3 { padding:1rem 0 0 0;}
.content2_1_right { float:none;}
.content2_3 { border:none;}
.content2_3 li { border:none; width:100%; float:none; clear:both; padding:0;  height:auto;}
.content2_3 li p { font-size:2rem; line-height:2.6rem;}
.content2_3 li b { font-size:2.2rem; line-height:2.6rem;}
.content2_3 li p,.content2_3 li b { width:98%; padding:0 1rem;}
.content2_2_left { width:100%; padding:0; margin:0; border:none; margin-top:2rem;}
.content2_2_left span, .content2_2_right span { font-size:2.2rem; margin-bottom:1rem;}
.content2_2_left p, .content2_2_right p { width:98%; font-size:2rem; line-height:2.6rem; padding:0 1rem;}
.content2_2_right { width:100%; float:none; padding:0; margin:0; clear:both;}
.content2_2 { border:none; padding:0; margin:0;}
.kq-qm { background:url(/templets2020/zt2020/kq/qm.jpg) no-repeat bottom center; background-size:100% 80rem; height:110rem;}
.kq-qm a { display:none;}
.kq-qm p { width:98%; padding:0 1rem; clear:both; font-size:2.2rem; line-height:2.6rem;}
.contents3 { padding:0;}
.contents3 a { display:none;}
.contents3 dl { width:48%; margin:0 1%; float:left; padding:0; border:none; overflow:hidden;}
.contents3 dl dd,.contents3 dl dt { width:100%; height:auto; display:block; padding:0; float:none;}
.contents3 dl dd img  { display:block; width:100%; height:auto;}
.content4_6,.content4_6 li { width:98%;}
}





















