/************
 * 页面样式
 ************/
/*=============
 * 基础默认样式
 =============*/

html{
    margin: 0;
    padding: 0;	}
:selection{
	background: #b3d4fc;
	text-shadow: none;	}

ul,h1,h2,h3,p,div,dl,dt,dd,figure,figcaption{
	margin: 0;
	padding: 0;}
li{list-style: none;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
img{
	max-width: 100%; 
	height: auto; 
	transition: all .5s;}
.flex{
	display: flex;}
/*=============
 * 工具样式
 =============*/
.center-block{
	display: block;
	margin-right: 0;
	margin-left: 0;}
.pull-right{
	float: right !important;}
.pull-left{
	float: left !important; }
.text-right{
	text-align: right !important;}
.text-left{
	text-align: left !important;}
.text-center{
	text-align: center !important;}
.hide{
	display: none !important;}
.show{
	display: block !important;}
.invisible{
	visibility: hidden;}
.text-hide{
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;}

.clearfix:after,
.clearfix:before{
	content: '';
	display: block;}
.clearfix:after{
	clear: both;}



/*=============
 * 浏览器更新提示
 =============*/
.browerupgrade{
	margin: 0;
	padding: 1rem;
	background: #ccc;}

/*=============
 * 自定义页面样式
 =============*/
body{
    min-width: 1640px;
	line-height: 1.8;
	background: #fff;}

a{
	color: #666;
	text-decoration: none;
	transition: all .4s; }
a:active,a:hover{
	color: #339f95;
	text-decoration: none;}



/*index-navs*/	
.navbar{ 
	background: rgba(0,0,0,.9); 
	height: 7em; 
	position: relative; 
	left: 0; 
	top: 0; 
	bottom: 0; 
	right: 0;
	z-index:1000;
	width:100%;
	display: flex;}
.container h1{
	height:7rem;
	width:240px;
	background-color:#DDDDDD;}
.container{
	width:80%;
	margin:0 auto;}
.logo img{
	 height: 7rem;
	 display:inline-block;
	margin-left:20px;
	margin-top:4px;
	padding:0.4rem 0;
	position:absolute;}

.owl-theme .owl-dots{
	position: relative;
	z-index:20;}
.owl-theme .owl-nav.disabled + .owl-dots{
	margin-top: -2.5rem;}
.f16{ font-size: 1rem;}

#nav-menu{ 
	display:block;
	text-align: right; 
	margin-right: 150px;
	position:relative;}
#nav-menu .menu{ 
	font-size: 0;}
#nav-menu .menu li.stmenu{
	display: inline-block; 
	font-size: 18px;
	height: 7rem; 
	line-height: 7rem; 
	position: relative;}
#nav-menu .menu li.stmenu a.xialakuang{ 
	display: block; 
	padding: 0 1rem; 
	color: #fff;}
#nav-menu .menu li.stmenu a.xialakuang i{ 
	display: inline-block; 
	border:5px solid transparent;
	border-top-color:#fff; 
	margin-left: 5px; 
	transform:translateY(3px);}

.children{ 
	position: absolute; 
	width: 10rem; 
	background:rgba(0,0,0,.6);  
	text-align: left; 
	display: none; 
	left:0; }
.children a{ 
	color: #fff; 
	display: block;
	padding:0 0.8rem; }
.children li{ 
	height: 3rem; 
	line-height: 3rem;}
.children:hover{
	display: block;
}
.children a:hover{ 
	background: #000;}	
.top-dh{
	position: absolute;
	height: 2.2rem;
	right: 120px;
	top: 2.1rem;
	background: #339f95;
	padding: 0 0;
	width:160px;
	line-height:2.2rem;
	color: #fff;
	text-align: center;}
.top-dh i{ 
	margin-right: 6px;}



/*index-banner*/	
#owl-demo { 
	overflow: hidden;}
#owl-demo .item img{
	width: 100%;
	height:860px;
	margin:0 auto;}
#owl-demo .item{ 
	position: relative; 
	z-index: 10;}


.owl-theme .owl-controls{ 
	margin-top: -7em !important;}


