*{margin: 0;padding: 0;}


ul,li{
	list-style: none;
}
a{
	text-decoration: none;
	transition: all 0.4s;
}
a:hover{
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
    font-family: '微软雅黑';
}
span{
	transition: all 0.4s;
}

p{
	text-align: justify;
}

body{
	background: #f4ece1;
}
.lf{
	padding-left: 0;
}
.rig{
	padding-right: 0;
}

@media (min-width:320px) and (max-width:450px) {
	.padding0{
		padding: 0;
	}
}







/**********************************************  首页面     *************************/


/*************   头部        **************/
.header{
	width: 100%;		
	
    z-index: 999;
    transition:all 0.4s;	
}




/*************   导航        **************/
.daohang{
	
	
}



.navbar-header{
	display: none;
}

#navbar{
	height: 100%;
}
.menu{	
	background: #fff;
	box-shadow: 0 5px 3px 0px rgba(98, 77, 77, 0.3);
}
.menu ul li{
	
}

.navbar-inverse {
	background: none !important;
	border: none !important;
	margin: 0;
}


.nav > li > a{
	display: block !important;	
}

.nav li:last-child a{
	border: none ;
}
.navbar-inverse .navbar-nav > li:hover a{
	color: #26bfa1 !important;
}
.navbar-inverse .navbar-nav > li > a:focus{
	background:#26bfa1 ;
	color: #fff !important;
}
.navbar-inverse .active{
	
}
.navbar-inverse .active ul li{
	cursor: pointer;
	transition: all 0.5s;
}


.navbar-inverse .active ul li a{
	color: #26bfa1 !important;
	border:none;	
}
.navbar-brand{
	padding: 0 !important;
	margin-left: 15px;
}
.navbar-brand > img {
    width: 100px;
    margin-top: 15px;
}


.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
	background: none !important;
}
.navbar-inverse .navbar-toggle{
	border: none !important;
}

.navbar-toggle .icon-bar {
    background: #26bfa1 !important;
}


@media (min-width:768px) and (max-width:1920px) {
	
	.menu{ 				
		height:100px;		
		}/* nav圆角背景 rgba 透明度0.2 */
    .menu ul{
    	 list-style:none;
    	 text-align:left;
    	 }
    .menu ul li{ 
    	height: 100%;
    	
    	}
    .header .menu ul li a{
    	font-size:16px;
    	line-height: ;
    	color:#333 !important;
    	padding:20px 30px; 
    	margin-top: 20px;
    	-webkit-transition: all 0.5s; 
    	-moz-transition: all 0.5s; 
    	-o-transition: all 0.5s; 
    	-ms-transition: all 0.5s;
    	border-right: 1px solid #26bfa1;
    	}/* 背景颜色过渡效果 */
    	
    	.header .menu ul li:last-child a{
    		border: none;
    	}
    	
    	.menu ul li:hover{
    		border-bottom: 4px solid #26bfa1;
    	}
    	
    .menu ul li a:hover{ 	    
	    color:#26bfa1 !important;     
	    }
    .navbar-nav{
    	height: 100%;
		float: right !important;
		
		padding-top: 0;
	}

}

@media (max-width:767px) {
	.navbar-header{
		display: block !important;
	    background: #fff !important;
    }
    .navbar .container > .navbar-collapse{
    	background: #fff !important;
    }
    .navbar-inverse .active ul li{
    	ransition: all 0.3s;
    }
    .navbar-inverse .active ul li:hover{
	    background: #26bfa1;
}
    .navbar-inverse .active ul li:hover a{
	    color: #fff !important;
    }
    .nav > li > a{
	line-height: 30px !important;
    }
    .navbar{
    	margin: 0 !important;
    }
    .navbar-toggle{
    	background: none !important;
    }

}

.overlay{
	width: 0 !important;
}








/**************** LOGO   **************/


.logo {    
    height: 100%;
    overflow: hidden;
    float: left;
    background: url(logo.png) no-repeat center;
}
.logo a {
    display: block;
    width: 100%;
    height: 100%;
}

/*************top_head logo 和  导航        **************/
.top_head{
	background: #fff;
	top: 0;
	transition: all 0.5s;
	box-shadow: 0 2px 4px 4px rgba(98, 77, 77, 0.3);
}
.top_head .daohang{
	padding: 0;
}
.top_head .top{	
	height: 0;
	padding: 0;
}
.top_head .logo{	
	height: 60px;
	overflow: hidden;
	background: url(logo.png) no-repeat center;
}
.top_head .menu{
	box-shadow: none;
	padding: 0 !important;
	transition: all 0.4s;	
}

