em{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.label1 {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
}
.label1 .label2 {
	display: inline-block;
	cursor: pointer;
}
.ovh{
	overflow: hidden;
}

body{
	overflow-x:hidden;
}
header{
	width: 100%;
	height: 1.06rem;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	box-shadow: 0.366px 2.978px 7px 0px rgba(55, 53, 52, 0.102);
}
header .logo{
	width: 1.75rem;
	height: 0.67rem;
	margin-top: 0.2rem;
	margin-left: 0.15rem;
}
header .logo img{
	width: 100%;
	display: block;
}
header .search-box{
	float: right;
	margin-right: 0.24rem;
	margin-top: 0.33rem;
	width: 2.76rem;
	height: 0.45rem;
	line-height: 0.45rem;
	border: 1px solid #a6a6a6;
	border-radius: 0.2rem;
	font-size: 0.24rem;
	color: #ccc;
	position: relative;
}
header .search-box input{
	display: block;
	border: none;
	height: 0.45rem;
	line-height: 0.45rem;
	border-radius: 0.2rem;
}
header .search-box input#skey{
	width: 100%;
	text-indent: 1em;
}
header .search-box input#sbtn{
	position: absolute;
	right: 0.15rem;
	background: url(../img/sbtn.png) no-repeat center center;
	width: 0.3rem;
	top: 0;
	background-size: 0.3rem;
}
header .hback{
	background: url(../img/hback_bg.png) no-repeat center center;
	background-size: 0.2rem;
	width: 0.3rem;
	border: none;
	height: 100%;
	margin-top: 0;
}
.hback a{
	display: block;
	width: 100%;
	height: 100%;
}

.banner{
	width: 100%;
	margin-top: 1.06rem;
}
.banner img{
	width: 100%;
	display: block;
	height: 3.9rem;
}
.banner .bg{
	background:#ededed url(../img/banner_bg.png) no-repeat center center;
	height: 0.7rem;
	width: 100%;
}

.navbox li{
	float: left;
	width: 25%;
	margin: 0.2rem auto 0;
	text-align: center;
}
.navbox li span{
	display: inline-block;
	width: 0.98rem;
	height: 0.98rem;
	border: 1px solid #f67928;
	border-radius: 50%;
}
.navbox li p{
	font-size: 0.24rem;
	color: #333333;
}
.navbox li:nth-child(1) span{
	background:#fff url(../img/index_ic01.png) no-repeat center center;
	background-size: 0.49rem;
}
.navbox li.on:nth-child(1) span{
	background:#f67928 url(../img/index_ic01_h.png) no-repeat center center;
	background-size: 0.51rem;
}
.navbox li:nth-child(2) span{
	background:#fff url(../img/index_ic02.png) no-repeat center center;
	background-size: 0.59rem;
}
.navbox li.on:nth-child(2) span{
	background:#f67928 url(../img/index_ic02_h.png) no-repeat center center;
	background-size: 0.59rem;
}
.navbox li:nth-child(3) span{
	background:#fff url(../img/index_ic03.png) no-repeat center center;
	background-size: 0.49rem;
}
.navbox li.on:nth-child(3) span{
	background:#f67928 url(../img/index_ic03_h.png) no-repeat center center;
	background-size: 0.49rem;
}
.navbox li:nth-child(4) span{
	background:#fff url(../img/index_ic04.png) no-repeat center center;
	background-size: 0.53rem;
}
.navbox li.on:nth-child(4) span{
	background:#f67928 url(../img/index_ic04_h.png) no-repeat center center;
	background-size: 0.53rem;
}
.navbox li:nth-child(5) span{
	background:#fff url(../img/index_ic05.png) no-repeat center center;
	background-size: 0.54rem;
}
.navbox li.on:nth-child(5) span{
	background:#f67928 url(../img/index_ic05_h.png) no-repeat center center;
	background-size: 0.54rem;
}
.navbox li:nth-child(6) span{
	background:#fff url(../img/index_ic06.png) no-repeat center center;
	background-size: 0.42rem;
}
.navbox li.on:nth-child(6) span{
	background:#f67928 url(../img/index_ic06_h.png) no-repeat center center;
	background-size: 0.42rem;
}
.navbox li:nth-child(7) span{
	background:#fff url(../img/index_ic07.png) no-repeat center center;
	background-size: 0.56rem;
}
.navbox li.on:nth-child(7) span{
	background:#f67928 url(../img/index_ic07_h.png) no-repeat center center;
	background-size: 0.56rem;
}
.navbox li:nth-child(8) span{
	background:#fff url(../img/index_ic08.png) no-repeat center center;
	background-size: 0.49rem;
}
.navbox li.on:nth-child(8) span{
	background:#f67928 url(../img/index_ic08_h.png) no-repeat center center;
	background-size: 0.49rem;
}