/*index-about*/	
.columns-box{ 
	width:80%; 
	text-align: center;
	display: flex;
	margin:30px auto;}

.columns-box li{
	margin:0 auto;
	width: 20%;
	float: left; 
	position:relative;
	padding: 0 1.5rem;}
.columns-box h2{ 
	font-size: 1.2rem;}
.columns-box li i.iconfont{ 
	font-size: 3rem;}
.columns-box li p{ 
	font-size: 0.875rem; 
	padding-top: .3rem;}
.columns-box li a{ 
	display: inline-block;}
.columns-box li a:active ,
.columns-box li a:hover{
	color: #339f95;}
.abouts-index,
.team-index{
	display:flex;}
.abouts-imgs {
    width: 50%;
    position: relative;
    display: table-cell;
    overflow: hidden;
    vertical-align: top;}

.abouts-text {
    width: 50%;
    color: #222;
    display: table-cell;
    padding: 5%;
    line-height: 2;
    vertical-align: baseline;
    background: #f2f5f8;}
.abouts-imgs .abouts-fixed {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;}
.abouts-text h2.h2 {
    display: block;
    margin: 0 0 1.875rem 0;
    font-size: 1.875rem;}

.abouts-text p{
	font-size: 0.875rem; 
	line-height: 2rem; 
	padding-bottom:0.625rem ;}
.abouts-button {
    padding: 0.4375rem 1.75rem;
    border: 1px solid #222;
    color: #222;
    margin-top: 1.1875rem;
    display: inline-block; }

.abouts-text p.f16{ 
	font-size: 1rem; color: #666;}

.abouts-button:hover{
	background: #339f95;
	border-color: #339f95; 
	color: #fff;}

.team-index .abouts-text{ 
	background: #fff;}
	
	
	
/*index-case*/	
.prices-box {
    background: #f2f4f8;
    overflow: hidden;
    padding-bottom:3rem;
    height:680px;}

.prices-title{ 
	padding-top: 4.4rem; 
	text-align: center; 
	font-size: 1.875rem; 
	position: relative; 
	padding-bottom: 1.6rem; 
	margin-bottom: 2.4rem;}
.prices-title:after{
	content: '';
	width: 4rem;
	position: absolute;
	height: 3px;
	background: #666;
	left: 50%;
	bottom: 0;
	margin-left: -2rem;}
#owl-demo2{
	display: inline-block;	}
#owl-demo2 .item{ 
	position: relative; 
	background: #339f95;
	text-align: center; 
	font-size: 0; 
	overflow: hidden;}
#owl-demo2 .item img{ 
	max-width: 100%; 
	width: 100%; 
	height: 260px; 
	transition: all 0.5s;}
#owl-demo2 .item div.al-txt{ 
	transition: all 0.5s; 
	position: absolute; 
	left: 50%; top: 50%; 
	opacity:0;
	transform: translate(-50%,-50%); 
	color: #145083;}
#owl-demo2 .item div.al-txt h3{ 
	font-size: 1rem;
	font-weight: 400; }
#owl-demo2 .item div.al-txt p{ 
	font-size: 0.875rem;}
#owl-demo2 .item:hover img,
#owl-demo2 .item:active img{ 
	opacity: 0.3;
	transform: scale(1.2,1.2);}
#owl-demo2 .item:hover div.al-txt,
#owl-demo2 .item:active div.al-txt{ 
	opacity: 1; 
	color: #fff;}