.top_head .navbar-inverse .navbar-toggle .icon-bar{
	background:#26bfa1 !important;
}
.top_head .menu li a{
	line-height: 60px;
	
	color: #999 !important;
	margin-top: 0 !important;
}
@media (min-width:768px) and (max-width:1920px) {
	.top_head .menu li a{
		padding: 0 30px !important;
	}
}
.top_head .navbar-brand .logo{
	margin: 0 !important;
	padding: 0;
	height: 50px;
}
.top_head .nav li:hover span a{
	color: #4a89dc;
}
.top_head .navbar{
	margin-top: 0;
}

@media (min-width:1200px) and (max-width:1920px){
	.logo{
		width:131px;
	}
	.top_head .logo{
		width:131px;
		margin-top: 0;
	}
	
}

@media (min-width:992px) and (max-width:1199px){
	.logo{
		width:131px;
	}
	.top_head .logo{
		width:131px;
	}
	
	
}

@media (min-width:768px) and (max-width:991px){	
	.menu ul li a{
		font-size: 14px !important;
	}
}

@media (min-width:320px) and (max-width:450px){
	.logo{
		width: 100px;
		margin-top: 0;
		background-size:100% ;
	}
	.top_head .logo{
		width: 100px;
		margin-top: 0;
		background-size:100% ;
	}
	.main_menu{		
		text-align: center;
	}
}











/**************** banner 图   **************/

.banner{
	position: relative;
	overflow: hidden;
}
.banner .swiper-slide{
	position: relative;
}
.banner .swiper-slide img {
    width: 100%;
}
.banner img{
	width: 100%;
}
.banner .swiper-slide a{
	position: absolute;
	display: block;
	border: 2px solid #fff;
	color: #fff;
}
.banner .swiper-slide a:hover{
	border: 2px solid #26bfa1;
	background: #26bfa1;
}
.top{	
	padding: 20px 0;
	overflow: hidden;
	z-index: 9;
	transition: all 0.4s;
}
.top p{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}
.top p a{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}





/****************************************** 首页面  内容   ***********************************/

/**************** 产品中心   **************/

.con1{
	background: #f4fbf3;
}
.tongyong_tit{
	overflow: hidden;
	text-align: center;
}
.tongyong_tit h3{
	color: #371f0a;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
}
.tongyong_tit p{
	color: #3e2209;
	margin-bottom: 0;
	text-align: center;
	background: url(title_bj.png) no-repeat center;
}
.tongyong_tit span{
	text-align: center;
}


.cp_one{
	overflow: hidden;
}
.cp_one .post-slide{
	margin: 0 15px;
	border: 1px solid #949494;
}
.post-slide .post-img{
	overflow: hidden;
	text-align: center;
}
.post-slide .post-img img{
	
}
.cp_one .post-slide .post-img img{
	width: 100%;
}


.post-slide .post-content{		  
	padding-top: 20px;
	width: 100%;
    margin: 0 auto;
}
.post-slide .post-title{
	font-size: 14px;		  
	margin-bottom: 0;
	text-align: center;
	line-height: 25px;
	color: #333;
	text-transform: capitalize;
}
.post-slide .post-title a{
	display: inline-block;
	color: #000;
	transition: all 0.3s ease 0s;
}
.post-slide .post-title a:hover{
	color: #3d3030;
	text-decoration: none;
}

.post-title p{
	text-align: center;
}






/**************** 成功案例   **************/

.con2{
	overflow: hidden;
	background: #f4ece1;
}


.owl-carousel .owl-stage-outer{
	height: 100%;
}
.owl-carousel .owl-stage{
	height: 100%;
}
.owl-carousel .owl-item{
	height: 100%;
}
#owl-demo .item{
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.6s; 
	position: relative;
}
.owl-carousel .owl-item img{
	height: 100%;
}
.owl-controls{
	margin-top: 60px;
	overflow: hidden;
}
.owl-buttons{
	overflow: hidden;
	height: 40px;
	position: relative;
}
.owl-buttons div{
	transition: all 0.4s;
	padding: 0 8px;
	top: 0;
}
.owl-buttons div a{
	line-height: 25px;
}
.owl-buttons div:hover a{
	color: #fff;
}
.owl-prev{
	cursor: pointer;
	width: 35px;
	height: 35px;
	position: absolute;
	left: 10px;
	z-index: 10;	
}
.owl-carousel .owl-prev a{
	font-family: sans-serif;
	font-size: 53px;
}

