/* -------------------------------------------------- */
/* screen */
/* -------------------------------------------------- */
@media only screen and (min-width: 1200px) {}
@media only screen and (min-width: 768px) and (max-width: 991px) {}
@media only screen and (max-width: 767px) {}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

@font-face {
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
	font-weight: normal;
	font-style: normal;
}
only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) {}

/* -------------------------------------------------- */
/* body */
/* -------------------------------------------------- */
*{
    font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 24px;
    margin:0;
    padding:0;
	list-style:none;
    color:#333;
}
a,li{
    text-decoration: none;
}


/* -------------------------------------------------- */
/* heading */
/* -------------------------------------------------- */

.header{
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    opacity:0.9;
    width: 100%;
    z-index:100;
    height:64px;
    position:relative;
    vertical-align:middle;
    padding-top:16px;
    border-bottom:solid #eee 1px;
    margin:auto;
}
.container{
    background:#fff;
    width: 1200px;
    height:48px;
    margin:0 auto;
    vertical-align:middle;
}

.container.logo{
    width:140px;
    float:left;
}
.login{
    float:right;
    text-align:center;
    vertical-align:middle;
}
.login a:hover{
    color:#fff000;
    font-size:16px;
}
.gongying{
    float:right;
    width:114px;
    height:36px;
    background:#c69e45;
    border-radius:2px 0 0 2px;
    padding-top:10px;
}
.fabu{
    float:right;
    width:114px;
    height:36px;
    background:#184d31;
    border-radius:0 2px 2px 0;
    padding-top:10px;

}
.gongying a{
    text-align:center;
    vertical-align:middle;
    text-decoration:none;
    color:#fff;

}
.fabu a{
    text-align:center;
    vertical-align:middle;
    text-decoration:none;
    color:#fff;
}
.content {
    text-align:center;
    margin:0 auto;
}

/* -------------------------------------------------- */
/* content */
/* -------------------------------------------------- */
.wrapper{width:1200px; margin:0 auto;}
.f_l{float: left;}
.f_r{float: right;}
.floor_t{
	font-size: 30px; color:#1f9559; 
	line-height: 80px; font-weight:normal;
	text-align: center;
	background:url(../images/advantageIcon_2.jpg) center bottom no-repeat;
}

/* banner=================*/
.fullWidthBanner{
	width:100%; min-width: 1200px;
	height:530px;
	background: url(../images/banner.jpg) center no-repeat;
}

/* 违规list================*/
.probList{
	padding:24px 0 0 0;
	background:#f4f7fd; min-width: 1200px;
	height:800px;
}
.probList .picScrollProb li{
	width:210px; margin:0 15px; height:195px;
	position: relative;
}
.probList .picScrollProb li img{
	display: block;
	border-radius: 10px;
}
.probList .picScrollProb li a{
	display: block;
	color:#333; font-size: 14px; line-height: 20px; height: 40px;
	padding:152px 0 0 0;
	position: absolute; top: 0; left:0;
}
.probList .probKeyWords{
	margin-top:48px;
	height:640px;
	background:url(../images/probKeyWords.png) 74px top no-repeat;
	position:relative;
}
.probList .probKeyWords a{
	position: absolute; letter-spacing: 2px;
}
.probList .probKeyWords a.KW01{
	font-size: 26px; color:#686564;
	line-height: 26px;
	left:608px; top:72px;
}
.probList .probKeyWords a.KW02{
	font-size: 32px; color:#000000;
	font-weight: bold; line-height: 32px;
	left:302px; top:130px;
}
.probList .probKeyWords a.KW03{
	font-size: 24px; color:#898787;
	line-height: 24px;
	left:565px; top:186px;
}
.probList .probKeyWords a.KW04{
	font-size: 24px; color:#3e3a39;
	line-height: 24px;
	left:914px; top:163px;
}
.probList .probKeyWords a.KW05{
	font-size: 25px; color:#747171;
	line-height: 25px;
	left:186px; top:235px;
}
.probList .probKeyWords a.KW06{
	font-size: 22px; color:#5b5857;
	line-height: 22px;
	left:373px; top:272px;
}
.probList .probKeyWords a.KW07{
	font-size:20px; color:#5b5857;
	line-height:20px;
	left:680px; top:304px;
}
.probList .probKeyWords a.KW08{
	font-size:26px; color:#000000;
	line-height:26px; font-weight: bold;
	left:819px; top:244px;
}
.probList .probKeyWords a.KW09{
	font-size:28px; color:#000000;
	line-height:28px; font-weight: bold; 
	left:536px; top:356px;
}
.probList .probKeyWords a:hover{
	color:#1f9559;
}

/*服务步骤 -============*/
.steps{
	margin-top:180px;
}
.steps .stepsList{
	margin-top: 48px; padding:0 0 80px 0;
	overflow: hidden;
}
.steps .stepsList ul{
	width:388px; height:186px;
	padding:220px 0 0 0 ;
	margin:0 0 0 18px;
	position: relative; overflow: visible;
}
.steps .stepsList ul.step1{
	background:url(../images/steps1.png) center no-repeat;
	margin:0;
}
.steps .stepsList ul.step2{
	background:url(../images/steps2.png) center no-repeat;
}
.steps .stepsList ul.step3{
	background:url(../images/steps3.png) center no-repeat;
}
.steps .stepsList ul h2{
	text-align: center; font-size: 20px; line-height: 20px;
	color:#ffffff;
	padding: 0 0 18px 0; 
}
.steps .stepsList li{
	text-align: center; font-size: 16px; line-height: 32px;
	color:#ffffff;
}

