@charset "utf-8";
/*======QQ 503305196======*/
/**样式重置**/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
        margin:0;
        padding:0;
}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;
font-weight:normal;}
ol,ul,li{list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}


/*全局样式*/
body{width:100%;background:#FFF; font-family:"微软雅黑","宋体"; color:#666;}
a{ text-decoration:none;}
a:link,a:visited{color:#FFF;}
a{outline:none;}
/*header*/
header{width:100%;min-width:1000px; height:70px;background:#333333; padding:40px 0;}
.nav{width:600px; height:30px; margin:0 auto; padding-left:400px; padding-top:40px; background:url(../images/logo1.jpg) no-repeat left bottom;}
.nav ul{ width:600px; height:30px;}
.nav ul li{width:100px; height:30px; float:left;position:relative; font-size:18px; text-align:center; line-height:30px; color:#FFF;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.nav ul li:hover{ background:#4CBB91;}
.nav .one{ width:100px; height:120px; position:absolute; left:0;z-index:100;background:#4CBB91; display:none;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; z-index:100;}
.nav .one li:hover{background:#B9E3D3;}
.nav .two{ width:100px; height:150px; position:absolute; left:0;z-index:100;background:#4CBB91; display:none;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; z-index:100;}
.nav .two li:hover{background:#B9E3D3;}
.nav .two .three{ width:100px; height:150px;position:absolute; left:100px; top:0; background:#00CCCC; display:none; z-index:100;}
.nav .two .three a{ font-size:14px;}
.nav .two .for{ width:100px; height:60px; position:absolute;left:100px; top:0; background:#00CCCC; display:none; z-index:100;}
.nav .two .for a{ font-size:14px;}
.nav .two .five{ width:100px; height:150px; position:absolute;left:100px; top:0; background:#00CCCC; display:none; z-index:100;}
.nav .two .five a{ font-size:14px;}

/*tips*/
.tips1{ width:90%; margin:0 auto;  min-width:1000px; padding-top:85px; height:65px; position:relative;}
.tips1 p{ width:300px; color:#FFCC00; font-size:24px; border-bottom:5px solid #FFCC00; text-align:center; position:absolute; left:50%; margin-left:-150px; top:52px;}
.tips1 span{ width:100%;display:block; border-top:2px solid #CCCCCC; text-align:center; font-size:24px; color:#000;}

/*footer*/
footer{width:100%;min-width:1000px; background:#000;}
.foot_warp{width:1000px; min-width:1000px; padding-top:50px;margin-left:auto; margin-right:auto; color:#FFF; overflow:hidden;}
.foot_clom{ width:300px; height:260px;float:left;}
.foot_min{width:200px;}
.foot_cen{width:350px; padding-left:50px;}
.foot_clom h1{ font-size:26px;height:60px; padding-left:60px; line-height:60px; color:#4CB991;}
.foot_clom .ico1{ background:url(../images/lit_ico1.jpg) no-repeat left center;}
.foot_clom .ico2{ background:url(../images/lit_ico2.jpg) no-repeat left center;}
.foot_clom .ico3{ background:url(../images/lit_ico3.jpg) no-repeat left center;}
.foot_clom ul{ width:100%; height:auto;}
.foot_clom ul li{ width:100%; height:40px; line-height:40px;}
.copyright{text-align:center; padding-top:200px; padding-bottom:20px; background:url(../images/erweima1.jpg)  no-repeat center 30px;} 
.copyright span{ color:#4CB991;}



/**about页面***/
.top_banner{width:100%; min-width:1000px; height:auto;}
.top_banner img{width:100%; height:auto; display:block;}

.about_content{ width:1200px; height:auto;margin:0 auto;}
.control{width:1200px; height:50px; padding-top:90px; border-bottom:1px solid #999; position:relative;}
.control ul{ width:1200px; height:50px;}
.control ul li{ width:200px; height:50px; float:left; text-align:center; line-height:50px; font-size:20px; cursor:pointer;}
.ltext{ padding-top:30px;}
#tip{ position:absolute; left:0; bottom:-3px; width:100px; height:6px; padding-left:40px;}
#tip span{ display:block; width:110px; height:6px; background:#4CB991;}

.fixed{ position:fixed; top:0; background:#000;}

/*关于我们和联系我们css样式*/
.content{ width:1200px; height:auto; padding:0 0 100px; overflow:hidden;}  
#page1,#page2,#page3,#page4,#page5{ width:1200px; height:auto;}
.content h1{ font-size:20px; padding-bottom:30px;color:#4CB991;}
.content p{ padding-bottom:50px; line-height:30px;}
.content a:visited,.content a:link{ color:#4CB991;}
.content img{ display:block;}
.intordct{ padding-top:40px;}
.page2img{ padding-top:40px;}
#page3{ padding-top:30px;}
#page4{ padding-top:50px;}
#page4 dl{ width:958px; padding:10px;margin:0 auto; margin-bottom:50px; overflow:hidden;
		-webkit-box-shadow:0 0 10px #000;
		-moz-box-shadow:0 0 10px #000;
		box-shadow:0 0 10px #000;}
#page4 dd{ float:left; width:380px; height:240px; position:relative;overflow:hidden;}

#page4 dt{ padding-left:28px; width:550px; height:240px;float:left;}
#page4 dt h2{ font-size:20px; color:#4CB991; margin-bottom:20px;}

#slid{position:absolute;left:0; width:1140px; height:240px; }
#slid ul{width:1140px;height:240px; clear:both;}
#slid ul li{width:380px; height:240px; float:left;}


.page4_box{ padding:25px; width:950px; height:250px; background:#EEE; margin-bottom:30px;}
.page4_box_left{ float:left; width:550px; height:250px;}
.page4_box_right{ float:left; width:400px; height:250px;}
.page4_box_right img{ margin:0 auto;}


/*案例页面  css样式*/
.more{width:1000px; height:50px; padding-top:50px;}
.more a{ display:block; width:400px; height:50px;margin:0 auto; background:url(../images/more.png) no-repeat center #4CB991; border-radius:5px;}
.content .casewarp{ width:999px; height:auto; overflow:hidden; margin:0 auto;}
.casewarp .case_li{ width:333px; height:270px; margin-bottom:30px;float:left;}
.case_img_box{position:relative; width:240px; height:170px; background:#E3E3E3; margin:0 auto; padding:25px 10px; overflow:hidden;}
.case_img_box img{display:block;}
.case_img_box .mask{ position:absolute; left:0; top:-230px; padding:20px; width:220px; height:180px; background:#FFF; color:#4CB991; text-align:left;}
.case_img_box .mask img{ margin:0 auto;}
.case_img_box .mask p{ padding:0; width:240px; height:30px;}

.casewarp .case_li h2{ margin:0 auto; width:240px; height:50px; line-height:50px; font-size:18px; text-align:center;}

/* ============新增page5样式============= */

#page5 h2{ width:1191px; height:30px; line-height:30px; border-left:4px solid #4CB991; font-size:30px; padding-left:5px; font-weight:bold; overflow:hidden;}
.page5_box{ width:1100px; margin:20px auto;overflow:hidden;}
.page5_box h3{ text-align:center; width:1100px; height:30px; font-size:25px; color:#000;}
.page5_box h4{ height:30px; line-height:40px; color:#47BC90; font-size:20px; font-weight:bold; margin-bottom:20px;}
.page5_box p{ width:1080px; padding:0;}
#page_img img{ margin:5px auto;}
.page5_box strong{ display:block; width:310px; margin:0 auto;text-align:center; font-weight:bold;font-size:20px;}
.introduce{ width:1000px; height:300px; overflow:hidden;}
.intr_left{ width:500px;float:left;height:300px; line-height:1.8em;}
.intr_right{width:490px; float:right;height:300px;}
.page5_list{ width:920px; overflow:hidden; margin-bottom:10px;}
.page5_list li{ width:290px; height:280px; float:left; margin-right:5px; background:#548235;-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px;border-radius:10px; text-align:center; padding:10px 0 0 10px;}
.page5_list li img{ width:280px;}
.page5_list li span{ width:280px; height:50px; padding-top:10px;color:#FFF; font-size:16px; text-align:left; display:block;}
.page5_inst{ width:900px; overflow:hidden; margin:0 auto;}
.page5_inst li{ width:285px;  height:500px;float:left; margin:0 5px 30px 0; overflow:hidden;}

/* ============新增page5样式结束============= */

/* ============新增page6样式开始============= */
#page6_new{ width:1100px; color:#999999;}
#page6_new h1{color:4CB9AC; margin:0; padding:0;}
#page6_new p{margin:0; padding:0; text-indent:2em;}

/* ============新增page6样式结束============= */

/*新闻动态 css样式*/
.title_lit{width:200px;height:auto; float:left; background:#4CBB91; text-align:center;}
.title_lit ul{width:200px; height:700px;}
.title_lit ul li{ width:200px; height:auto;}
.title_lit .now{ background:#318064;}
.content .title_lit a{display:block;width:180px; padding:30px 10px; color:#FFF;}
.content .title_lit a:hover{ background:#318064;}

.text_content{width:760px; height:auto; float:left; padding-left:40px;}
.text_content h1{ text-align:center; color:#333;}
.text_content .time{text-align:right; color:#4CBB91;}


/*招聘页面样式*/
.pin_title{
		width:958px; height:auto; padding:0 10px; padding-top:50px; margin:0 auto;
		-webkit-box-shadow:0 0 10px #000;
		-moz-box-shadow:0 0 10px #000;
		box-shadow:0 0 10px #000;
		}
.pin_title h1{ text-align:center;}	
	
.pin_box{width:958px; height:auto; padding:0 10px; padding-top:50px; margin:0 auto;
		margin-top:50px;
		-webkit-box-shadow:0 0 10px #CCC;
		-moz-box-shadow:0 0 10px #CCC;
		box-shadow:0 0 10px #CCC;
		}
.bg_pin1{ background:url(../images/bg_pin1.jpg) no-repeat top right;}
.bg_pin2{ background:url(../images/bg_pin2.jpg) no-repeat bottom right;}	
.bg_pin3{ background:url(../images/bg_pin3.jpg) no-repeat bottom right;}
.bg_pin4{ background:url(../images/bg_pin4.jpg) no-repeat bottom right;}			
		
/**详细标签案例页面 css*/
.case_biao_warp{width:780px; height:auto;float:left; padding-left:20px;}
.case_top{ width:780px; height:310px; overflow:hidden;}
.case_top img,.case_top6 img{ width:730px;margin:0 auto;}
.case_top6{ width:780px;}
.case_biao_warp ul{ width:780px;overflow:hidden;}
.case_biao_warp .case_width{ width:365px;}
.case_biao_warp .case_width img{ width:356px;}
.case_biao_warp ul li{ width:240px; height:190px;float:left; margin:10px; position:relative; text-align:center; overflow:hidden;}
.case_biao_warp ul li img{width:224px; height:160px;border: 4px solid #CCCCCC; padding:2px 0;} 
.case_biao_warp ul li span{position:absolute; left:0; top:-240px; width:200px; height:130px; background:#FFF; color:#4CBB91; padding:20px;}

.case_biao_warp .heterosex{ height:auto;}
.case_biao_warp .heterosex img{ height:330px;}
.case_biao_warp ul li span p{ margin:0; padding:0;}

.biao_display{width:780px; height:600px; position:relative; overflow:hidden;}
.biao_display ol{position:absolute; left:0; top:0;width:inherit; height:600px;}
.biao_display ol li{width:780px; height:600px; position:relative; float:left;}
.biao_display ol li img{display:block;}
.biao_display ol li p{ background:#000; padding:20px;position:absolute; bottom:0; color:#4CBB91;}

.prve_next_con{ position:absolute; top:100px; width:780px; height:200px;color:#4CBB91;}
#prve{ display:block; width:200px; height:200px;float:left; font-size:60px; line-height:200px; text-align:center; cursor:pointer;}
#next{ display:block; width:200px; height:200px;float:right; font-size:60px;line-height:200px; text-align:center; cursor:pointer;}