.owl-next{
	cursor: pointer;
	width: 35px;
	height: 35px;
	position: absolute;
	right: 10px;
	z-index: 10;
}
.owl-carousel .owl-next a{
	font-family: sans-serif;
	font-size: 53px;
}

.anli .item .hexIn {
    display:block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    position: relative;
}


.anli .item .hexIn img {
    width: 100%;
    display: block;
}


.anli .item .hexIn h1, .hexIn p {
    width: 100%;
    position: absolute;
    padding: 6%;
    box-sizing:border-box;
    background-color: rgba(11, 15, 15, 0.5);
    font-weight: 300;
   transition: all 0.3s;
}
.anli .item .hexIn h1 {
	font-size: 20px;
    bottom: 50%;
    padding-top:50%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    z-index: 1;
    margin: 0;
    transform:translateY(-100%) translatez(-1px);
}
.anli .item .hexIn p{
	font-size: 14px;
}
.anli .item .hexIn h1:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 36%;
    width: 30%;
    text-align: center;
    border-bottom: 2px solid #fff;
}
.anli .item .hexIn p {
    top: 50%;
    padding-bottom:50%;
    transform:translateY(100%) translatez(-1px);
    margin: 0;
}


/********** HOVER  *************/
.anli .item .hexIn:hover h1, .anli .item .hexIn:focus h1,
.anli .item .hexIn:hover p, .anli .item .hexIn:focus p{
   
            transform:translateY(0%) translatez(-1px);
}









/**************** 新闻中心   **************/

.con3{
	overflow: hidden;
	background: #ffd042;
}

.news{
	overflow: hidden;
}
.news_lf{
	overflow: hidden;
}
.news_lf ul{
	overflow: hidden;
	margin: 0;
}
.news_lf ul li{
	
}
.news_img{
	display: block;
}
.news_img img{
	width: 100%;
}
.news_lf ul li h3{
	overflow: hidden;
	margin: 0;
}
.news_lf ul li h3 a{
	color: #371f0a;
	display: block;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news_lf ul li h3 span{
	color: #999;
}
.news_lf ul li p{
	color: #666;
	margin: 0;
}



.news_rig{
	overflow: hidden;
}
.news_rig ul{
	overflow: hidden;
	margin: 0;
}
.news_rig ul li{
	overflow: hidden;
	position: relative;
	transition: all 0.3s;
}
.news_big{
	overflow: hidden;
	transition: all 0.3s;
}
.news_big:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	height: 100%;
	border-left: 4px solid #26bfa1;
	transition: all 0.3s;
}
.news_rig ul li:hover .news_big{
	background: #fff;
}
.news_rig ul li:hover .news_big:before{
	opacity: 1;
}
.news_con_lf{
	
}
.news_con_lf:after{
	transition: all 0.3s;
}
.news_rig ul li:hover .news_con_lf:after{
	border-right: 1px solid #c7c7c7;
}
.news_rig ul li .news_con_lf:before{
	color: #371f0a;
	position: absolute;
}
.news_rig ul li:nth-child(1) .news_con_lf:before{
	content: "01";	
	color: #371f0a;
}
.news_rig ul li:nth-child(2) .news_con_lf:before{
	content: "02";	
	color: #371f0a;
}
.news_rig ul li:nth-child(3) .news_con_lf:before{
	content: "03";	
	color: #371f0a;
}
.news_con_rig h3{
	overflow: hidden;
	margin: 0;
}

.news_con_rig{
	overflow: hidden;	
}

.news_con_rig h3 a{
	color: #371f0a;
	display: block;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news_rig ul li:hover .news_con_rig h3 a{
	font-weight: bold;
}
.news_con_rig h3 span{
	color: #999;
}
.news_con_rig p{
	color: #666;
	margin: 0;
}







/**************** 关于我们   **************/

.con4{
	overflow: hidden;
	background: #f4fbf3;
}
.about{
	overflow: hidden;
}
.about img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 30px;
}
.about p{
	color: #333;
	text-indent: 2em;
	line-height: 25px;
}













/**********************************************  分页面     *************************/

.banner2{
	overflow: hidden;
}
.banner2 img{
	width: 100%;
}

.head{
	position: fixed;
	top: 0;
	transition: all 0.5s;
}
.head .daohang{
	padding: 0;
}
@media (min-width:320px) and (max-width:450px) {
	.head{
		position: inherit;
	}
}

.top_head2{
	position: fixed;
	top: 0;
	background: #fff;
	transition: all 0.5s;
	box-shadow: 0 2px 4px 4px rgba(98, 77, 77, 0.3);
}