.prices-box h4{
	margin-top:60px;
	margin-left:38%;
	color:#666;}
.prices-box h5{
	height:1.6px;
	width:100%;
	/*margin-top:100px;
	background-color: #339f95;*/}
.yu1{
	height:100px;
	width:100%;
	background-color:#339f95;}

/*index-join*/
.vod{
	height:800px; 
	position: relative; 
	padding-bottom: 3rem;
	width:80%;
	margin:0 auto;}
.aj{
	margin-top:-100px;
	margin-left:29.3%;
	color:#2c9d96;}
.vod h3{
	margin-top:-60px;
	margin-left:41%;
	color:#DDDDDD;}
.vod h5{
	height:100px;
	width:20%;
	margin-top:-68px;
	margin-left:4%;
	color:#2c9d96;}
.an{	
	margin-top:-43px;
	margin-left:32.8%;}


/*index-product*/
.pro{}
.pro-bg img{
	width:100% !important;
	height:860px !important;}
#pro-ti{
    color:white;
    position:relative;
    margin-top:-810px;
    margin-left:1%;}	
.pro-bo img{
	margin-top:-190px;
	margin-left:15%;
	position:relative;
	height:240px;
	width:20%;}	
.product{
    padding: 80px;
    margin-top:-160px;}
.product-banner {
    width: 1400px;
    padding: 20px;
    position: relative;
    overflow: hidden;
    list-style: none;
    z-index: 1;
    margin: 40px 0px 0px 10%;}
.product-li {
    padding: 15px;
    background-color: #f8f8f8;
    text-align: center;
    border-radius: 10px;}
.products-img{
    min-height:20%;
    max-height: 20%;
    overflow: hidden;}

.products-img img{
    transition-duration: .5s;
    height:343px;}
.products-title{
    line-height: 30px;}
.products-titles {
    line-height: 30px;}
.product-li:hover {
	transition: all 0.5s; 
	position: absolute; 
	opacity:0.8; 
	background-color: #339f95;}
.product-li:hover .products-title,
.product-li:hover .product-price{
    color: #fff;}
.product-li:hover img {
    transform: scale(1.1);}
.product-price {
    line-height: 30px;
    font-size: 18px;
    color: #545454;}
.big-pro{
    position: fixed;
    display: none;
    z-index: 99;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0,0,0,.4);}
.big-pro .swiper-container {
    width: 100%;
    height: 850px;
    max-height: 1200px;
    padding-top: 50px;
    padding-bottom: 50px;}
.big-pro .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 700px;
    height: 850px;
    background-color: #fff;
    text-align: center;
    padding: 20px;
    border-radius: 10px;}
.big-pro-img {
    width: 100%;
    height: 90%;
    max-height: 800px;}
.big-pro-name{
    font-size: 18px;
    line-height: 30px;}
.big-pro-a{
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    border: 1px solid #666;
    margin: 0 auto;}
.big-pro-ico{
    position: fixed;
    right: 0;
    top: 0;
    width: 10%;
    z-index: 101;}
.big-pro-hide{
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;}


/*index-advantages*/
.i_box6 {
	width:100%;
	padding:60px 0;
	background-color:#fff;}
.g-box{
	width:90%;}
.i_box6 .i_box6_content .fl {
	width: 50%;
	margin-left:8%;
	padding-right: 5%;}
.i_box6 .i_box6_content .fl h3 {
	font-size: 26px;
	color: #292929;}
.i_box6 .i_box6_content .fl i {
	width: 60px;
	height: 4px;
	background: #2c9d96;
	display: block;
	margin: 15px 0;}
.i_box6 .i_box6_content .fl span {
	font-size: 18px;
	color: #707070;
	display: block;
	padding-bottom: 5px;}
.i_box6 .i_box6_content .fl img {
	width: 100%;
	display: block;
	margin-top: 20px;}
.i_box6 .i_box6_content .fl p {
	font-size: 14px;
	color: #373737;
	line-height: 24px;
	text-indent: 2em;
	margin-top: 30px;}
.i_box6 .i_box6_content .fl .amore {
	font-size: 14px;
	color: #cc0b1d;
	display: block;
	margin-top: 20px;}
.i_box6 .i_box6_content .fl .new_nav {
	width: 100%;
	margin-top: 40px;}
.i_box6 .i_box6_content .fl .new_nav a {
	width: 30%;
	float: left;
	border: 1px solid #ccc;
	padding: 10px 0;
	text-align: center;
	margin-left: 3.3%;}
.i_box6 .i_box6_content .fl .new_nav a:first-child {
	margin-left: 0;}
.i_box6 .i_box6_content .fl .new_nav a:hover {
	background: #2c9d96;
	color: #fff;
	border: 1px solid #2c9d96;}
.i_box6 .i_box6_content .fr {
	width: 45%;
	margin-left:58%;
	margin-top:-400px;
	position:relative;}
.i_box6 .i_box6_content .fr img {
	width: 100%;
	height:500px;}
.ab_1 img{
	height:660px;
	width:100%;}



/*index-news*/
.info-box{
	width:100%;
	height:700px;
	background: #f2f4f8;}	
.info-list{
	font-size: 0;
	margin: 0 -1rem;
	position: relative;
	display: flex;}
.info-list li{
	width: 25%;
	display: inline-block;
	font-size: 0.875rem;
    color: #7a7a7a;
    overflow: hidden;
	padding:0 1rem 1rem;}
.info-list li img{ 
	width: 300px; 
	height: 200px;}

.info-list li h3{ 
	font-weight: 400;
	height: 2rem;
	line-height: 2;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
	margin-top: 5px;}
.info-list li p:hover{
	color:#339f95;}
.info-list li h3 a{ 
	font-size: 1rem;}
.info-list li time,.info-list li  span{ 
	font-size: .625rem;}
.info-list li p{ 
	margin: .5rem 0; 
	max-height: 4.6875rem; 
	overflow: hidden;}
.info-list li a img{ 
	opacity: .8;}
.info-list li a:hover img,
.info-list li a:active img{
	transform: scale(1.2,1.2); 
	opacity: 1;}
.info-list li a.pic{ 
	overflow: hidden; 
	display: block; 
	font-size: 0;}



/*index-footer*/	
.con{
	width:80%;
	margin:0 auto;}
.met-footer{
	 width: 33.33333%;
	 float: left;
	 padding: 0 1rem 1rem;
	 color: #cacaca;
	 font-size: 0.875rem;}
#foot-first{
	width:100%;
	display: flex;
	position: relative;}
.met-footer h3{ 
	font-size: 1.125rem; 
	padding-bottom: 0.5rem;}


.social-box{ 
	margin-top: 1.2rem;}
.social-box a{ 
	display: inline-block; 
	margin-right: 7px; 
	text-align: center; 
	line-height:2.8125rem ; 
	width: 2.8125rem; 
	height: 2.8125rem; 
	background: rgba(0,0,0,.3); 
	border-radius: 50%;}
.social-box i{ 
	color: #fff; 
	font-size: 1.5rem;}

.met-footer dl{ 
	height:3.125rem; 
	margin-bottom: 0.8675rem; 
	overflow: hidden; 
	overflow: hidden;}
.met-footer dt{ 
	float: left; 
	width: 3.125rem;}
.met-footer dd{ 
	margin-left: 3.75rem; 
	overflow: hidden;}
.met-footer dd a{ 
	display: block; 
	height: 1.875rem; 
	font-size: .875rem; 
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; 
	line-height: 1.5; 
	color: #aaa;
	position:relative;
	margin-top:-17px;}
.met-footer dd time{ 
	display: block; 
	height: 1.25rem; 
	overflow: hidden; 
	line-height: 1.25; 
	font-size: .625rem;}
.met-footer dd a:hover{
	color: #339f95;}
footer{
	background: #3d3f3e;
    overflow: hidden;
    padding: 2rem 0 0 0;
    color: #a2a2a2;
    line-height: 2;}
.social-box a:hover{ 
	background: #339f95;}
.copy{
	background: #2c2e2e;
    line-height: 2;
    color: #888;}
.contont{
	width:78%;
	margin:0 auto;}
.links li{ 
	display: inline-block;
	font-size: .875rem;}
.copy p{
	font-size: .875rem;}


.all-t img{
	height:400px;
	width:100% !important;}
.page-tit{ 
	position: absolute; 
	text-shadow: 0 2px 6px rgba(0,0,0,.8); 
	color: #fff; 
	z-index: 9; 
	left: 50%; 
	margin-top:-200px;
	font-family: "宋体";
	font-size:36px;
	transform: translate(-50%,-50%);}
/*分类*/
.column-nav{ 
	text-align: center; 
	padding: 1rem 0;}
.column-nav li{ 
	display: inline-block;}
.column-nav li a{ 
	display: inline-block; 
	padding: .5rem 2rem;}
.column-nav li a:hover,
.column-nav li a:active,
.column-nav li.active a{ 
	color: #339f95;}


/*关于我们*/
.about-box{  
	margin: 2rem 0; 
	font-size: 0.875rem; 
	display:block;
	line-height: 1.8;}
.about-box img{ 
	width:100% !important;
	margin-top:20px;
	margin-bottom: 1rem;}
.about-right{
	width:38%;
	position:relative;
	float:right;
	margin-right:110px;
	margin-top:-520px;}
.about-right img{
	height:230px !important;
	width:80%;
	margin-left:7%;
	margin-bottom:0px;}
.about-right  .hh4{
	color:#000 !important;
	margin-top:20px;}
.sheji-left{
	width:38%;
	position:relative;
	float:left;
	margin-top:-460px;
	margin-left:90px;}
.sheji-left span{
	border-top:1px solid #339f95;}
.sheji-left P{
	margin-top:40px;}

/*产品中心*/	
.product-box{
	margin:2rem -1rem;}
.product-box figure{ 
	float: left; 
	width: 25%;  
	padding: 0 1rem 1rem; 
	overflow: hidden; 
	text-align: center;}
.product-box figure a.pic{ 
	font-size: 0; 
	display:block; 
	overflow: hidden;}
.product-box figure img{ 
	opacity: .8; 
	transition: all .4s; 
	display: block;
	width:100%; }
.product-box figure img:hover{ 
	transform:scale(1.2,1.2); 
	opacity: 1;}
.product-box figcaption{
	display: block;
	box-shadow: 0 0 3px rgba(0,0,0,.3); 
	height: 2.5rem; 
	line-height: 2.5rem; 
	font-size: 0.875rem;
	transition: all .4s; }
.product-box figcaption a{ 
	display:block;    
	white-space: nowrap;
    overflow: hidden;
    font-size: 0.875rem;
    text-overflow: ellipsis; 
    padding: 0 0.5rem;}
.product-box figcaption:hover{ 
	background: #339f95; }
.product-box figcaption:hover a{ 
	color: #fff;}

.page-ajax{ 
	text-align: center;}
.page-ajax a{ 
	font-size: 1rem; 
	display: inline-block; 
	padding: .5rem 2rem 1rem; 
	position: relative;}
.page-ajax a:hover{ 
	color: #339f95;}
.page-ajax a i{ 
	display: inline-block;}
.page-ajax a i:after{
	content: '';
	border: 5px solid transparent;
	border-top-color: #666;
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -5px;	}
.page-ajax a:hover i:after{ 
	border-top-color: #339f95;}

/*全屋定制*/
.case-list{
	font-size: 0; 
	margin-top: 30px; 
	padding-bottom: 30px;}
.case-list .item{ 
	position: relative; 
	background: #339f95;
	text-align: center; 
	font-size: 0; 
	overflow: hidden; 
	width: 20%; 
	display: inline-block; }
.case-list .item img{ 
	max-width: 100%; 
	width: 100%; 
	height: auto; 
	transition: all 0.5s;}
.case-list .item div.al-txt{ 
	transition: all 0.5s;
	position: absolute; 
	left: 50%; 
	top: 50%; 
	opacity:0;
	transform: translate(-50%,-50%); 
	color: #339f95;}
.case-list .item div.al-txt h3{ 
	font-size: 1rem;
	font-weight: 400; }
.case-list .item div.al-txt p{ 
	font-size: 0.875rem;}
.case-list .item:hover img,
.case-list .item:active img{ 
	opacity: 0.3;
	transform: scale(1.2,1.2);}
.case-list .item:hover div.al-txt,
.case-list .item:active div.al-txt{ 
	opacity: 1; color: #fff;}



/*产品详情*/
#owl-demo3 img{ 
	width: 100%;}
.product-cqbox{ 
	width:100%;
	background: #fff; 
	padding: 5rem 0; 
	position: relative;}
.cpxq-img{ 
	width: 40%;
	height:500px; 
	margin-left: 6%;
	float: left;
	z-index:99;}
.item img{
	width:30%;
	height:460px;}
.cpxq-txt{ 
	float: right; 
	width: 40%; 
	margin-right:6%;
	font-size: 0.875rem; 
	line-height: 2;}
.cpxq-txt h1{ 
	font-size: 1.5rem; 
	padding:10px;
	height:74px;
	text-align: center;
	border:2px solid #339f95;
	background:#fff;}
.cpxq-txt:hover h1 {
	color:#fff;
	background:#339f95;} 
.cpxq-txt p{margin-top:30px;} 
.para{ 
	margin-top: 30px;
	border-top: 1px solid #f0f2f5;
    border-bottom: 1px solid #f0f2f5; 
    padding: .625rem;}
.para li{ 
	float: left; 
	width: 50%;
	line-height: 2rem; 
	height: 2rem;}
     

  
  
  
/*新闻*/
.news-box{ 
  	margin-bottom: 2rem;} 
.news-nav ul{ 
  	float: left;} 
.in-news dl{
	width:80% !important;
	margin:0 auto;}
dl.news-ajax{ 
	padding-bottom: 1.875rem; 
	margin-bottom: 1.875rem;
	border-bottom: 1px #f0f2f5 solid;}
dl.news-ajax dt{ 
	float: left; 
	width: 11.25rem; 
	font-size: 0;}
dl.news-ajax dd{ 
	margin-left: 12.25rem; 
	font-size: 0.875rem;}
dl.news-ajax h2{ 
	font-size: 1.125rem; 
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
    padding-bottom: 0.5rem;}
.inft-txt{
	color: #a3afb7;
	padding-top: 0.5rem;}
dl.news-ajax dd p{ 
	max-height: 7.8125rem; 
	overflow: hidden;}
.news-hotlist li{ 
	margin-top: 1rem;}
.news-hotlist li h2{ 
	font-size: 1rem; 
	padding-bottom: .5rem;}
.news-hotlist li p{ 
	font-size: 0.875rem; 
	max-height:4.6875rem; 
	overflow: hidden;}
.news-tit{ 
	border-bottom: 1px solid #f0f2f5; 
	padding-bottom: 1rem;}
	
.dlxwm-box{
		background: #fff;
		box-shadow: 0 0 6px rgba(0,0,0,.1); 
		padding: 1.5rem; 
		margin-top: 2rem;}


/*新闻详情*/	
.new-box{}
.pull-new{ 
	width: 100%; 
	background: #fff; 
	box-shadow: 0 0 6px rgba(0,0,0,.1); 
	padding: 1.5rem;}
.new-tit h1{
	width:60%;
	text-align: center;
	height:60px;
	margin:auto;
	background: #f4f5f5;}
.new-tit:hover h1{
	color:white;
	background: #339f95;}
.inft-time{
	width:200px;
	float:right;
	margin-top:20px;
	margin-right:32%;
	text-align: center;
	position:relative;}
.inft-content{
	position:relative;
	width:80%;
	margin:40px auto;}
.inft-content img{
	margin-left:30%;
	margin-top:30px;
	text-align: center;
	width:400px;
	height:300px;}
.inft-content p{
	margin-top:30px;}
.in-next{
	width:40% !important;
	height:60px;
	margin:0 auto;
}


/*招商加盟*/	
.invite-center{
	width:60%;
	height:1740px;
	margin:auto;}
.in_banner {
	height:260px;
    background-color:#DCDCDC;
    overflow: hidden;
    margin:auto;
    margin-top:20px;}
.in_banner img {
    display: block;
    position: relative;
    opacity: .8;
    height:260px;
    width:50%;}
.in_title {
	height:260px;
    position: absolute;
    top: 638px;
    text-align: center;
    width: 50%;
    margin:10px 380px;}
.in_title h1 {
    font-size: 36px;
    color: #339f95;
    border: #339f95 solid 1px;
    border-radius: 5px;
    display: inline-block;
    height: 80px;
    width:260px;
    margin-top:40px;
    line-height: 80px;
    padding: 0 56px;}
.in_title p {
    font-size: 16px;
    color: #339f95;
    max-width: 1200px;
    margin: 30px auto;}
.in_conbox {
    min-height: 300px;
    margin: 36px auto 80px;}
.in_tit {
	margin-top:70px;
	z-index:99;}
.in_tit h2 {
    font-size: 26px;
    color:#000;
    font-weight: 500;
    position: relative;
    padding-bottom: 10px;}
.in_tit h2 i {
    width: 66px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color:#339f95;}
.in_joinbox ul li {
    border-bottom:#339f95  solid 1px;
    padding: 20px 0;}
.in_joinbox ul li h2 b {
    font-size: 30px;
    color: #339f95;}
.in_joinbox ul li h2 {
    font-size: 24px;
    color: #333;}
.in_joinbox ul li p {
    font-size: 16px;
    color: #666;
    line-height: 36px;
    margin-top: 6px;} 


/*联系我们*/	
.map{ 
	width: 50%;}
.lx-txt{ 
	width: 50%; 
	padding-left: 3rem;}
.lx-txt .met-footer{ 
	width: 100%; 
	font-size: 1rem; 
	padding-top: 2rem; 
	color: #333;}
.lx-txt .met-footer p{ 
	padding-bottom: 1rem; 
	line-height: 2;}
.lx-txt .met-footer p i{ 
	font-size: 1.2rem; 
	margin-right: .5rem;}

	
@media only screen and (max-width: 50em) {
	.cpxq-img,
	.cpxq-txt{ width: 100%;}
	.cpxq-txt{ padding-left: 0; padding-top: 1rem;}
	.product-content-body{ width: 100%;}
	.product-hot{ width: 100%; margin-top: 1.2rem;}
	.product-hot li{ width: 50%; float:left; padding:0 1.5rem;}
	.product-hot  .case-list .item{ width: 50%; float:left; }
	.map{ width: 100%;}
	.lx-txt{ width: 100%; padding-left: 0;}
	.columns-box li{ width: 50%; padding:0 1rem 1rem;}
	.abouts-imgs {width: 100%;display: block;min-height: 350px;}
	.info-list li{width: 50%;}
	.product-box figure{ width: 50%;}
	.case-list .item{ width: 50%;}
	#owl-demo .item img{ min-height: 22rem;}
}

@media only screen and (min-width: 30.0625em) and (max-width: 47em) {
	.abouts-text h2.h2{ margin-bottom: 1rem;}
	.column-nav li a{    padding: .5rem 1rem;}
	.news-nav ul{ width: 100%;}
	#owl-demo .item img{ min-height: 15rem;}
	.value-box{ background-size: cover;}
}

@media only screen and (max-width: 30em) {
	.abouts-text h2.h2{ margin-bottom: 1rem;}
	.abouts-imgs {width: 100%;display: block;min-height: 200px;}
	.column-nav li a{ display: block;}
	.column-nav li{ width: 48%;}
	.product-box figure{ width: 100%;}
	.product-box{ margin-top: 1rem;}
	.case-list{ margin-top: 0;}
	.case-list .item{ width: 100%;}
	.news-nav ul{ width: 100%;}
	dl.news-ajax dd p{max-height: 2.8125rem;}
	dl.news-ajax dt{ width: 6.25rem;}
	dl.news-ajax dd{ margin-left: 7.25rem;}
	dl.news-ajax{ padding-bottom: 1rem; margin-bottom: 1rem;}
	.product-hot li{ width: 100%; padding: 0;}
	.product-hot{ padding: 1rem;}	
	#owl-demo .item img{ min-height: 10rem;}
	.para li{ width: 100%;}
	h1{ font-size: 1rem;}
}

@media only screen and (max-width: 21em) {
	dl.news-ajax dd p{max-height: 2.8125rem;}
	dl.news-ajax dt{  display: none;}
	dl.news-ajax dd{ margin-left: 0;}
	dl.news-ajax h2{white-space: normal;text-overflow: clip;}
}