.steps .stepsList ul a.more{
	display: block; 
	width:200px; height:40px; line-height: 40px;
	font-size: 18px; text-align: center; 
	font-weight: bold; color:#1f9559;
	border: solid 2px #1f9559; border-radius: 6px;
	position: absolute; bottom:-72px; left:50%; margin-left: -100px;
}
.steps .stepsList ul a.more:hover{
	color:#ffffff; background:#1f9559;
}



/*诊断报告 =============*/
.report{
	padding:108px 0 0 0;
}
.report .reportType{
	overflow: hidden;
	padding:48px 0 0 0;
}
.report .reportType li{
	float:left; margin:0 55px;
	width:190px; height:125px; padding:55px 0 0 0 ;
	font-size:20px; line-height: 32px;
	font-weight: bold; text-align: center;
	color:#345f8e;
} 
.report .reportType li.reportType1{
	background: url(../images/report1.jpg) center no-repeat;	
}
.report .reportType li.reportType2{
	background: url(../images/report2.jpg) center no-repeat;	
}
.report .reportType li.reportType3{
	background: url(../images/report3.jpg) center no-repeat;	
}
.report .reportType li.reportType4{
	background: url(../images/report4.jpg) center no-repeat;	
}

.report .reportAdv{
	width:470px;; height:519px;
	padding:55px 0 0 730px;
	background:url(../images/reportImg.jpg) -43px 55px no-repeat;
}
.report .reportAdv .reportAdvCont{
	width:420px; height:427px;
	margin:34px 0 0 0;
	border-radius:12px;  border:solid 2px #ccc;
	position: relative;
}
.report .reportAdv .reportAdvCont img{
	position: absolute; top:-34px; left:50%; margin-left:-81px;
}
.report .reportAdv .reportAdvCont p{
	position: absolute; top:160px;
	width:100%;
	text-align: center; color:#333;
	font-size: 24px; line-height: 48px
}
.report .secrecy{
	text-align: center; font-size:24px; color:#1f9559; line-height: 48px;
}
.report .getReport{
	display: block; width:300px; line-height: 72px;
	margin:0 auto; margin-top:18px;
	background-color: #1f9559; border-radius: 6px;
	font-size: 28px; text-align: center; font-weight: bold;
	color:#ffffff;
}

/*问诊报告*/
.product{
	background:#f4f7fd; min-width: 1200px;
	margin:88px 0 0 0; padding:64px 0 6px 0;
}
.product .productList{
	overflow: hidden;
	padding: 36px 0 0 0;
}
.product .productList li{
	float: left;
	width:278px; height: 327px;
	margin:0 11px;
}
.product .productList .list1{
	background: url(../images/overall1.png) center no-repeat;
}
.product .productList .list2{
	background: url(../images/overall2.png) center no-repeat;
}
.product .productList .list3{
	background: url(../images/overall3.png) center no-repeat;
}
.product .productList .list4{
	background: url(../images/overall4.png) center no-repeat;
}

.product .productList li h5{
	font-size: 24px; color:#e27119; line-height: 54px;
	margin-top:48px;
	text-align: center;
}
.product .productList li.list1 h5{
	color:#ffffff;
}

.product .productList li p{
	font-size: 18px; line-height: 28px;
	color:#666666;
	text-align: center;
}
.product .productList li.list1 p{
	color:#ffffff;
}

.product .moreProduct{
	display: block; width:300px; line-height: 72px;
	margin:72px auto 40px auto;
	background-color: #1f9559; border-radius: 6px;
	font-size: 24px; text-align: center; 
	color:#ffffff;
}

/* -------------------------------------------------- */
/* footer */
/* -------------------------------------------------- */

footer{
    width:100%;
    background:#2b3b4f;
    border-top:#33455d 14px solid;
    margin:auto;
    min-width:1200px;
}
.footer{
    background:#2b3b4f;
    width:1200px;
    margin:0 auto;
    text-align:left;
    padding:30px 0;
}
.footer a{
    color:#fff;
}

.footer ul{
    text-align:center;
    list-style: none;
    padding-left:0;
}
.footer li{
    display: inline-block;
    vertical-align:top;
    padding:0;
}
.footer strong{
    font-size:14px;
    color:#fff;
}
.footer2 {
    text-align:center;
    color:#fff;
    margin-top:30px;
    line-height:28px;
}


/*客服插件 ===================*/
.consult_contact{position:fixed;bottom:42%;right:0;width:114px;height:114px;cursor:pointer;}
.consult_wrap{position:relative;width:114px;height:114px;}
.consult_wrap .tip{position:absolute;right:95px;top:45px;display:none;width:160px;height:24px;border-radius:3px;font-size:14px;line-height:24px;text-align:center;background:#1f9559;color:#fff;-webkit-transition:display 1s ease;transition:display 1s ease;}
.consult_wrap .tip:after{position:absolute;right:-8px;top:50%;content:"";width:0;height:0;border-top:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #3091f2;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.consult_contact img{position:absolute;left:50%;top:50%;width:auto;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);}
.consult_contact .staff_img{z-index:999;}
@keyframes ballRotate{0%{transform:rotate(0);}
 100%{transform:rotate(360deg);}
}
.consult_contact .ball{top:20px;width:auto;transform-origin:0 38px;animation:ballRotate 2.5s infinite linear;z-index:9999;}
@keyframes bg2Animation{0%{opacity:0;}
 50%{opacity:1;}
 100%{opacity:0;}
}
.consult_contact .bg-2{animation:bg2Animation 2.5s infinite linear;}
.consult_contact:hover .tip{display:block;}