/**************** 图片列表页   **************/

.cp_query{
	overflow: hidden;
}
.cp_con{
	overflow: hidden;
	padding: 10px;
}

.fenlei{
	overflow: hidden;
}
.fenlei h3{
	text-align: center;
	color: #371f0a;
	font-weight: bold;
    border-bottom: 2px solid #371f0a;
    padding: 15px;
}
.fenlei .wrapper04 {
	position:relative;
	height:60px;
	width: 100%;
	overflow: hidden;
	margin:0 auto;
}
.fenlei .wrapper04 .scroller {
	position:absolute;
}
.fenlei .wrapper04 .scroller li {	
	
	float: left;			
}
.fenlei .wrapper04 .scroller li a{
	display: inline-block;
	padding: 15px 20px;
	width: 100%;
	height: 100%;
	color:#333;
	background: #fff;
	font-size: 14px;		
	text-align: left;
	
	cursor:pointer;
	text-align: center;
}

.fenlei .wrapper04 .scroller li.cur a{
	background: -webkit-linear-gradient(bottom,#26bfa1,rgb(105, 233, 207));
	text-align: center;
	color:#fff;
}




.cp_query_list{
	overflow: hidden;
	background: #fff;
    padding: 10px 0;
    box-shadow: 0 0 3px 2px #decfd1;
}


.cp_query_list ul{
	overflow: hidden;
	margin: 0;
}
.cp_query_list ul li{
	overflow: hidden;
	margin-bottom: 15px;
}
.cp_query_list .hex {       
    float: left;
    overflow: hidden;
    
}
.cp_query_list .hex+.hex{
	
}


.cp_query_list .hexIn {
    display:block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    position: relative;
}


.cp_query_list .hex img {
    width: 100%;
    display: block;
}


.cp_query_list .hex h1, .hex p {
    width: 100%;
    position: absolute;
    padding: 5%;
    box-sizing:border-box;
    background-color: rgba(11, 15, 15, 0.5);
    font-weight: 300;
   transition: all 0.3s;
}
.cp_query_list .hex h1 {
    bottom: 50%;
    padding-top:50%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    z-index: 1;
    margin: 0;
    transform:translateY(-100%) translatez(-1px);
}
.cp_query_list .hex h1:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 36%;
    width: 30%;
    text-align: center;
    border-bottom: 2px solid #fff;
}
.cp_query_list .hex p {
    top: 50%;
    padding-bottom:50%;
    transform:translateY(100%) translatez(-1px);
    margin: 0;
}


/********** HOVER  *************/
.hexIn:hover h1, .hexIn:focus h1,
.hexIn:hover p, .hexIn:focus p{
   
            transform:translateY(0%) translatez(-1px);
}








/**************** 详情页   **************/

.detail{
	overflow: hidden;
	background: #fff;
	box-shadow: 0 0 3px 2px #decfd1;
    margin-top: 20px;
}

.detail_tit{
	overflow: hidden;
	text-align: center;
}
.detail_tit h3{
	color: #269982;
	text-align: center;
}
.detail_tit span{
	display: block;
	text-align: center;
	color: #999;
	font-size: 12px;
	border-top: 1px dashed #999;
    border-bottom: 1px dashed #999;
    padding: 5px 0;
}
.detail_tit span dd {
    display: inline-block;
    text-shadow: #fff 1px 1px 1px;
}

.detail_info{
	overflow: hidden;
	margin-top: 20px;
}

.detail_info p{
	color: #666;
	text-indent: 2em;
}

.detail_info img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}








/**************** 新闻列表页   **************/

.news_query_list{
	overflow: hidden;
	background: #fff;
	box-shadow: 0 0 3px 2px #decfd1;
}

.news_query_list ul{
	overflow: hidden;
	margin: 0;
	
}
.news_query_list h3{	
	margin: 0;
}
.news_query_list ul li{
	width: 100%;
	overflow: hidden;
	
	position: relative;
}

.news_query_list ul li span{
	display: inline-block;		
	color: #05b08e;
	word-break: break-all;
	position: absolute;
}
.news_query_list_con{	
	
}
.news_query_list_con a{
	display: block;
	width:100%;
	color: #333;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news_query_list ul li:hover .news_query_list_con a{
	color: #05b08e;
	font-weight: bold;
}
.news_query_list_con i{
	display: block;
	font-size: 12px;
}
.news_query_list_con p{
	color: #666;
	transition: all 0.4s;
}
.news_query_list ul li:hover .news_query_list_con p{
	color: #999;
}