.itit{
	background: url(../img/itit_bg.png) no-repeat bottom center;
	background-size: 1.52rem;
	width: 1.52rem;
	height: 0.85rem;
	font-size: 0.3rem;
	color: #000000;
	line-height: 0.5rem;
	margin: 0.6rem 0;
}

.ipro-wrap{
	margin: 0 0.2rem;
}
.ipro-sort{
	text-align: center;
	margin-top: 0.3rem;
	width: 100%;
	margin-bottom: 0.4rem;
}
.ipro-sort li{
	display: inline-block;
	text-align: left;
	background: url(../img/ipsort_bg.png) no-repeat right center;
	margin-right: 0.05rem;
	position: relative;
	font-size: 0.24rem;
	color: #999;
	cursor: pointer;
	padding-right: 0.1rem;
	line-height: 0.36rem;
}
.ipro-sort li:last-child{
	background: none;
}
.ipro-sort li a{
	color: #999;
}
.ipro-sort li:after{
	position: absolute;
	content: "";
	width: 0.33rem;
	height: 1px;
	background: #f67928;
	bottom: 0;
	left: 0;
	display: none;
}
.ipro-sort li.on:after,.ipro-sort li:hover:after{
	display: block;
}
.ipro-sort li.on,.ipro-sort li:hover{
	color: #f67928;
}

.ipro-list img{
	display: block;
	width: 100%;
}
.ipro-list .left{
	width: 3.97rem;
	overflow: hidden;
}
.ipro-list .left img{
	height: 3.36rem;
}
.ipro-list .left li p{
	height: 0.66rem;
	line-height: 0.66rem;
}
.ipro-list li{
	position: relative;
}
.ipro-list li p{
	position: absolute;
	background: rgba(0,0,0,0.6);
	bottom: 0;
	width: 100%;
	left: 0;
	text-indent: 1em;
	color: #fff;
	font-size: 0.24rem;
}
.ipro-list .right{
	width: 3.03rem;
}
.ipro-list .right img{
	height: 1.68rem;
}
.ipro-list .right li p{
	height: 0.46rem;
	line-height: 0.46rem;
}


.ivalue-wrap{
	background: #fcfcfd;
	margin-top: 0.3rem;
}
.ivalue-tit{
	color: #000;
	padding: 0.5rem 0 0.4rem 0.4rem;
}
.ivalue-tit span{
	display: block;
	font-size: 0.3rem;
	color: #000;
}
.ivalue-tit p{
	font-size: 0.24rem;
	text-transform: uppercase;
}

.ivalue-wrap ul{
	margin: 0 0.2rem;
}
.ivalue-wrap ul li{
	margin-bottom: 0.2rem;
}
.ivalue-wrap ul li img{
	max-width: 100%;
	display: block;
}

.icase-wrap{	
	padding: 0 0.2rem 1rem;
	background-image: -moz-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
}
.icase-wrap li{
	float: left;
	width: 49%;
	margin-right: 1%;
	position: relative;
	margin-bottom: 1%;
}
.icase-wrap li img{
	display: block;
	width: 100%;
	height: 2rem;
}
.icase-wrap li p{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.64);
	height: 0.5rem;
	line-height: 0.5rem;
	text-indent: 1em;
	color: #fff;
	font-size: 0.24rem;
}


.inews-wrap{
	padding: 0 0.2rem;
	overflow: hidden;
}
.inews-wrap .itit{
	float: right;
}
.inews-wrap .ivideo{
	clear: both;
	width: 100%;
	height: 4.06rem;
	background: #000;
}
.ivideo img{
	display: block;
	width: 100%;
	height: 100%;
}
.inews-wrap .sf-iframe{
	width: 100%;
	height: 4rem;
	float: left;
}
.ivideo{
	width: 100%;
	float: left;
}
.ivideo video{
	display: none;
}

.inews-first{
	width: 100%;
	float: left;
}
.inews-first,.isub-list li{
	border-bottom: 1px dashed #bfbfbf;
	padding-bottom: 0.1rem;
	margin-top: 0.5rem;
	overflow: hidden;
}
.inews-first .fimg,.isub-list li .fimg{
	width: 33%;
	margin-top: 0.5%;
}
.inews-first .fimg img,.isub-list li .fimg img{
	width: 100%;
	height: 1.36rem;
}
.inews-first .fcon,.isub-list li .fcon{
	width: 65%;
	margin-left: 2%;
}
.fcon h5{
	font-size: 0.28rem;
	color: #333333;
	line-height: normal;
}
.fcon p,.fcon span{
	font-size: 0.24rem;
	color: #333;
	line-height: normal;
	display: block;
}
.fcon span{
	margin-top: 5px;
}

