/* -------------------------------------------------- */
/* 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 */
/* -------------------------------------------------- */
body {
    font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 24px;
    padding: 0;
    color:#000;
}
a {
    text-decoration: none;
}

*{
    margin:0;
    padding:0;
	list-style:none;
	font-family: '微软雅黑';
	color:#333;
}
.wrapper{
	width:1200px;
	margin:0 auto;
}
.f_l{
	float: left;
}
.f_r{
	float:right;
}
.floor_ti{
	line-height: 70px;
	font-size:40px;
	font-weight: normal;
	color:#175a36;
	text-align: center;
}
/* -------------------------------------------------- */
/* 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 */
/* -------------------------------------------------- */



/*banner*/
.fullwidthbanner{
    width:100%;
	height: 530px;
    min-width:1200px;
	background:url(../images/fullbanner.jpg) no-repeat center;
	background-color: #7b5849;
}
.fullwidthbanner .wrapper{
	position: relative;
}
.fullwidthbanner .button{
	display: block;
	width:243px;
	line-height: 58px;	color:#ffffff;
	text-align: center;	font-size: 24px;
	cursor: pointer;
	position:absolute;	left:448px;	top:310px;
	border: solid 2px #fff; border-radius: 6px;
}

/*环保管家简介=====================*/

.Steward{
	padding:108px 0 0 0; 
	position: relative;
}
.Steward .stewCont{
	font-size: 18px; line-height: 32px;
	color:#666666;
	margin: 48px 0 0 0 ;
}
.Steward .stewCart{
	position:absolute; right:220px; top:24px;
	z-index: -1;
}
.Steward .advance{
	overflow: hidden;
	margin:72px 0 0 0 ;
} 
.Steward .advance li{
	width:200px; 
	margin:0 92px;
	text-align: center;
}
.Steward .advance li p{
	margin:25px 0 0 0;
	text-align: center; color:#175a36;
	font-size:20px;
}


/*跑马灯 轮播--------------------*/
.txtMarquee-left{ 
	width:1140px; 
	padding:0 0 0 60px;
	text-align:center;
	margin: 0 auto;
	margin-top:4px;
	background: url(../images/broad_icon.jpg) no-repeat left center;
	position: relative;
}
.txtMarquee-left .icon{
	width:35px;
	height:44px;
	background:url(../images/bro_icon.png);
	position: absolute;
	left:60px;
	top:0;
	z-index: 99;
}

.txtMarquee-left .bd{
	overflow:hidden;
}
.txtMarquee-left .bd .tempWrap{
	width:1140px !important; 
}/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .infoList{
	overflow:hidden;
	zoom:1; 
	list-style:none;
	text-decoration:none;
}
.txtMarquee-left .infoList li{
	color:#f29900;
	margin-right:48px;  
	padding-left:18px;
	line-height:44px !important;
	float:left; 
	width:auto !important;  
}/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .infoList li a{
	line-height:44px !important;  
	text-align:left; 
	color:#f29900;
	font-size:14px;
	text-decoration: underline;
}/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */


/*服务产品 手风琴==============*/
.ziyuanWGH{
	margin-top:108px;
	height:401px;
}
.ziyuanWGH .zpmenu{
	width:1200px;
	display:inline;
}
.ziyuanWGH dl{
	width:1200px;
	float:left;
	height:401px;
	overflow:hidden;
}
.ziyuanWGH dt{
	width:200px;
	float:left;
	height:401px
}
.ziyuanWGH dt img{
	width:200px;
	display:block;
	float:left;
	cursor:pointer
}
.ziyuanWGH dd{
	position:relative;
	width:400px;
	display:block;
	float:left;
	height:401px;
	overflow:hidden
}
div.ziyuanWGH dl#slider2 dd div.zpinfor{
	display:inline;
	float:left;
	overflow:hidden;
}
.ziyuanWGH dd .show_pro_t{
	margin:0 16px;
	line-height: 70px;
	font-size:45px;
	font-weight: normal;
	color:#175a36;
	border-bottom: solid 1px #ccc;
	text-align: center;
}
.ziyuanWGH dd ul{
	width:397px;
	padding:0 0 0 3px;
	float:left;
	height:401px;
	clear:both
}
.ziyuanWGH dd ul li{
	display:inline;
	white-space:nowrap;
	float:left;
	width:165px;
	height: 150px;
	margin:7px 16px;
}
.ziyuanWGH dd li .prod_img{
	display: block;
}
.ziyuanWGH dd li .intr_c{
	display:block; 
	text-align: center;
	color:#175a36; 
	font-size:14px;
	font-weight: bold;
	line-height: 18px;
	margin:4px 0 0 0;
}
.ziyuanWGH dd li .intr_c span{
	font-weight: normal;
	color: #666666; 
	font-size: 13px;
}



/*环保医生===================*/
.doctor{
	padding:108px 0 0 0;
	overflow: visible;
}
.doctor .subFloor_ti{
	font-size: 24px; color:#333333; 
	margin:16px 0 0 0;
	text-align: center;	font-weight: normal;
}
	/*tab切换界面================*/
.doctor .slideTxtBox{
	width:1200px; height:590px; padding:3px 5px 5px 3px;
	margin:40px 0 0 -3px;
	background: url(../images/doctor_bg.jpg) center no-repeat;
}