/**************** 底部   **************/

.footer{
	overflow: hidden;
	background: #0f8972;
}

.foot{
	overflow: hidden;
}

.foot_lf{
	overflow: hidden;
}
.foot_lf img{
	max-width: 100%;
}

.foot_center{
	overflow: hidden;
	text-align: center;
}
.foot_center_box{
	display: inline-block;
	margin: 0 auto;
}
.foot_center h3{
	color: #fff;
	text-align: center;
}

.foot_center_lf{
	overflow: hidden;
	padding: 0;
}
.foot_center_lf p{
	text-align: center;
}

.foot_center_rig{
	overflow: hidden;
}
.foot_center_rig p{
	color: #fff;
	font-size: 14px;
	line-height: 35px;
	margin: 0;
}

.foot_rig{
	overflow: hidden;
	float: right;
}

.foot_rig img{
	max-width: 100%;
}

.foot_shouji{
}
.foot_shouji p{
	font-size: 12px;
	color: #fff;
	text-align: center;
	margin: 0;
}








/*********翻页          开始***********/
.page{
	padding: 20px 0;
	overflow: hidden;
	text-align:center;
	color: #999;
	margin-top: 40px;
}
.pages {   
    display: inline-block;
}
.page .redfont{
	color: #fff;
	padding:5px 10px ;
	background-color: #26bfa1;	
    margin-bottom: 10px;
    display: inline-block;
}
.page a{
	color: #26bfa1;
	padding:5px 10px ;
	background-color: #fff;
	margin: 0 6px;
        display: inline-block;
}
.page a:hover{
	background-color: #26bfa1;
	color: #fff;
}
@media (max-width:767px) {
	.page span:nth-of-type(1){
		display: none;
     }
}
.page a:nth-of-type(1){
	color: #26bfa1;
	padding:5px 10px ;
	background-color: #fff;	
}
.page a:nth-of-type(1):hover{
	background-color: #26bfa1;
	color: #fff;
}

.page a:nth-of-type(2){
	color: #26bfa1;
	padding:5px 10px ;
	background-color: #fff;
}
.page a:nth-of-type(2):hover{
	background-color: #26bfa1;
	color: #fff;
}

.page .nextpage{
	padding:5px 10px ;
	background-color: #fff;
	
	margin-left: 5px;
}
.page .nextpage:hover{
	background-color: #26bfa1;
	color: #fff;
}
.page .lastpage:hover{
	background-color: #26bfa1;
	color: #fff;
}
.page .lastpage{
	padding:5px 10px ;
	background-color: #fff;
	
}

/*********翻页          结束***********/








/* * * * * * * * * * * * *表单页          开始  * * * * * * * * * */

.form {padding-left: 0;}
.form input{ width: 100% !important;height: 48px;border: 1px solid #ccc !important;background: #fff !important;border-radius:0 !important;}
.form span{width:100% !important;color: #999 !important; font-size: 14px;line-height:35px ;
         text-align: left !important;
         margin-left: 0 !important;
}
.form input{
	
}
.form textarea{ padding: 10px !important;border: 1px solid #ccc !important; width: 100% !important;background: #fff !important; height: 150px !important;
margin-left: 0 !important;}
.validatebox-invalid{ background-image: none !important; padding-left: 10px !important; background-color: #FCEDEA;}
.form .nine-add{width:120px !important; margin-left: 9px !important;transition: all 0.5s !important;}
.form .nine-add:hover{background: #A80000; color: #bb2200 }
.form .nine-username,.nine-sex,.nine-phone,.nine-message{ margin-left: 10px !important;margin-top:15px !important;}
.easyui-validatebox{ padding-left: 10px !important; color: #666;margin-left: 0 !important;}
.form .nine-btn-box{width:;margin:0 auto !important;margin-top: 15px !important;margin-left: 0;}
.form .nine-box{
	width: 90%;
    margin: 0 auto;
}
.form #sure{
	background: #6bd3db !important;
	color: #fff !important;
	height: 42px !important;
	font-size: 16px;
}
.form #sure:hover{
	background: #337ab7 !important;
	color: #fff !important;
}
.form input:hover{
	border: 1px solid #29cee1 !important;
}
.form textarea:hover{
	border: 1px solid #29cee1 !important;
}
.form input:focus{
	border: 2px solid #29cee1 !important;
}
.form textarea:focus{
	border: 2px solid #29cee1 !important;
}
/* * * * * * * * * * * * *表单页          结束  * * * * * * * * * */