.inews-wrap ul{
	margin-top: 0.1rem;
	width: 100%;
	float: left;
}
.inews-wrap ul li{
	border-bottom: 1px solid rgba(191,191,191,0.2);
	height: 0.6rem;
	line-height: 0.6rem;
	font-size: 0.28rem;
	color: #333;
}
.inews-wrap ul li em{
	display: inline-block;	
	background: url(../img/index_26.jpg) no-repeat center center;
	color: #fff;
	width: 19px;
	height: 19px;
	line-height: 19px;
	text-align: center;
	font-size: 0.18rem;	
	margin-right: 0.15rem;
	font-style: normal;
}
.inews-wrap ul li a{
	color: #333;
}
.inews-wrap ul li span{
	color: #999999;
	display: inline-block;
	float: right;
	font-size: 0.24rem;
}
.inews-wrap ul .more{
	display: inline-block;
	float: right;
	color: #f67928;
	background: url(../img/icase_more.png) no-repeat left 0;
	background-size: 0.28rem;
	padding-left: 0.35rem;
	height: 0.28rem;
	line-height: 0.28rem;
	margin-top: 0.3rem;	
	font-size: 0.2rem;
}

.isubject-wrap{
	padding: 0 0.2rem;
	margin-bottom: 0.6rem;
}
.isub-list li{
	margin-bottom: 0.2rem;
	padding-bottom: 0.2rem;
	margin-top: 0;
}


.footer{
	background: #000000;
	padding: 0.3rem 0 1rem;
	position: relative;
}
.footer .flogos{
	border-bottom: 2px solid #474747;
}
.flogos li{
	float: left;
	width: 20%;
	text-align: center;
	margin-bottom: 0.3rem;
}
.flogos li img{
	display: inline-block;
	max-width: 100%;
	height: 0.47rem;
}
.footer .fbot{
	background: #000000;
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 0.15rem 0;
	z-index: 100;
}
.fbot li{
	width: 24%;
	float: left;
	width: -moz-calc(25% - 1px);
	width: -webkit-calc(25% - 1px);
	width: calc(25% - 1px);
	height: 0.65rem;
	margin-top: 0
	border-right: 1px solid #fff;
}
.fbot li a{
	display: block;
	height: 100%;
}
.fbot li:nth-child(1){
	background: url(../img/footer_ic01.png) no-repeat center center;
	background-size: 0.58rem;
}
.fbot li:nth-child(2){
	background: url(../img/footer_ic02.png) no-repeat center center;
	background-size: 0.57rem;
}
.fbot li:nth-child(3){
	background: url(../img/footer_ic03.png) no-repeat center center;
	background-size: 0.88rem;
}
.fbot li:nth-child(4){
	background: url(../img/footer_ic04.png) no-repeat center center;
	background-size: 0.5rem;
	border-right: none;
}

/*案例*/
.title{
	background: #f67928;
	height: 0.77rem;
	line-height: 0.77rem;
	color: #fff;
	font-size: 0.28rem;
	text-align: center;
	margin-top: 1.06rem;
}
.case-wrap{
	background: #eeeeee url(../img/case_bg.jpg) no-repeat left bottom;
	padding: 0 0.2rem 0.6rem;
}
.brand-tit{
	text-align: center;
	font-size: 0.3rem;
	color: #f67928;
	position: relative;
	padding: 0.5rem 0 0.2rem;
}
.brand-tit span{
	text-transform: uppercase;
	padding-left: 0.2rem;
	color: #333333;
}
.brand-tit:after{
	position: absolute;
	content: "";
	width: 0.64rem;
	height: 3px;
	background: #f67928;
	left: 50%;
	margin-left: -0.32rem;
	bottom: 0;
}
.brand-jj{
	font-size: 0.2rem;
	color: #666666;
	text-align: center;
	width: 90%;
	margin: 0.1rem auto 0.4rem;
}
.brand-jj p:last-child{
	color: #999;
}

.case-sort .swiper-wrapper{
}
.case-sort li{
	height: 0.42rem;
	line-height: 0.42rem;
	border: 1px solid #bfbfbf;
	text-align: center;
	background: #ffffff;
	font-size: 0.2rem;
	color: #666666;
	width: 65%;
	margin: 0 auto;
}
.case-sort li a{
	color: #666;
}
.case-sort .swiper-slide.on li{
	background: #f67928;
	border-color: #f67928;
}
.case-sort .swiper-slide.on li a{
	color: #fff;
}
.case-sort .swiper-button-prev,.case-sort .swiper-button-next{
	opacity: 1;
	width: 0.16rem;
}
.case-sort .swiper-button-prev{
	background: url(../img/case_prev.png) no-repeat center center;
	background-size: 0.16rem;
	left: 0;	
}
.case-sort .swiper-button-next{
	background: url(../img/case_next.png) no-repeat center center;
	background-size: 0.16rem;
	right: 0;
}

.case-list{
	margin-top: 0.6rem;
}
.case-list li{
	position: relative;
	width: 3.5rem;
	margin-bottom: 0.1rem;
	float: left;
	margin-right: 0.1rem;
}