.doctor .slideTxtBox .hd{
	width:340px;
}
.doctor .slideTxtBox .docStep{
	padding:85px 25px 0 20px;
}
.doctor .slideTxtBox .docStep li{
	height: 108px; padding:28px 0 0 120px;
	border-top: dashed 2px #c2c2c2;
	font-size: 24px; line-height:40px;
	 color:#333333; font-weight: bold;
}
.doctor .slideTxtBox .docStep li:hover{
	cursor: pointer; color:#175a36;
}
.doctor .slideTxtBox .docStep li.on{
	color:#175a36;
}

		/*各个tab选项属性*/
.doctor .slideTxtBox .docStep li.step1{
	background: url(../images/docStep1.jpg) 15px center no-repeat;
}
.doctor .slideTxtBox .docStep li.step2{
	background: url(../images/docStep2.jpg) 25px center no-repeat;
}
.doctor .slideTxtBox .docStep li.step3{
	background: url(../images/docStep3.jpg) 25px center no-repeat;
	border-bottom: dashed 2px #c2c2c2;
}
	/*tab切换界面 内容================*/
.doctor .slideTxtBox .bd{
	width:704px; padding:0 0 0 156px;
}
.doctor .slideTxtBox .docIntro{
	position: relative;
}
.doctor .slideTxtBox .docIntro .docImg{
	position: absolute;
	top:1px; right:1px;
	z-index: 1;
}
.doctor .slideTxtBox .docIntro .docCont{
	width: 324px; height:206px; padding:12px 18px;
	color: #ffffff;	background-color:#4f72aa;
	z-index: 99; box-shadow: #333 0 0 4px;
	font-size: 18px; line-height:32px; 
	position: absolute;
	top: 330px; left:0;
}
.doctor .slideTxtBox .docIntro .docMore{
	width:200px; line-height:54px; 
	font-size:20px; color:#ffffff;
	text-align: center;
	border-radius: 12px;
	background-color:#175a36;
	position: absolute;
	right:78px; top:435px;
	z-index: 99;
}
		/*第三个tab触发效果*/
.doctor .slideTxtBox .docIntro3 .docImg{
	position: absolute;
	top:39px; right:34px;
}

/*环保全科 ===================*/
.overall{margin-top:136px;}
.overall .productsDe{margin:50px 0 0 0;}
.overall .productsDe li{overflow:hidden; background-color: #ffffff;}
.overall .productsDe .left{font-size: 20px; font-weight: bold; line-height: 24px; width: 30px; height: 114px; padding:16px 10px 0 10px; text-align: center; border-radius: 8px 0 0 8px; background-color:#d9f4eb; color:#1f9559;}

.overall .productsDe .right{width:1025px; height: 104px; margin:0 44px 0 66px; padding:20px 5px 8px 10px; border-bottom:solid 2px #cccccc; }
.overall .productsDe .right p{width:205px;}
.overall .productsDe .right a{padding: 12px 16px 12px 0; line-height: 56px; font-size: 16px; color:#999999; font-weight: bold; }
.overall .productsDe .right a.hot_i{background-image: url(../images/hot.png); background-repeat: no-repeat; background-position:top right; overflow: visible;}

.overall .productsDe li.on .left{background-color: #1f9559; color:#ffffff;}
.overall .productsDe li.on .right a{color: #1f9559;}




/*资源单位=================*/
.resources{
	width: 100%; min-width:1200px; height:600px;
	background: #edf5fd;
	margin:120px 0 0 0 ;
}
.resources .floor_ti{padding:40px 0 0 0;}

.resources .picScroll-left{
	margin:60px 0 0 105px;
	width:990px;  overflow:hidden; 
}
	/*资源单位 tab*/
.resources .picScroll-left .hd{
	margin:40px 0 0 0;
	
}
.resources .picScroll-left .hd ul{
	text-align: center; zoom:1;
}
.resources .picScroll-left .hd li{
	display: inline-block;  
	width:40px; height:8px; border-radius: 4px;
	margin-right:16px; text-indent:-9999px; 
	cursor:pointer; 
	background:#999;
}
.resources .picScroll-left .hd li.on{
	background: #175a36;
}
	/*资源单位 内容*/
.resources .picScroll-left .bd{
}
.resources .picScroll-left .bd ul{
	overflow:hidden; zoom:1; 
}
.resources .picScroll-left .bd li{
	float:left;
}
.resources .picScroll-left .bd li a{
	display: block; 
	width: 330px;
	text-align:center;
}
.resources .picScroll-left .bd li a img{
	width: 330px;
}

/*news ==============*/
.news{
	padding:90px 0 0 0;
}
.news .newsList{
	overflow: hidden;
	width:1320px; margin:48px 0 0 -60px;
}
.news .newsList li{
	float:left;
	width: 320px; border-radius: 6px;
	margin:0 60px 0 60px; 
}
.news .newsList li p{
	padding:20px 10px;
	font-size: 18px; 
	line-height: 32px;
}

/*banner_bottom*/
.banner_bottom{
	width:100%;	height: 321px;
	margin: 80px 0 0 0;
    min-width:1200px;
	background:url(../images/fullbanner_bottom.jpg);
    background-repeat:no-repeat;
    background-position: center;
	background-color: #01528c;
}


/* -------------------------------------------------- */
/* 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;}