.case-list li a{
    display: block;
    width: 100%;
    position: relative;
}
.case-list li:nth-child(2n){
	margin-right: 0;
}
.case-list li img{
	width: 100%;
	height: 2.4rem;
	display: block;
}
.case-list li p{
	position: absolute;
	width: 100%;
	height: 0.58rem;
	line-height: 0.58rem;
	left: 0;
	bottom: 0;
	color: #fff;
	font-size: 0.24rem;
	padding: 0 2%;
	background: rgba(0,0,0,0.58);
	box-sizing: border-box;
}

.page{
	text-align: center;
	overflow: hidden;
	margin-top: 0.4rem;
}
.page a{
	display: inline-block;
	/* width: 0.56rem; */
	height: 0.56rem;
	margin-left: 0.1rem;
	font-size: 0.24rem;
	line-height: 0.56rem;
	color: #666;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	background: #fff;
	padding: 2px 12px;
}
.page a.active{
	background: #f67928;
	border-color: #f67928;
	color: #fff;
}

.info-wrap{
	background: #eeeeee url(../img/case_bg.jpg) no-repeat left bottom;
	padding-bottom: 0.6rem;
}
.navigation{
	background: #cccccc url(../img/navigation_bg.png) no-repeat center center;
	height: 0.9rem;
	line-height: 0.9rem;
	padding-left: 0.5rem;
}
.navigation a,.navigation span{
	float: left;
	margin-right: 0.05rem;
}
.navigation span{
	display: inline-block;
	background: url(../img/navigation_ic.png) no-repeat center center;
	width: 0.37rem;
	background-size: 0.37rem;
	height: 100%;
	margin-right: 0.1rem;
}
.navigation a{
	display: inline-block;
	height: 100%;
	color: #666;
	font-size: 0.2rem;
}
.info-wrap h1{
	font-size: 0.3rem;
	color: #000000;
	text-align: center;
	margin: 0 0.2rem;
	margin: 0.4rem 0 0.3rem;
}
.info-wrap .cdate{
	text-align: center;
	border-bottom: 1px solid #acacac;
	margin-bottom: 0.35rem;
	padding-bottom: 0.35rem;
}
.info-wrap .cdate span{
	display: inline-block;
	font-size: 0.16rem;
	color: #666666;
	margin-right: 5px;
}
.info-wrap .cdate .sharebox a{
	background-image: initial;
	margin: 0 5px 0 0;
}
.info-wrap .cdate .sharebox a.bds_sqq{
	background-image: url(../img/cshare_qq.png);
	background-position: center center; 
}
.info-wrap .cdate .sharebox a.bds_tsina{
	background-image: url(../img/cshare_wb.png);
	background-position: center center; 
}
.info-wrap .cdate .sharebox a.bds_weixin{
	background-image: url(../img/cshare_wx.png);
	background-position: center center; 
}
.info-wrap .detail{
	padding:  0 0.2rem;
	font-size: 0.24rem;
	color: #666666;
}
.info-wrap .detail p video{
	width:100%;
	height:auto;
}
.info-wrap .detail img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.updown{
	margin: 0.4rem 0.3rem 0;
}
.updown p{
	font-size: 0.24rem;
	color: #333;
	line-height: 0.5rem;
}
.updown a{
	color: #333;
}
.updown p:first-child{
	border-bottom: 1px solid #b8b8b8;
}


/*资讯中心*/
.news-sort{
	margin: 0.3rem 0.2rem 0.2rem;
}
/*.news-sort li{
	float: left;
	width: 1.7rem;
	height: 0.52rem;
	line-height: 0.52rem;
	text-align: center;
	font-size: 0.24rem;
	color: #333;
	background: #dcdcdc;
	border-radius: 5px;
	margin-right: 0.1rem;
}
.news-sort li:last-child{
	margin-right: 0;
}
.news-sort li a{
	color: #333;
}
.news-sort li.on{
	background: #f67928;
	color: #fff;
}
.news-sort li.on a{
	color: #fff;
}*/

.news-sort .swiper-wrapper{
}
.news-sort li{
	height: 0.42rem;
	line-height: 0.42rem;
	border: 1px solid #bfbfbf;
	text-align: center;
	background: #ffffff;
	font-size: 0.2rem;
	color: #666666;
	width: 65%;
	margin: 0 auto;
}
.news-sort li a{
	color: #666;
}
.news-sort .swiper-slide.on li{
	background: #f67928;
	border-color: #f67928;
}
.news-sort .swiper-slide.on li a{
	color: #fff;
}
.news-sort .swiper-button-prev,.case-sort .swiper-button-next{
	opacity: 1;
	width: 0.16rem;
}
.news-sort .swiper-button-prev{
	background: url(../img/case_prev.png) no-repeat center center;
	background-size: 0.16rem;
	left: 0;	
}
.news-sort .swiper-button-next{
	background: url(../img/case_next.png) no-repeat center center;
	background-size: 0.16rem;
	right: -6px;
}


.news-list{
	margin-bottom: 0.6rem;
}
.news-list dl{
	overflow: hidden;
	margin: 0 0.2rem;
	padding-bottom: 0.3rem;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 0.3rem;
	height: 2.02rem;
}
.news-list dl dd{
	width: 3.8rem;
	float: left;
	position: relative;
	height: 100%;
}
.news-list dl dd p{
	font-size: 0.28rem;
	color: #333333;
}
.news-list dl dd span{
	display: block;
	font-size: 0.24rem;
	color: #999999;
	position: absolute;
	bottom: 0.1rem;
}
.news-list dl dt{
	width: 3rem;
	float: right;
}
.news-list dl dt img{
	width: 100%;
	height: 2.02rem;
}

.video-list{
	margin: 0 0.2rem 0.6rem;
}
.video-list li{
	position: relative;
	width: 7.08rem;
	height: 4.67rem;
	margin-bottom: 0.3rem;
}
.video-list li img{
	width: 100%;
	height: 100%;
}
.video-list li p{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1.03rem;
	line-height: 1.03rem;
	font-size: 0.28rem;
	color: #fff;
	text-indent: 1em;
	background: rgba(0,0,0,0.68);
}
.video-list li span{
	position: absolute;
	display: block;
	background: url(../img/video_ic.png) no-repeat center center;
	width: 0.68rem;
	height: 0.68rem;
	background-size: 0.68rem;
	top: 50%;
	left: 50%;
	margin-left: -0.34rem;
	margin-top: -0.34rem;
}

.player-section {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 99999;
	display: none;
}
.player-section .player-box {
	width: 100%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 999;
}
.player-section .player-close {
	position: absolute;
	right: 2%;
	top: -0.6rem;
	color: #999;
	z-index: 99;
	font-size: 0.36rem;
}
.player-section video {
	width: 100%;
}


/*联系我们*/
.contact-wrap{
	
}
.contact-wrap .cont-tit{
	font-size: 0.3rem;
	color: #333333;
	margin: 0.2rem;
}
.contact-wrap .cont-top{
	margin: 0 0.2rem;
}
.cont-top li{
	color: #333;
	margin-bottom: 0.5rem;
}
.cont-top li h3{
	font-size: 0.3rem;
	padding-left: 0.5rem;
}
.cont-top li p{
	font-size: 0.3rem;
}
.cont-top li:first-child h3{
	background: url(../img/cont_ic01.png) no-repeat left center;
	background-size: 0.28rem;
}
.cont-top li:nth-child(2) h3{
	background: url(../img/cont_ic02.png) no-repeat left center;
	background-size: 0.26rem;
}
.cont-top li:nth-child(3) h3{
	background: url(../img/cont_ic04.png) no-repeat left center;
	background-size: 0.47rem;
}

.cont-map{
	border-top: 0.13rem solid #dcdcdc;
}
.cont-map .cmap-tit{
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	overflow: hidden;
	text-align: center;
}
.cmap-tit span{
	display: inline-block;
	width: 1rem;
	height: 0.35rem;
	line-height: 0.35rem;
	font-size: 0.24rem;
	text-align: center;
	cursor: pointer;
	border-radius: 15px;
}
.cmap-tit span a{
	color: #333;
}
.cmap-tit span.on{	
	background: #f67928;
}
.cmap-tit span.on a{
	color: #fff;
}
.cont-map .map-box{
	width: 100%;
	position: relative;
	height: 4.85rem;
}
.map-box #city{
	display: none;
}
.map-box .map{
	width: 100%;
	height: 4.85rem;
}
.map-box .map-info{
	background: #F67928;
	color: #fff;
	position: absolute;
	right: 0.1rem;
	bottom: 0.2rem;
	font-size: 0.2rem;
	padding: 0.6rem 0.3rem;
}
.map-info h5{
	font-size: 0.24rem;
}

.join-form {
	margin-top: 0.4rem;
	margin: 0.4rem 0.2rem 0.6rem;
}
.join-form h3{
	font-size: 0.3rem;
	color: #333333;
	margin-bottom: 0.1rem;
}

.join-form span{
	font-size: 0.2rem;
	color: #333333;
	display: block;
	margin-top: 0.1rem;
}
.join-box .join-input{
	margin-bottom: 0.15rem;
	overflow: hidden;
}
.join-input input,.join-input textarea{
	display: block;
	border: none;
	border: 1px solid #1b1b1b;
	width: 100%;
	height: 0.5rem;
	line-height: 0.5rem;
	text-indent: 1em;
	font-size: 0.2rem;
	color: #999999;
	box-sizing: border-box;
}
.join-input .input{
	width: 48%;
	float: left;
}
.join-input .input:last-child{
	float: right;
}
.join-input textarea{
	min-height: 1.8rem;
}
.join-input #jbtn{
	background: #f67928;
	width: 4.66rem;
	height: 0.55rem;
	line-height: 0.55rem;
	text-align: center;
	color: #fff;
	font-size: 0.24rem;
	border: none;
	margin: 0.3rem auto 0;
	text-indent: 0;
}

/*关于我们*/
.brand-wrap{
	background: #e8e8e8;
	padding-bottom: 0;
}
.brand-wrap .brand-list{
	background: url(../img/brand_bg.jpg) no-repeat bottom center;
	padding-bottom: 0.6rem;
}
.show-wrap{
	background: url(../img/show_bg.jpg) no-repeat bottom center;
	padding-bottom: 0.6rem;
	background-size: 100%;
}
.show-wrap .show{
	margin:  0 0.2rem 0;
}
.profile-tit{
	margin-bottom: 0.6rem;
}
.profile-tit span{
	display: block;
	font-size: 0.36rem;
	color: #333333;
}
.profile-tit p{
	font-size: 0.3rem;
	color: #666666;
	text-transform: uppercase;
	position: relative;
	font-weight: lighter;
	padding-bottom: 0.1rem;
}
.profile-tit p:after{
	position: absolute;
	content: "";
	width: 0.76rem;
	height: 3px;
	background: #F67928;
	bottom: 0;
	left: 0;
}
.show-bpic img {
	height: 4.22rem;
	width: 100%;
}
.show-spic {
	width: 100%;
	height: 1.02rem;
	margin-top: 0.6rem;
}
.show-spic .swiper-slide {
	width: 1.02rem;
	height: 1.02rem;
}
.show-spic img{
	width: 100%;
	height: 100%;
	display: block;
}

.show-spic .swiper-button-prev,.show-spic .swiper-button-next{
	width: 0.3rem;
	height: 1.02rem;
	top: 0;
	margin-top: 0;
	opacity: 1;
}
.show-spic .swiper-button-next.swiper-button-disabled{
	opacity: 1;
}
.show-spic .swiper-button-prev{
	background:#e6e6e6 url(../img/show_prev.jpg) no-repeat center center;
	background-size: cover;
	left: 0;
}
.show-spic .swiper-button-next{
	background:#e6e6e6 url(../img/show_next.jpg) no-repeat center center;
	background-size: cover;
	right: 0;
}
.show-spic .swiper-wrapper{
	/*width: 6.5rem;
	margin: 0 auto;*/
	height: 100%;
}

.profile-wrap{
	margin: 0 0.2rem;
}
.profile {
	font-size: 0.18rem;
	color: #666;
	text-indent: 2em;
	line-height: 0.48rem;
}
.profile  img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}



/*服务*/
.ser-process{
	display: table;
	width: 100%;
}
.ser-process .label2{
	text-align: left;
}
.ser-process li{
	color: #666;
	position: relative;
	float: left;
	width: 1.15rem;
}
.ser-process li img{
	width: 0.67rem;
	height: 0.67rem;
}
.ser-process li p{
	display: inline-block;
	text-align: center;
	line-height: 0.5rem;
	font-size: 0.16rem;
	color: #666666;
}
.ser-process li span{
	position: absolute;
	display: inline-block;
	width: 0.5rem;
	background: #f67928;
	top: 0.33rem;
	right: 0;
	height: 2px;
}
.ser-process li:last-child{
	width: 0.67rem;
}

.service-list{
	margin: 0 0.2rem 0.4rem;
}
.service-list dt h5{
	font-size: 0.24rem;
	color: #fc8202;
	position: relative;
	margin: 0.4rem 0 0.4rem 0.46rem;
	padding-bottom: 5px;
}
.service-list dl dt h5:after{
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	position: absolute;
	width: 1.76rem;
	height: 1px;
	background: rgba(252,130,2,0.33);
}
.service-list dt img{
	width: 100%;
	height: 3.4rem;
}
.service-list dl dd{
	margin-top: 0.4rem;
	font-size: 0.2rem;
	color: #666666;
}
.service-list dl dd p{
	text-indent: 2em;
}


/*产品*/
.pro-wrap{
	padding-top: 0.5rem;
	background: #E8E8E8 url(../img/brand_bg.jpg) no-repeat bottom center;
}
.pro-filter{
	background: #535353;
	margin-bottom: 0.6rem;
	padding-top: 0.2rem;
	padding-bottom: 0.1rem;
}
.pro-filter li{
	float: left;
	margin-left: 0.5rem;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	font-size: 0.24rem;
	color: #fff;
	overflow: hidden;
}
.pro-filter p{
	clear: both;
	width: 100%;
	border-bottom: 1px dashed #d2d2d2;
}
.pro-filter li span{
	display: inline-block;
	width: 1rem;
	text-align: left;
}
.pro-filter li select{
	width: 1.76rem;
	border: 1px solid #d2d2d2;
	color: #333;
	height: 0.3rem;
	line-height: 0.3rem;
	text-align: center;
	text-align-last:center; 
}
.pro-filter li select option{
	text-align: center;
}

.pinfo-wrap{
	background: #fff;
}
.pinfo-wrap .pinfo{
	margin: 0 0.2rem;
}
.pinfo .pro-pic{
	margin-top: 0.35rem;
	margin-bottom: 0.1rem;
}
.pro-pic li{
	width: 100%;
	height: 5.16rem;
	position: relative;
}
.pro-pic li img{
	width: 100%;
	height: 100%;
}
.pro-pic li p{
	background: rgba(125,125,125,0.86);
	width: 0.89rem;
	height: 0.32rem;
	line-height: 0.32rem;
	color: #fff;
	font-size: 0.2rem;
	border-radius: 0.2rem;
	position: absolute;
	right: 0.2rem;
	bottom: 0.2rem;
	text-align: center;
}
.pinfo-wrap  h1{
	background-image: -moz-linear-gradient( -90deg, rgb(235,235,234) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient( -90deg, rgb(235,235,234) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient( -90deg, rgb(235,235,234) 0%, rgb(255,255,255) 100%);
	font-size: 0.28rem;
	color: #333333;
	line-height: 0.4rem;
	text-align: left;
	margin: 0;
	padding: 0.1rem;
}
.pinfo-top{
	border: 1px solid #eeeeee;
}
.pinfo-top  table{
	width: 95%;
	margin: 0 auto;
}
.pinfo-top  table tr td{
	vertical-align: top;
	font-size: 0.22rem;
	color: #333;
	margin-bottom: 0.2rem;
	display: inline-block;
	float: left;
	text-align:justify;
}
.pinfo-top table tr td:first-child{
	width: 1.2rem;
	font-size: 0.22rem;
	color: #333333;
}
.pinfo-top table tr td:last-child{
	width: 4.8rem;
}
.pinfo-top table tr td span.price{
	color: #f67829;
	font-size: 0.22rem;
}
.pinfo-top table tr td a{
	display: inline-block;
	width: 1.14rem;
	height: 0.3rem;
	line-height: 0.3rem;
	border-radius: 0.2rem;
	font-size: 0.2rem;
	color: #fff;
	background: #f8b551;
	position: relative;
	margin-left: 0.2rem;
	text-align: center;
}
.pinfo-top table tr td.ted span{
	display: inline-block;
	margin-right: 0.5rem;
	font-size: 16px;
	color: #666666;
	padding-left: 0.36rem;
	height: 0.4rem;
	line-height: 0.4rem;
}
.pinfo-top table tr td.ted span:first-child{
	background: url(../img/pro_03.png) no-repeat left center;
	background-size: 0.3rem;
}
.pinfo-top table tr td.ted span:last-child{
	background: url(../img/pro_04.png) no-repeat left center;
	background-size: 0.3rem;
}
.pinfo-top table tr td.link a{
	display: inline-block;
	width: 1.95rem;
	height: 0.45rem;
	line-height: 0.45rem;
	text-align: center;
	font-size: 0.2rem;
	color: #fff;
	margin-left: 0;
	margin-right: 0.2rem;
	padding: 0;
	top: 0;
	cursor: pointer;
	vertical-align:top
}
.pinfo-top table tr td.link a:first-child{
	// background:#b7b7b7 url(../img/pro_05.png) no-repeat 0.3rem center;
	// background-size: 0.2rem;
	// text-indent: 1.6em;
	text-align:center;
	background-color:#b7b7b7;
	font-size:0;
}
.pinfo-top table tr td.link a:first-child img{
	width:0.2rem;
	margin-right:0.15rem;
	display:inline-block;
	vertical-align:middle
}
.pinfo-top table tr td.link a:first-child span{
	display:inline-block;
	vertical-align:middle;
	font-size:0.2rem;
}
.pinfo-top table tr td.link a:first-child.on{
	background-color: #f67829;
}
.pinfo-top table tr td.link a:last-child{
	background: #f67829;
}
.pdetail{
	border-top: 1px solid #d7d7d7;
	margin-top: 0.2rem;
}
.pdetail .pdtit{	
	background: url(../img/pdtit_bg.png) no-repeat 0.35rem top;
	background-size: 1.13rem;
	padding-left:0.4rem;
	height: 0.7rem;
	line-height: 0.7rem;
	font-size: 0.24rem;
	color: #eb6100;
	border-bottom: 1px solid #d7d7d7;
}
.pdetail .pvideo{
	width: 7.09rem;
	height: 3.51rem;
	margin: 0.3rem auto;
	background: #000;
}
.pdetail video{
	width: 100%;
	height: 100%;
}
.pdetail .pline{
	background: #eeeeee;
	border-bottom: 1px solid #d7d7d7;
	border-top: 1px solid #d7d7d7;
	height: 0.1rem;
}
.pdetail .pinfo-tit {
	background: url(../img/pinfo_titbg.jpg) no-repeat center;
	height: 0.98rem;
	line-height: 0.98rem;
	font-size: 0.36rem;
	color: #333333;
	text-indent: 1em;
	margin: 0 0.2rem 0.1rem;
}
.pdetail .pcanshu{
	height: 0.6rem;
	line-height: 0.6rem;
	text-indent: 1em;
	font-size: 0.2rem;
	color: #333333;
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 0.4rem;
	background: url(../img/pro_ic01.png) no-repeat 95% center;
	background-size: 0.13rem;	
}
.pdetail .pinfo-pic{
	margin: 0 0.2rem;
}
.pinfo-pic img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.popup{
	background: rgba(0,0,0,.6);
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	display: none;
}
.popup .ppbg{
	position: absolute;
	bottom: 0;
	background: #fff;
	height: auto;
	width: 100%;
	padding-top: 0.2rem;
}
.ppbg .done{
	display: block;
	width: 100%;
	height: 1.12rem;
	line-height: 1.12rem;
	text-align: center;
	background: #f67928;
	color: #fff;
	font-size: 0.3rem;
}
.ppbg img{
	display: block;
	max-width: 95%;
	margin: 0 auto;
}

.pother{
	border-top: 1px solid #d7d7d7;
	margin-top: 0.3rem;
	padding-top: 0.2rem;
}
.pother h3{
	font-size: 0.24rem;
	color: #EB6100;
	background: url(../img/pother_01.jpg) no-repeat 0.26rem center;
	text-indent: 2em;
	margin-bottom: 0.3rem;
}
.pother .pother-list{
	padding: 0.2rem;
	background: #e5e5e5;
}
.pother .pother-list li{
	width: 1.46rem;
	height: 1.46rem;
}
.pother-list li img{
	display: block;
	width: 100%;
	height: 100%;
}

.join-wrap .profile-tit{
	margin-left: 0.2rem;
}
.join-wrap .join{
	font-size: 0.18rem;
	line-height: 0.48rem;
	color: #666666;
	margin: 0.6rem 0.2rem 0;
	text-indent: 2em;
}
.join img{
	max-width: 100%;
	display: block;
	margin: 0 auto;
}



/*专题*/
.sub-sort li{
	width: 1.34rem;
	height: 0.52rem;
	line-height: 0.52rem;
}
.sub-sort li.on{
	background: #f67928;
}
.sub-sort li.on a{
	color: #fff;

}
.sub-list{
	padding: 0 0.2rem 0.6rem;
	background: url(../img/show_bg.jpg) no-repeat bottom center;
}
.isub-list li{
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
}
.sub-list li .more{
	clear: both;
	display: block;
	text-align: right;
	background: url(../img/icase_more.png) no-repeat 85% 0;
	background-size: 0.28rem;
	height: 0.28rem;
	line-height: 0.28rem;
	font-size: 0.2rem;
	margin-top: 0.1rem;
}
.sub-list li .more a{
	color: #f67928;
}

.binfo-wrap {
	background: #fff;
}
.binfo-wrap .detail{
	padding-top: 0.3rem;
}







.pro-wrapbox{
	padding:40px 6%;
}
.pro-wrapbox .tab-ul{
  padding:0 0 10px;
  display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
.pro-wrapbox .tab-ul .li{
    margin: 0 3px;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    font-size:14px;
    color: #fff;
    background: #999;
    display:block;
    cursor: pointer;
    margin-bottom:10px;
    transition: all .8s;
}
.pro-wrapbox .tab-ul .li:hover,.pro-wrapbox .tab-ul .li.cur{
  background: #f78236;
}
.pro-wrapbox .ulbox a{
  padding: 10px 0;
  display: block;
  border-bottom: 1px solid #d1d1d1;
}
.pro-wrapbox .ulbox a .tit3{
  font-size:16px;
  color:#333;
  margin-bottom:5px;
  transition: all .6s;
  line-height:1.4;
}
.pro-wrapbox .ulbox a .tit4{
  font-size:12px;
  color:#999;
  transition: all .6s;
  line-height:1.4;
}
.pro-wrapbox .ulbox{
  margin-bottom:40px;
}
	.sub-sort{
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	}


		.news-sort{
		  display: flex;
		  align-items: center;
		  justify-content: flex-start;
		}
		.news-sort li {
		  width: 20%;
		}
		.news-sort li.on{
			background: #f67928;
			color: #fff;
			border-color: transparent;
		}
		.news-sort li.on a{
			color: #fff;
		}




.case-list li p{

    width:100%;
    overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}