body{

	overflow-x:hidden; 

}

input,textarea{

	-webkit-appearance:none;

	outline:none

}



*{

	box-sizing: border-box;

	font-family: "微软雅黑","\5b8b\4f53",Arial,sans-serif;

}

.fp-section{

	box-sizing: content-box !important;

}

.fl{float: left;}

.fr{float: right;}

.header {

	position: fixed;

	width: 100%;

	top: 0;

	left: 0;

	z-index: 10;

}

.header .header-bar{

	background: #fff;

}

.header .bar-content{

	max-width: 1700px;

	padding:0 6%;

	background: #fff;

	box-sizing: content-box;



}

.w-content{

	max-width: 1300px;

	padding:0 16%;

	box-sizing: content-box;

}

.header-bar{

	height: 80px;

	line-height: 80px;

	-webkit-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease;

}

.logo{

	height:100%;

	float: left;

	-webkit-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease;

}

.header-bar-right{

	float: right;

	font-size: 16px;

	-webkit-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease;

}

.header-bar-right a{

	position: relative;

}

.header-bar-right >a{

	margin-left: 50px;

}

.header-bar-right a:hover{

	color: #d02424;

}

.header-bar-right .icon{

	margin-right: 10px;

}

.jingxiaoshang{

	position: relative;

}

.login{

	position: absolute;

	width:380px;

	height: 300px;

	background: #fff;

	left: 50%;

	transform: translateX(-50%);

	border-top: solid 1px #999;

	box-shadow: 0 10px 15px rgba(0,0,0,.3);

	margin-top: 40px;

	display: none;

	opacity: 0;

	-webkit-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease;

	padding: 30px;

	z-index: 200;

}

.loginboxtitle{

	text-align: center;

	line-height: 1.3;

	margin-bottom: 32px;

}

.login form{

	height: 100%;

}

.login input{

	width:100%;

	display: block;

	height:40px;

	padding: 0 16px;

	margin-bottom: 30px;

}

.login button{

	width:100%;

	height: 40px;

	display: block;

	background: #222;

	color:#fff;

	border:none;

	cursor: pointer;

}

.login.show{

	opacity: 1;

	margin-top: 0;

}

.header .nav{

	width:100%;

	height: 80px;

	background: rgba(0,0,0,.7);

}

.header .nav div{

	text-align: center;

}

.header .nav ul{

	display: inline-block;

}

.header .nav li{

	float: left;

	line-height: 80px;

	font-size: 18px;

}

.header .nav li + li{

	margin-left: 40px;

}

.header .nav li a{

	display:block;

	color: #fff;

	padding: 0 20px;

}

.fp-section1{

	overflow: hidden;

}

.fp-section1 > .fp-tableCell{

	display:block;

	padding-top: 80px;

}

.fp-section1 .banner{

	height: 100%;

}

.fp-section1 .swiper-container{

	height: 100%;

}

.fp-section1 img{

	width:100% !important;

	height: 100%;

}

#fp-nav ul li{

	border: solid 1px #222;

	border-radius: 100%;

	padding: 2px;

	width:15px;

	height: 15px;

	box-sizing: content-box;

}

#fp-nav ul li a span, .fp-slidesNav ul li a span{

	width: 1px;

	height: 1px;

	background: #222;

	box-sizing: content-box;

	transform-origin: center;

	opacity: 0;

}

#fp-nav ul li .fp-tooltip.right{

	right: 30px;

	color: #222;

}

#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span{

	width:100%;

	height: 100%;

	margin: -7.5px 0 0 -7.5px;

	opacity: 1;

}

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{

	opacity: 1;

}

.fp-section2 > .fp-tableCell{

	display: block;

}

.fp-section2 .layui-tab{

}

.fp-section2 .fp-tableCell{

	display:table;

	padding-top: 80px;

}

.ipseach{

	float: right;

}

.ipseach .layui-unselect{

	float: left;

	width:80px;

	border:none;

	border-right: solid 1px #e21313;

	height: 40px;

}

.ipseach .layui-form-select dl dd.layui-this{

	background:  #e21313;

}

.ipseach .layui-unselect .layui-input{

	border-radius: 4px;

}

.ipseach .layui-unselect:hover .layui-input{

	border-color: #e21313 !important;

}

.ipseach{

	border:solid 1px #e21313;

	border-radius: 4px;

}

.ipseachinput{

	width:265px;

	float: left;

	border:none;

}

.ipseachSubmit{

	cursor: pointer;

	display: inline-block;

	float: right;

	vertical-align: top;

	height:40px;

	width:45px;

	text-align: center;

	line-height: 40px;

	background: #e21313;

	border: none;

	border-radius: 4px;

}

.index-product{

	padding-top: 80px;

	opacity: 0;

	transition: all .4s ease;

}

.index-product .layui-tab-title{

	margin-top: 0;

}

.index-product.show{

	opacity: 1;

}

.index-product .indexproductname{

	position: absolute;

	bottom: 0;

	width:100%;

	height:40px;

	line-height: 40px;

	background:rgba(0,0,0,.6);

	color: #fff;

	text-align: center;

	font-size: 16px;

}

.layui-tab-title{

	border:none;

	text-align: center;

}

.layui-tab-title .layui-this:after{

	border:none;

}

.layui-tab-title .layui-this a{

	color:#e21413;

}

.index-product .layui-tab-item .indexproductlist li{

	position: relative;

	width:23.5%;

	float:left;

	box-sizing: border-box;

	margin-top: 2%;

	margin-right: 2%;

}



.index-product .layui-tab-item li:nth-child(4n+0){

	margin-right: 0;

}

.index-product .layui-tab-title li + li:before{

	content:"|";

	display:inline-block;

	position: absolute;

	left: 0;

}

.index-product .layui-tab-title .layui-this a{

	color: #e21313;

}

.squarebox{

	position: relative;

	padding-bottom: 100%;

	overflow: hidden;

}

.squarebox img{

	position: absolute;

	margin-top: 0;

	max-width: 100%;

	max-height: 100%;

	background-size: contain;

}

.indexproductlist .squarebox .before{

	-webkit-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease;

}

.indexproductlist .squarebox:hover .before{

	opacity: 0;

	margin-top: -20px;

}

.indexproductbigbanner{

	margin-top:2%;

}

.indexproductbigbanner img{

	width:100%;

	max-height: 612px;

}

.indexProductTapBar{

	height: 40px;

	line-height: 40px;

}

.indexProductTapBar .ipTapBarList{

	max-width: 670px;

	overflow: hidden;

	float: left;

}

.ipTapBarList a{

	padding:6px 12px;

}

.ipTapBarList a:hover{

	color: #e21313;

}

.ipTapBarList .choose{

	border: solid 1px #e21313;

	color: #e21313;

}

#fp-nav ul{

	background: rgba(255,255,255,.5);

	padding: 5px 0;

	border-radius: 6px;

}

.fp-section3{



}

.fp-section3 .bg-img{

	position: absolute;

	width:100%;

	height:100%;

	top: 0;

	left: 0;

	z-index: -1;

}

.fp-section3 .indexabout{

	position: relative;

}

.indexAboutInfo{

	margin-left:-2%;

	opacity: 0;

}

.indexAboutVideo{

	margin-right:-2%;

	opacity: 0;

}

.indexAboutVideo img{

	width: 100%;

}

.fp-section3 .indexabout.show .indexAboutInfo{

	margin-left:0;

	opacity: 1;

}

.fp-section3 .indexabout.show .indexAboutVideo{

	margin-right:0;

	opacity: 1;

}

.indexAboutInfo{

	background:#fff;

	padding: 55px 32px 20px;

	width: 45%;

	float: left;

	position: absolute;

	left: 20px;

	z-index: 10;

	bottom: -40px;

}

.indexAboutInfoTitle{

	display: block;

	font-size: 36px;

	color: #221815;

	margin-bottom: 20px;

}

.indexAboutInfoTitle .red{

	color: #ff0000;

	font-family: arial;

	display:inline-block;

	margin-left: 20px;

}

.indexAboutContent span{

	line-height:2;

}

.indexAboutInfo .more{

	width:120px;

	height: 50px;

	color: #fff;

	background: #e31413;

	display: block;

	margin:0 auto;

	text-align: center;

	line-height: 50px;

	font-size:20px;

}

.indexAboutVideo{

	position: relative;

	right: 20px;

	width: 55%;

	float: right;

	display: inline-block;

}

.indexAboutInfo.show{

	opacity: 1;

	margin-left: 0;

	transition: all .6s ease;

}

.indexAboutVideo.show{

	transition: all .6s ease;

	transition-delay: .2s;

	opacity: 1;

	margin-right: 0;

}

.fp-section4 .bg-img{

	position: absolute;

	top: 0;

	left: 0;

}

.fp-section4 .case{

	position: relative;



}

.case .title{

	position: relative;

	text-align: center;

	color: #fff;

	font-size: 38px;

	padding-bottom: 20px;

	margin-bottom: 55px;

}

.case .title:after{

	content: '';

	display: block;

	width: 30px;

	border-bottom: solid 2px #e21413;

	position: absolute;

	left: 50%;

	bottom: 0px;

	margin-left: -15px;

}

.case .title p{

	font-size:38px;

}

.case .content{

	width: 564px;

	height: 282px;

	display: block;

	margin:0 auto;

	position: relative;

}

.casesquare{

	width: 200px;

	height: 200px;

	background: #fff;

	position: relative;

	z-index: -2;

	/*transform: rotate(45deg);*/

}

.casesquare-box a{

	display: block;

	transform: rotate(45deg);

	overflow: hidden;

}

.casesquare-box{

	position: relative;

	padding: 41px;

	float: left;

	-webkit-transition: all .4s ease-out;

	-o-transition: all .4s ease-out;

	transition: all .4s ease-out;

	opacity: 0;

}



.casesquare-box .zi{

	position: absolute;

	width: 200px;

	text-align: center;

	z-index: 1;

	top: 50%;

	left: 50%;

	transform: translateX(-50%) translateY(-50%);

	font-size: 28px;

	color: #e21413;



}

.casesquare-box.red .casesquare{

	background: #e21413;

}

.casesquare-box.red .zi{

	color: #fff;

}

.box-l{

	position: absolute;

	left: -282px;

	bottom: -282px;

}

.box-r{

	position: absolute;

	right: -282px;

	top: -282px;

}

.casesquare-box.show.box-l{

	left: 0px;

	bottom: 7px;

	opacity: 1;

}

.casesquare-box.show.box-r{

	right: 0px;

	top: 7px;

	opacity: 1;

}

.fp-section4{

	overflow: hidden;

}

.fp-section5 .title .red{

	color: #e21413;

}

.fp-section5 .title p{

	font-size: 36px;

	text-transform: uppercase;

	text-align: center;

}

.fp-section5 .title p{

	/*display: inline-block;*/

}

.fp-section5 .title:hover a{

	color: #333;

}

.section .bg-img{

	position: absolute;

	top: 0;

	left: 0;

	width:100%;

	height:100%;

}

.fp-section5{

	overflow: hidden;

}

.fp-section5 .indexhonor{

	position: relative;

}

.indexHonorSwiper{

	width: 100%;

	margin-top: 35px;

}

.indexHonorSwiper .list{

	position: relative;

	width: 25%;

	padding:0 3%;

	left: 20px;

	opacity: 0;

	-webkit-transition: all .6s ease;

	-o-transition: all .6s ease;

	transition: all .6s ease;

}

.indexHonorSwiper .list:nth-child(2){

	transition-delay: .1s;

}

.indexHonorSwiper .list:nth-child(3){

	transition-delay: .2s;

}

.indexHonorSwiper .list:nth-child(4){

	transition-delay: .3s;

}

.indexHonorSwiper.show .list{

	left: 0px;

	opacity: 1;

}

.indexHonorSwiper ul{

	padding: 20px 0;

}

.indexHonorSwiper .list .imgbox{

	position: relative;

	padding-bottom: 140%;

	/*overflow: hidden;*/

}

.indexHonorSwiper .list img{

	position: absolute;

	background-size: contain;

	max-width: 100%;

	max-height: 100%;

	top: 50%;

	left: 50%;

	transform: translateX(-50%) translateY(-50%);

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.indexHonorSwiper .list .imgbox:hover img{

	box-shadow: 0px 5px 15px 1px  rgba(0,0,0,.3);

}

.indexHonorSwiper-pagination{

	opacity: 0;

	text-align: center;

	margin-top: 20px;

	-webkit-transition: all .6s ease;

	-o-transition: all .6s ease;

	transition: all .6s ease;

}

.indexHonorSwiper-pagination.show{

	opacity: 1;

}

.swiper-pagination-bullet{

	margin:0 4px;

	width: 50px;

	height: 6px;

	border-radius: 0;

}

.swiper-pagination-bullet-active{

	background: #e21413;

}

.indexHonorSwiperSwitch{

	float: right;

	padding-right: 3%;

}



.fp-section6 .fp-tableCell{

	/*padding-top: 80px;*/

	display: table;

    table-layout: fixed;

}

.fp-section6 .title p{

	font-size:36px;

	display: inline-block;

}

.fp-section6 .title a{

	color: #fff;

}



.fp-section6 .title a:hover{

	color: #fff;

}

.index-mask{

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background: rgba(0,0,0,.6);

	z-index: -10;

	opacity: 0;

	-webkit-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease;

}

.indexnews{

	position: relative;

}

.table-c{

	display: table-cell;

    vertical-align: middle;

    width: 100%;

    height: 100%;

}

.indexnews .title{

	font-size: 36px;

	color: #fff;

	text-align: center;

	margin-bottom: 60px;

}

.indexBigNew{

	position: relative;

	width: 50%;

	padding-right: 5%;

	float: left;

	margin-left: -20px;

	opacity: 0;

	-webkit-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease;

	max-width: 640px;

}

.indexnews.show .indexBigNew{

	opacity: 1;

	margin-left: 0;

}

.indexBigNew .imgbox{

	position: relative;

	padding-bottom: 75%;

	overflow: hidden;

}

.indexBigNew:hover .indexBigNewtitle a{

	color: #e21413;

}

.indexBigNew:hover .imgbox img{

	transform: scale(1.1);

}

.indexBigNew:hover .indexBigNewdate{

	width: 120px;

	height: 120px;

}

.indexBigNew .imgbox img{

	position: absolute;

	max-width: 100%;

	max-height: 100%;

	background-size: contain;

	-webkit-transition: all .6s ease;

	-o-transition: all .6s ease;

	transition: all .6s ease;



}

.indexBigNewdate{

	position: absolute;

	top: 0;

	left: 0;

	background: rgba(255,0,0,.7);

	width: 100px;

	height: 100px;

	z-index: 2;

	color: #fff;

	text-align: center;

	-webkit-transition: all .6s ease;

	-o-transition: all .6s ease;

	transition: all .6s ease;



}

.indexBigNewdateBox{

	position: absolute;

	top:50%;

	left: 50%;

	transform: translateY(-50%) translateX(-50%);

}

.indexBigNewdate .day{

	font-size: 48px;

}

.indexBigNewdate .yearmonth{

	font-size: 16px;

}

.indexBigNewtitle{

	position: relative;

	padding:5% 0;

	font-size: 18px;

	background: #fff;

}

.indexBigNewtitle .zi{

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	max-width: 100%;

	padding:0 30px;

	max-height: 24px;

	overflow: hidden;

}

.indexNewLists{

	width: 50%;

	float: right;

}

.indexNewitem{

	position: relative;

	/*background: #fff;*/

	width: 100%;

	height: 10%;

	margin-bottom: 3%;

	-webkit-transition: all .6s ease;

	-o-transition: all .6s ease;

	transition: all .6s ease;

	top: -40px;

	opacity: 0;

	transition-delay: .5s;

}

.indexnews.show .indexNewitem{

	top: 0;

	opacity: 1;

}

.indexNewitem:nth-child(2){

	transition-delay: .6s;

}

.indexNewitem:nth-child(3){

	transition-delay: .7s;

}

.indexNewitem:nth-child(4){

	transition-delay: .8s;

}

.indexNewitem a{

	position: absolute;

	background: #fff;

	display: block;

	width: 100%;

	height: 100%;

	-webkit-transition: all .1s ease;

	-o-transition: all .1s ease;

	transition: all .1s ease;

}

.indexNewitem a:hover{

	background: rgba(255,0,0,1);

}

.indexNewitem:hover a{

	color: #fff;

}

.indexNewitem > div{

	padding-bottom: 16.9%;

}

.indexNewitemdate{

	float: left;

	position: absolute;

	width: 17%;

	height: 100%;

	text-align: center;

}

.indexNewitemdate:after{

	content: '';

	display: block;

	position: absolute;

	height: 100%;

	border-right:solid #dcdada 1px;

	right:0;

}

.indexNewitemdateBox{

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translateY(-50%) translateX(-50%);

}

.indexNewitemdate .day{

	font-size: 48px;

	/*-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;*/

}

.indexNewitemdate .yearmonth{

	font-size: 16px;

	/*-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;*/

}

.indexNewitemcontent{

	position: absolute;

	width: 100%;

	padding:0 3% 0 20%;

	top: 50%;

	transform: translateY(-50%);

}

.indexNewitemcontent p{

	/*-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;*/

	line-height: 2;

	height:28px;

	overflow: hidden;

}

.indexNewitemtitle{

	font-size: 18px;

}

#fullpage .section:last-child{

	height: 450px !important;

	box-sizing:border-box !important;

	display: block;

}

#fullpage .section:last-child .fp-tableCell{

	height: 450px !important;

	display: block;

}

.indexfooter{

	padding-top: 46px;

}

.indexfooter-zhichi{

		float: right;

	}

.indexfooter-leftbox{

	width: 65%;

	float: left;

}

.indexfooter-nav li{

	float: left;

	margin-right: 35px;

	margin-bottom: 20px;

}

.indexfooter-nav li a{

	color: #fff;

}

.indexfooter-infolist{

	color: #fff;

	line-height: 2;

	margin-top: 45px;

}

.indexfooter-rightbox{

	float: right;

}

.indexfootershare{

	margin-top: 48px;

	float: left;

}

.indexfootershare li{

	position: relative;

	float: left;

	text-align: center;

	color: #fff;

	margin-right: 12px;

}

.indexfootershare li a{

	color: #fff;

}

.indexfootershare li.qq:hover p{

	color: #0095d9;

}

.indexfootershare li.wechat:hover p{

	color: #3eb370;

}

.indexfootershare li.wechat:hover .wechatqrcode{

	opacity: 1;

	top: -15px;

	display: block;

}

.wechatqrcode{

	position: absolute;

	left: 50%;

	transform: translateX(-50%) translateY(-100%);

	top: 0;

	z-index: 20;

	opacity: 0;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	display: none;

}

.indexfootershare li.weibo:hover p{

	color: #ba2636;

}

.indexfootershare .iconbox{

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	position: relative;

	display: block;

	width: 40px;

	height: 40px;

	background: #fff;

	border-radius: 100%;

	text-align: center;

	line-height: 40px;

	margin-bottom: 15px;

}

.indexfootershare .iconbox img{

	width: 20px;

	height: 20px;

}

.indexfooterQrcode{

	float: right;

	text-align: center;

	color: #fff;

	margin-left: 50px;

}

.indexfooterQrcode p{

	margin-top: 9px;

}

.indexfooter-bar{

	float: left;

	width: 100%;

	height: 30px;

	color: #fff;

	margin-top: 25px;

	line-height: 30px;

}

.openvideo{

	position: fixed;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.8);

	top: 0;

	left: 0;

	z-index: 200;

	padding: 8% 18%;

	display:none;

}

.videobox{

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translateX(-50%) translateY(-50%);

	background: #fff;

}

.videobox video{

	max-width: 100%;

	max-height: 100%;

}



.indexzaixian{

	position: fixed;

	width:160px;

	height:60px;

	border-radius: 6px;

	background: #e20e13;

	right:20px;

	bottom: 20px;

	margin-bottom:-80px;

	opacity: 0;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.indexzaixian a{

	display: block;

	width:100%;

	height:100%;

	line-height:60px;

	text-align: center;

	color:#fff;

	font-size:18px;

}

.indexzaixian a .icon{

	display: inline-block;

	margin-left: 5px;

}

.indexzaixian.show{

	opacity: 1;

	margin-bottom:0px;

}

.fudongbox{

	position: fixed;

	width:240px;

	height:300px;

	border-radius:6px;

	box-shadow: 0 0 12px rgba(0,0,0,.4);

	right:20px;

	bottom: 20px;

	margin-bottom:-320px;

	background: #fff;

	-webkit-transition: all .6s ease;

	-o-transition: all .6s ease;

	transition: all .6s ease;

	opacity: 0;

}

.fudongboxbottomopen{

	width:260px;

	height:200px;

	background: #ff0000;

	position: absolute;

	bottom:0;

	left: 0px;

	border-radius:6px;

	box-shadow: 0 0 12px rgba(0,0,0,.4);

	opacity: 0;

	-webkit-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease;

	z-index: 1;

	padding:32px;

}

.fudongboxbottomopen.show{

	left: -265px;

	opacity: 1;

}

.fudongboxbottomopen p{

	color:#fff;

	text-align: center;

	margin-bottom:21px;

}

.fudongboxphone{

	margin-top:16px;

}

.fudongboxbottomopen .layui-form-select dl dd.layui-this{

	background: #e21313;

}

.fudongboxbottomopen .layui-form-select .layui-edge{

	border-top-color: #e21313;

}

.fudongboxphonebox{

	position: relative;

}

.fudongboxphonebox .icon{

	position: absolute;

	right: 6px;

	top:50%;

	transform: translateY(-50%);

}

.fudongbox.show{

	opacity: 1;

	margin-bottom:0px;

}

.fudongboxtianmao{

	position: relative;

	background: #fff;

	text-align: center;

	height: 180px;

	border-bottom: solid 1px #c8c8c8;

	z-index: 10;

}



.fudongboxtianmao a:hover{

	color:#e21313;

}

.fudongboxtianmao img{

	margin-top: 50px;

	margin-bottom: 28px

}

.fudongbox{

	color:#666;

}

.fudongboxbottom{

	text-align: center;

	padding-top: 25px;

	height:120px;

	background: #fff;

	position: relative;

	z-index: 10;

}

.fudongboxbottom a{

	display: inline-block;

	width:100px;

	height:48px;

	line-height:48px;

	font-size:18px;

	border:solid 1px #e21313;

	color:#222;

	border-radius:6px;

}

.fudongboxbottom a:hover{

	background: #e21313;

	color:#fff;

}

/*内页*/

.content-header{

	position: static;

}

.content-header .nav{

	top: 0;

	left: 0;

	width:100%;

	z-index: 100;

	background: #222;

	

}

.content-header .nav.fixed{

	height:50px;

}

.header .nav.fixed li{

	line-height:50px;

}

.contentbannerswiper .imgbox{

	/*width:1300px !important;*/

	height:600px;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

} 

.contentbannerswiper .swiper-slide{

	position: relative;

}

.contentbannermask{

	position: relative;

	height: 600px;

	width: calc((100% - 1300px) / 2);

	background: rgba(0,0,0,.6);

	z-index: 110;

	cursor: pointer;

}

.contentbannermask:hover{

	background: rgba(0,0,0,.4);

}

.contentbannermask .icon{

	position:absolute;

	width: 25px;

	height: 38px;

	right: 20px;

	top: 50%;

	margin-top: -19px;

}

.contentbannermask-right .icon{

	left: 20px;

}

.contentbannerswiper .swiper-slide-active{

}

.contentbannerswiper{

	width:1300px;

	float: left;

	overflow: visible !important;

}

.contentbannerswiper .imgbox img{

	width:100%;

	height: 100%;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	z-index: 100;

}

.contentbannerswiperbtn{

	width:calc((100% - 1300px) / 2);

	height: 600px;

	overflow: hidden;

	position: relative;

	cursor: pointer;

}

.contentbannerswiperbtn:hover:after{

	background:rgba(0,0,0,.4);

}

.contentbannerswiperbtn:after{

	content:'';

	display: block;

	position: absolute;

	width:100%;

	height: 100%;

	background:rgba(0,0,0,.6);

	top: 0;

	left: 0;

}

.contentbannerswiperbtn .swiperbtn-bgimg{

	height: 100%;

	position: relative;

	z-index: -1;

}

.contentbannerswiperbtn .icon{

	display: block;

	position: absolute;

	top: 50%;

	z-index: 10;

}

/*.contentbannerswiperbox{

	margin-top: 0;

	-webkit-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease;

}*/



.contentbannerswiperbox.full-swiper .contentbannerswiperbtn{

	display: none;

}

.contentbannerswiperbox.full-swiper .contentbannerswiper{

	width:100%;

}

.contentbannerswiperbox.full-swiper .contentbannerswiper .imgbox{

	height:auto;

}

.contentbannerswiperbox .prvebtn .icon{

	right: 20px;

}

.contentbannerswiperbox .nextbtn .icon{

	left: 20px;

}

/*#slide3d img{

	width:100%;

}*/



.routerbar{

	height:36px;

	background: #ebebeb;

}

.breadcrumb{

	line-height:36px;

}

.breadcrumb a + a:before{

	content: ">";

	display:inline-block;

	margin:0 6px 0 5px;

}



/*产品中心*/

.product .layui-tab-title{

	border:none;

}

.product .layui-tab-title .layui-this:after{

	border:none;

}

.product .layui-tab-title .layui-this a{

	color: #e21313;

}

.product{

	margin-bottom: 170px;

}

.producttitle{

	position: relative;

	height: 40px;

	text-align: center;

	margin-top: 60px;

}

.producttitle .titleinfo{

	font-size:30px;

}

.producttitle .ipseach{

	position: absolute;

	width:auto;

	top: 0;

	right:0;

}

.contenttitle{

	position: relative;

	/*height: 40px;*/

	text-align: center;

	margin-top: 60px;

}

.contenttitle .titleinfo{

	font-size:30px;

}







.producttitle .ipseach .ipseachinput{

	width: 262px;

}

.producttype{

	margin-top: 40px;

}

.producttype .choose{

	color:#e21313;

}

.producttype a{

	position: relative;

	display: inline-block;

	padding: 0 14px;

}

.producttype a + a:before{

	content:'';

	display: block;

	height: 100%;

	border-right: solid 1px #222;

	position: absolute;

	top: 0;

	left: -2px;

	position: absolute;

}

.layui-tab-title{

	margin-top: 40px;

	text-align: center;

}

.layui-tab-title .choose{

	color: #e21313;

}

.layui-tab-title li{

	position: relative;

	padding: 0;

}

.layui-tab-title li a{

	display:inline-block;

}

.layui-tab-title li  + li:before{

	content: '|';

	display:inline-block;

	position: absolute;

	left: -1px;

}



.productmoretype{

	margin-top: 40px;

	margin-bottom: 35px;

	text-align: center;

}

.productmoretype a{

	margin:0 10px;

	padding:8px 12px;

	display:inline-block;

}

.productmoretype a:hover{

	color: #e21413;

}

.productmoretype a.choose{

	border:solid 1px #e21413;

	color: #e21413;

}

.layui-tapmoretype{

	margin-top: 40px;

	margin-bottom: 35px;

	text-align: center;

}

.layui-tapmoretype a{

	margin:0 10px;

	padding:8px 12px;

	display:inline-block;

}

.layui-tapmoretype a:hover{

	color: #e21413;

}

.layui-tapmoretype a.choose{

	border:solid 1px #e21413;

	color: #e21413;

}

.redhr{

	background-color:#e21413; 

}

.productlist li{

	width: 23.5%;

	float: left;

	margin-top: 2%;

    margin-right: 2%;

}

.productlist li:nth-child(4n+0) {

    margin-right: 0;

}

.productlist li .before{

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}



.productlist li .before:hover{

    opacity: 0;

    margin-top: -20px;

}

.productlistname{

	position: absolute;

	bottom: 0;

	height: 40px;

	background: rgba(0,0,0,.6);

	width:100%;

	color: #fff;

	text-align: center;

	line-height: 40px;

	font-size: 16px;

}

.squarebox img{

	top: 50%;

	left: 50%;

	transform: translateX(-50%) translateY(-50%);

}

.moreproductlist{

	background: #e21313;

	display: block;

	height:40px;

	width:130px;

	max-width: 130px;

	line-height: 40px;

	text-align: center;

	color: #fff;

	margin:0 auto;

	margin-top: 30px;

}

.moreproductlist img{

	width:24px;

}

.moreproductlist i{

	margin-right: 2px;

}

.moreproductlist:hover{

	color: #fff;

}

/*产品内页*/

.productdetailName{

	text-align: center;

	font-size:24px;

	margin-top: 65px;

	margin-bottom: 40px;

}

.productdetailImg{

	/*padding: .5%;*/

	width:47%;

	margin: 0 auto;

	border: solid 1px #dfdfdf;

	margin-bottom: 40px;

}

.productdetailImg .swiper-slide{

	padding: 1%;

}

.productdetailImg .swiper-pagination-bullet{

	height:6px;

}

.productdetailInfo{

	display:inline-block;

	margin:0 auto;

	max-width: 400px;

	text-align:left;

}

.product-detail .w-content{

	text-align: center;

}

.productdetailInfoItem{

	margin-bottom: 16px;

}

.productdetailInfo-boldzi{

	display:inline-block;

	width:80px;

	margin-right: 20px;

	color: #000;

	vertical-align: top;

}

.productdetailInfo-zi{

	display:inline-block;

	max-width: 290px;

	color: #424242;

	word-wrap:break-word;

}

.productdetailMore{

	margin-top: 75px;

	margin-bottom: 80px;

}

.productdetailMore ul li{

	width:24.5%;

	float: left;

}

.productdetailMore ul li + li{

	margin-left: .65%;

}

.productdetailMore ul li .imgbox{

	position: relative;

	padding-bottom: 86%;

	-webkit-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease;

}

.productdetailMore ul li .imgbox:after{

	content: '';

	display:block;

	position: absolute;

	width:100%;

	height:100%;

	top: 0;

	left: 0;

	background: rgba(0,0,0,.8);

	-webkit-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease;

	opacity: 0;

}

.productdetailMore ul li .imgbox:hover .productdetailMoreItemZi{

	opacity: 1;

	top: 50%;

}

.productdetailMore ul li .imgbox:hover:after{

	opacity: 1;

}

.productdetailMore ul li .imgbox img{

	position: absolute;

	background-size: contain;

	top: 50%;

	left: 50%;

	transform: translateX(-50%) translateY(-50%);

	max-width: 100%;

	max-height: 100%;

}

.productdetailMoreItemZi{

	position: absolute;

	padding: 10px;

	top: 40%;

	left: 50%;

	transform: translateX(-50%) translateY(-50%);

	color: #fff;

	z-index: 11;

	font-size:16px;

	opacity: 0;

	-webkit-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease;

}

.productdetailRouterGroup a{

	display: inline-block;

	overflow: hidden;

	width:140px;

	height:50px;

	line-height: 50px;

	text-align: center;

	border:solid 1px #dfdfdf;

	margin: 0 15px;

}

.productdetailRouterGroup a:hover{

	border-color: #e31413;

	color: #e31413;

}

.contentbox{

	margin-top: 80px;

	margin-bottom: 170px;

}



/*公司介绍*/

.contentrouter{

	margin-top: 51px;

	margin-bottom: 20px;

	text-align: center;

}

.contentrouter a{

	position: relative;

	padding:0 20px;

}

.contentrouter a.choose{

	color: #e31413;

}

.contentrouter a + a:before{

	position: absolute;

	content: '';

	display: block;

	height: 100%;

	left: -2px;

	top: 0;

	border-right:solid 1px #222;

	display: inline-block;

}

.aboutContentLeft{

	width:50%;

	float: left;

	color: #424242;

}

.aboutContentLefttitle{

	font-size: 20px;

	line-height: 2;

}

.aboutContentLeftS-zi{

	display:block;

	line-height: 2;

}

.aboutContentLeftZi{

	text-indent: 28px;

	line-height: 2;

}

.aboutContentRight{

	width:50%;

	padding-left: 7%;

	float: left;

}

.aboutContentRight .imageitem{

	/*border:solid 1px #efefef;*/

	margin-bottom: 50px;

}



.aboutContentRight .imgbox{

	padding-bottom: 80%;

	position: relative;

}

.aboutContentRight .imageitem + .imageitem .imgbox{

	

}

.aboutContentRight .imgbox img{

	position: absolute;

	background-size: contain;

	width:100%;

	height: 100%;

}



/*王宫*/

.wanggongSection .imageitem{

	width:45%;

	display: inline-block;

	vertical-align: middle;

/*	border:solid 1px #efefef;*/

}

.lbox{

	margin-right: 4%;

}

.rbox{

	margin-left: 4%;

}

.wanggongSection .imgbox{

	padding-bottom: 80%;

	position: relative;

}

.wanggongSection .imageitem + .imageitem .imgbox{

	top:-20px;

	left: 20px;

}

.wanggongSection .imgbox img{

	position: absolute;

	background-size: contain;

	width:100%;

	height: 100%;

}

.wanggongSectionzibox{

	width:45%;

	display: inline-block;

	vertical-align: middle;

	color: #424242;

}

.wanggongSectionziboxTitle{

	font-size:20px;

	margin-bottom: 50px;

}

.wanggongSectionziboxZi{

	text-indent: 28px;

	line-height: 2;

}

.wanggongSection2,

.wanggongSection3{

	margin-top: 60px;

}



/*文化*/

.wenhualists li{

	height: 110px;

	border:solid 1px #c9c9c9;

	margin-bottom: 35px;

}

.wenhualists li::last-child{

	margin-bottom: 0px;

}

.wenhualistsleft{

	width:160px;

	height: 100%;

	line-height: 110px;

	background: #d7000f;

	color: #fff;

	float: left;

	text-align: center;

	font-size:18px;

}

.wenhualistsright{

	position: relative;

	width:100%;

	height: 100%;

	padding:0 40px 0 220px;

	color: #424242;

}

.wenhualistsrightzi{

	position: relative;

	width: 100%;

	top: 50%;

	transform: translateY(-50%);

}

/*视频*/

.videolists li{

	position: relative;

	width:32.33333%;

	margin-right: 1.5%;

	float: left;

	text-align: center;

	color: #221815;

	margin-bottom: 52px;

}

.videolists li:hover .imgbox:after{

	opacity: 1;

}

.videolists li:hover .videoplayicon{

	opacity: 1;

	top: 50%;



}

.videolists li:nth-child(3n + 0){

	margin-right: 0;

}

.videolists li .imgbox:after{

	content:'';

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width:100%;

	height:100%;

	background:rgba(0,0,0,.7);

	z-index: 99;

	opacity: 0;

	-webkit-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease;

}

.videolists .imgbox{

	padding-bottom: 86%;

	position: relative;

	overflow: hidden;

}

.videolists .imgbox img{

	background-size: contain;

	max-width: 100%;

	max-height: 100%;

	top: 50%;

	left: 50%;

	transform: translateX(-50%) translateY(-50%);

	position: absolute;

}

.videoplayicon{

	position: absolute;

	top: 40%;

	left: 50%;

	transform: translateX(-50%) translateY(-50%);

	z-index: 100;

	opacity: 0;

	-webkit-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease;

}

.videoname{

	margin-top: 16px;

	color:#221815;

}

/*空间*/

.kongjiantype{

	text-align: center;

}

.kongjiantype a{

	position: relative;

	padding: 0 4px;

}

.kongjiantype a + a:before{

	position: absolute;

	content: "";

	display: inline-block;

	height: 100%;

	left: -3px;

	border-right: solid 1px #222;

}

.kongjiantype .choose{

	color: #ff0000;

}

.kongjianlists li{

	width:32.333333%;

	margin-right: 1.5%;

	float: left;

	margin-bottom: 60px;

}

.kongjianlists li:nth-child(3n + 0){

	margin-right: 0%;

}

.kongjianlists li .imgbox{

	padding-bottom: 75%;

	position: relative;

	overflow: hidden;

}



.kongjianlists li:hover img{

	transform: scale(1.1);

}

.kongjianlists li .imgbox img{

	position: absolute;

	width:100%;

	height: 100%;

	background-size: contain;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.kongjianlistname{

	text-align: center;

	margin-top: 16px;

	color:#333333;

}

/*荣誉*/

.honorlists  li:hover a{

	color:#e31413;

}

.honorlists  li:hover{

	box-shadow:0 0 25px rgba(0,0,0,.2);

}

.honorlists  li{

	width:27.3333333%;

	float: left;

	margin-bottom: 50px;

	border:solid 1px #e9e9e9;

	margin-right: 9%;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.honorlists  li:nth-child(3n + 0){

	margin-right: 0;

}

.honorlists .imgbox{

	position: relative;

	padding-bottom: 138%;

}

.honorlists .imgbox img{

	position: absolute;

	background-size: contain;

	max-width: 100%;

	max-height: 100%;

	top: 50%;

	left: 50%;

	transform: translateX(-50%) translateY(-50%);

	padding: 2%;

}

.honorliststname{

	border-top: solid 1px #e9e9e9;

	height:40px;

	line-height: 40px;

	text-align: center;

}

.weui-photo-browser-modal.weui-photo-browser-modal-visible {

    opacity: 1;

}

.weui-photo-browser-modal {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #000;

    display: none;

    opacity: 0;

    -webkit-transition: opacity .3s;

    transition: opacity .3s;

}

.weui-photo-browser-modal .swiper-container.swiper-container-visible {

    -webkit-transform: scale(1);

    transform: scale(1);

}

.weui-photo-browser-modal .swiper-container {

    height: 100%;

    -webkit-transform: scale(.2);

    transform: scale(.2);

    -webkit-transition: -webkit-transform .5s;

    transition: -webkit-transform .5s;

    transition: transform .5s;

    transition: transform .5s,-webkit-transform .5s;

}

.swiper-container-android .swiper-slide, .swiper-wrapper {

    -webkit-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

}

.swiper-wrapper {

    z-index: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    transition-property: transform;

    transition-property: transform,-webkit-transform;

    box-sizing: content-box;

}

.swiper-slide, .swiper-wrapper {

    width: 100%;

    height: 100%;

    position: relative;

}

.swiper-slide {

    -ms-flex: 0 0 auto;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

}

.swiper-slide, .swiper-wrapper {

    width: 100%;

    height: 100%;

    position: relative;

}

.weui-photo-browser-modal{

	z-index: 2000;

	background: rgba(0,0,0,.8);

}

.weui-photo-browser-modal .photo-container{

	justify-content: center;

}

.weui-photo-browser-modal .photo-container {

    justify-content: center;

}

.weui-photo-browser-modal .photo-container {

    height: 100%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    overflow: hidden;

}

.weui-photo-browser-modal .photo-container img {

    max-width: 100%;

    margin-top: -30px;

}

.weui-photo-browser-modal .swiper-container-visible .caption {

    opacity: 1;

}

.weui-photo-browser-modal .caption {

    position: absolute;

    bottom: 40px;

    left: 0;

    right: 0;

    color: #fff;

    text-align: center;

    padding: 0 12px;

    min-height: 3rem;

    font-size: 14px;

    z-index: 10;

    -webkit-transition: opacity .3s;

    transition: opacity .3s;

    -webkit-transition-delay: .5s;

    transition-delay: .5s;

    opacity: 0;

}

.weui-photo-browser-modal .caption .caption-item.active {

    display: block;

    opacity: 1;

}



.weui-photo-browser-modal .caption .caption-item {

    display: none;

    opacity: 0;

    -webkit-transition: opacity .15s;

    transition: opacity .15s;

}

.weui-photo-browser-modal .swiper-container .swiper-pagination {

    bottom: 10px;

    left: 0;

    width: 100%;

}

.swiper-pagination {

    position: absolute;

    text-align: center;

    -webkit-transition: .3s;

    transition: .3s;

    -webkit-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

    z-index: 10;

}

.weui-photo-browser-modal .swiper-container.swiper-container-visible .swiper-pagination-bullet {

    visibility: visible;

    -webkit-transition-property: visibility;

    transition-property: visibility;

    -webkit-transition-delay: .5s;

    transition-delay: .5s;

}



.weui-photo-browser-modal .swiper-container .swiper-pagination-bullet {

    background: #fff;

    visibility: hidden;

}

.weui-photo-browser-modal .swiper-container.swiper-container-visible .swiper-pagination-bullet{

	width:8px;

	height:8px;

	border-radius:100%;

	margin: 0 2px;

}

/*嘉骏资讯*/

.newslists{

	border:dashed 1px #b4b2b2;

	margin-bottom: 70px;

}

.newslistimgbox{

	width:35%;

	padding: 2%;

	float: left;

}

.newslists li{

	position: relative;

	border-bottom:dashed 1px #b4b2b2;

}

.newslists li:hover{

	background: #f8f8f8;

}

.newslists li:hover .newslistmore{

	background: #d7000f;

	color:#fff;

}

.newslists li:last-child{

	border-bottom:none;

}

.newslistimgbox .imgbox{

	position: relative;

	overflow: hidden;

	padding-bottom: 80%;

}

.newslistimgbox .imgbox img{

	position: absolute;

	background-size: contain;

	max-width: 100%;

	max-height: 100%;

	top: 50%;

	left: 50%;

	transform: translateX(-50%) translateY(-50%);

}



.newslistzibox{

	width:65%;

	height: 100%;

	display: table;

	padding-right:2%;

	padding-top:2%;

	padding-bottom: 2%;

}



	

.newslistzititle{

	margin-top: 14px;

	margin-bottom: 20px;

	color:#000;

}

.newslistziinfo{

	margin-top: 30px;

	line-height: 2;

	color:#424242;

}

.newslistmore{

	position: absolute;

	width:120px;

	height:40px;

	color: #d7000f;

	border:solid 1px #d7000f;

	display: inline-block;

	line-height:40px;

	text-align: center;

	overflow: hidden;

	bottom: 7%;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.newslistmore:hover{

	color: #d7000f;

}

/*新闻内页*/

.newsdetail .titleinfo{

	font-size:24px;

	margin-bottom: 26px;

}

.newsdetail .contenttitle span{

	display: inline-block;

}

.newsdetail .contentbox{

	margin-top: 40px;

}

.newsdetailContent{

	line-height: 2;

	color:#424242;

}

.newsdetailContentzi{

	text-indent: 28px;

}

.newsdetailContent img{

	max-width: 100%;

	width: 100%;

	margin:25px 0;

}

.newsdetailrouter{

	display: block;

	width:300px;

	margin: 0 auto;

	margin-top: 108px;

}

.newsdetailrouter a{

	display: inline-block;

	line-height: 34px;

	text-align: center;

	width:142px;

	height:34px;

	border:solid 1px #d5d5d5;

}

.newsdetailrouter a + a{

	margin-left: 10px;

}

.newsdetailrouter a:hover{

	background: #d7000f;

	color:#fff;

	border-color: #d7000f;

}

/*加盟*/

.jiamenglists li{

	width:32.333333%;

	margin-right: 1.5%;

	float: left;

	border:solid 1px #c3c3c3;

	margin-bottom: 3%;

}

.jiamenglists li:nth-child(3n + 0){

	margin-right: 0%;

}

.jiamengsquarebox{

	position: relative;

	padding-bottom: 100%;

}

.jiamenglistcontent{

	position: absolute;

	width:100%;

	height:100%;

	padding: 6%;

}

.jiamenglisticon{

	position: relative;

	width:45%;

	margin: 0 auto;

}

.jiamenglisticon img{

	width:100%;

}

.jiamenglistinfotitle{

	text-align: center;

	font-size:20px;

	color:#333333;

	margin-top: 8%;

}

.jiamenglistinfozi{

	margin-top: 6%;

	line-height:2;

}

/*联系嘉骏*/

.lianxicontent{

	position: relative;

	padding:0 40px;

	margin-top: 58px;

}

.lianxicontent-left{

	position: relative;

	width:50%;

	float: left;

}

.lianxicontent-left:after{

	content: '';

	display: block;

	position: absolute;

	height:100%;

	border-right: solid 1px #222;

	right: 0;

	top: 0px;

}

.lianxicontent-left li{

	margin-bottom: 22px;

}

.lianxicontenticon{

	display: inline-block;

	width:30px;

	height: 30px;

	border-radius: 100%;

	border:solid 1px #666;

	line-height: 28px;

	text-align: center;

	vertical-align: top;

}

.lianxicontenticon img{

	width:20px;

}

.lianxicontentinfo{

	display: inline-block;

	width:calc(100% - 45px);

	padding-left:15px;

	padding-top:4px;

}

.lianxicontent-right{

	position: absolute;

	right: 40px;

	top: 50%;

	transform: translateY(-50%);

	width:calc(50% - 40px);

	float: right;

}

.lianxiqrcodegroup{

	float: right;

}

.lianxiqrcodebox{

	width:50%;

	float: left;

	max-width: 150px;

}

.lianxiqrcodebox p{

	text-align: center;

}

.lianxiqrcodebox img{

	width:100%;

}

.baidu{

	position: relative;

	height: 460px;

	margin-top: 35px;

}

.baidubg{

	position: absolute;

	width:100%;

	height:100%;

	top: 0;

	left: 0;

	z-index: -1;

}



#dituContent{

	width:100%;

	height: 460px;

}

#dituContent .BMapLabel{

	left: 18px !important;

}

#dituContent .BMap_Marker > div{

	height: 26px !important;

}

.liuyan{

	margin-top: 60px;

}

.liuyan li{

	position: relative;

	width:31.333333%;

	margin-right: 3%;

	float: left;

	margin-bottom: 25px;

	border:solid 1px #999;

}

.liuyan li .liuyanicon{

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	right:16px;

}

.liuyan li:last-child .liuyanicon{

	top: 16px;

	transform: none;

}

.liuyan li:nth-child(3n + 0){

	margin-right: 0;

}

.liuyan li:last-child{

	width:100%;

	margin-bottom: 55px;

}

.liuyan li input{

	padding:0 16px;

	width:100%;

	height:45px;

	border:none;

	background:none;

}

.liuyan li textarea{

	width:100%;

	height: 300px;

	resize: none;

	padding: 16px;

	border:none;

	background:none;

}

.liuyanbtn{

	display: block;

	width:300px;

	height:40px;

	margin:0 auto;

	background: #848484;

	border:none;

	color:#fff;

	font-size:16px;

	cursor: pointer;

}

/*VI*/

.vilists>li{

	width:32.333333%;

	margin-right: 1.5%;

	float: left;

	margin-bottom: 45px;

}

.vilists>li:nth-child(3n + 0){

	margin-right: 0%;

}

.vilists>li .imgbox{

	position: relative;

	padding-bottom: 76%;

}

.vilists>li .imgbox img{

	position: absolute;

	background-size: contain;

	width:100%;

	height:100%;

}

.vilistsinfo{

	padding:14px 28px;

	border:solid 1px #c3c3c3;

}

.vilistsinfo li{

	width:50%;

	height:25px;

	float: left;

	overflow: hidden;

}



.vilistsinfo li:nth-child(even){

	text-align: right;

}

.vilistsinfo{

	color:#333333;

}

.vilistsinfo .red{

	color:#9c1e22;

}

.download{

	cursor: pointer;

	width:75px;

	height: 25px;

	background: none;

	border:none;

}

.download img{

	width:75px;

}

/*经营资料*/

.jingyinglistimgbox{

	width: 30%;

	float: left;

}

.jingyinglists li{

	position: relative;

	margin-bottom: 50px;

}



.jingyinglists li .imgbox{

	padding-bottom: 65%;

	position: relative;

}

.jingyinglists li .imgbox img{

	position: absolute;

	background-size: contain;

	max-width: 100%;

	max-height: 100%;

	top: 50%;

	left: 50%;

	transform: translateX(-50%) translateY(-50%);

}

.jingyinglistinfo{

	position: absolute;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	width: 70%;

	float: left;

	padding:2% 3%;

}

.jingyinglistinfotitle{

	font-size: 18px;

	margin-bottom: 4%;

}

.jingyinglistinfozi{

	margin-bottom: 4%;

}

.jingyinglistinfotime{

	vertical-align: middle;

	display: inline-block;

	margin-right: 10px;

}

.jingyinglistinfo .download{

	display: inline-block;

	vertical-align: middle;

}

/*申请*/

.shenqingcontenttitle span{

	display: block;

	margin-bottom: 40px;

}

.shenqinglists li{

	position: relative;

	width:29.33333%;

	height:50px;

	margin-right: 6%;

	float: left;

	line-height:50px;

	margin-bottom:25px;

}

.shenqinglists li:nth-child(3n + 0){

	margin-right: 0;

}

.shenqinglists li input{

	border:solid 1px #b3b3b3;

	width:100%;

	height: 100%;

	padding:0 16px;

	border-radius:0;

}

.bitian:after{

	content: '*必填';

	display: block;

	position: absolute;

	right:16px;

	top: 50%;

	transform: translateY(-50%);

	color:#666;

}

.shenqinglists .layui-form-radio{

	margin-top: 0;

}

.shenqingradiolable{

	padding-left: 16px;

	color:#666;

}

.shenqinglists .layui-form-radio>i:hover, .layui-form-radioed>i{

	color:#222;

}

.shenqinglists .radioli{

	border:solid 1px #b3b3b3;

}

.shenqingliuyaninfo{

	width:100% !important;

	height:auto !important;

}

.shenqingliuyaninfo textarea{

	width:100%;

	height:350px;

	resize: none;

	padding:16px;

	border:solid 1px #b3b3b3;

	border-radius:0;

}

#province{

	position: relative;

	height:100%;

}

#province>div{

	height:100%;

}

#province .layui-unselect{

	height:50px;

}

#province .layui-form-select dl dd.layui-this{

	background:#e21413;

}

.shenqingbtn{

	width:160px;

	height:48px;

	background: #e21413;

	color:#fff;

	border:none;

	margin:0 auto;

	display: block;

	cursor: pointer;

}

.shenqingbtn:hover{

	opacity: .9;

}

/*历程*/

.lichengycontentswiperleft{

	width:40%;

	float: left;

}

.lichengycontentswiperright{

	position: absolute;

	height:100%;

	width:60%;

	right:0;

	float: right;

	background: #fff;

	padding: 45px;

}

.lichengycontentswiper .imgbox{

	position: relative;

	padding-bottom: 80%;

}

.lichengycontentswiper .imgbox img{

	position: absolute;

	background-size: contain;

	width:100%;

	height:100%;

}

.lichengycontentswiperyear{

	font-size:48px;

	font-weight: bold;

	color: #221815;

	margin-bottom: 6%;

	line-height: 1;

}

.lichengycontentswiperinfo{

	position: relative;

	height:92px;

	overflow: hidden;

}

.lichengycontentswiperinfozi{

	position: relative;

	top: 0;

	font-size: 14px;

    color: #666666;

    line-height: 1.7;

	-webkit-transition: all .4s ease-in;

	-o-transition: all .4s ease-in;

	transition: all .4s ease-in;

}

.lichengycontentswiperinfoswich{

	visibility: hidden;

	margin-top: 30px;

}

.lichengycontentswiperswichbtn{

	display: inline-block;

}

.lichengycontentswiperswichbtn:hover{

	background:#efefef;

}

.lichengyearbar{

	position: relative;

	margin-top: 60px;

	padding: 0 18px;

	color: #666666;

}

.lichengyearbar li{

	position: relative;

	width: 180px;

	height:80px;

	background: url(../images/pic-081.png);

}

.lichengyearbar li .lichengyearbox{

	position: absolute;

	width:58px;

	height:58px;

	line-height: 58px;

	text-align: center;

	top: 50%;

	left: 50%;

	transform:translateX(-50%) translateY(-50%);

}

.lichengyearbar li .lichengyearbox:hover{

	background: #d7000f;

	color:#fff;

}

.lichengyearbarswiper li.this .lichengyearbox{

	background: #d7000f;

	color:#fff;

}

.lichengyearbox{

	cursor: default;

}

.lichengyearbarswiperbtn{

	position: absolute;

	width:18px;

	height:32px;

	top: 50%;

	margin-top: -16px;

	background: url(../images/pic-082.png);

	background-repeat: no-repeat;

}

.lichengyearbarswiperprev{

	left: 0;

}

.lichengyearbarswiperbtn:hover{

	background: url(../images/pic-083.png);

}

.lichengyearbarswipernext{

	right: 0;

	background-position: -18px 0;

}

.lichengyearbarswipernext:hover{

	background-position: -18px 0;

}



@media screen and (min-width:992px){



	.jiamenglistinfozi{

		line-height: 1.3;

	}

	.w-content{

		max-width: 1300px;

		padding:0 3%;

		box-sizing: content-box;

	}

	.header .nav li + li{

		margin-left: 20px;

	}

	.header .nav li a{

		padding: 0 10px;

	}

	.producttitle .ipseach .ipseachinput{

		width:180px;

	}

	.ipseachinput{

		width:180px;

	}

	.indexfooter{

		padding-top: 20px;

	}

	.indexfooter-infolist{

		margin-top: 10px;

	}

	.contentbannerswiper{

		width:100%;

	}

	.contentbannerswiper .imgbox{

		height:auto;

	}

	.contentbannermask{

		display:none;

	}

}

@media screen and (min-width:1024px){

	.w-content{

		max-width: 1300px;

		padding:0 4%;

		box-sizing: content-box;

	}

}

@media screen and (min-width:1110px){

	.w-content{

		max-width: 1300px;

		padding:0 5%;

		box-sizing: content-box;

	}

	.producttitle .ipseach .ipseachinput{

		width:200px;

	}

	.ipseachinput{

		width:200px;

	}

}

@media screen and (min-width:1280px){

	.w-content{

		max-width: 1300px;

		padding:0 6%;

		box-sizing: content-box;

	}

	.producttitle .ipseach .ipseachinput{

		width:225px;

	}

	.ipseachinput{

		width:225px;

	}

}

@media screen and (min-width:1366px){

	.w-content{

		max-width: 1300px;

		padding:0 7%;

		box-sizing: content-box;

	}

}

@media screen and (min-width:1440px){

	.w-content{

		max-width: 1300px;

		padding:0 8%;

		box-sizing: content-box;

	}

	.header .nav li + li{

		margin-left: 40px;

	}

	.producttitle .ipseach .ipseachinput{

		width:265px;

	}

	.ipseachinput{

		width:265px;

	}

	.contentbannerswiper{

		width:1300px;

	}

	.contentbannermask{

		display:block;

	}

	.contentbannerswiper .imgbox{

		height:600px;

	}

	.jiamenglistinfozi{

		line-height: 2;

	}

}

@media screen and (min-width:1600px){

	.w-content{

		max-width: 1300px;

		padding:0 13%;

		box-sizing: content-box;

	}

	.indexfooter{

		padding-top: 40px;

	}

	.indexfooter-infolist{

		margin-top: 25px;

	}

}

@media screen and (min-width:1920px){

	.w-content{

		max-width: 1300px;

		padding:0 16%;

		box-sizing: content-box;

	}

}









@media screen and (max-width:992px){

	.w-content{

		padding: 0 2.5%;

	}

	#fp-nav ul{

		display: none;

	}

	.header-bar{

		height: 50px;

		line-height: 50px;

	}

	.fp-section1 > .fp-tableCell{

		padding-top: 50px;

	}

	.header .bar-content{

		padding: 0 2.5%;

	}

	.logo{

		line-height: 50px;

	}

	.logo img{

		max-height: 40px;

	}

	.open-rightsidebar{

		float: right;

	}

	.open-rightsidebar img{

		width:30px;

		height: :30px;

	}

	/*首页简介*/

	.fp-section3 > .fp-tableCell{

		padding-top: 50px;

	}

	.indexAboutInfoTitle{

		font-size:30px;

		margin-bottom: 0.714286rem;

	}

	.indexAboutInfo{

		position: relative;

		left: 0;

		width:100%;

		padding: 2.5%;

		bottom: 0;

	}

	.indexAboutInfo .more{

		height: 40px;

		line-height: 40px;

		font-size:16px;

		margin-top:0.714286rem;

	}

	.indexzaixian{

		display: none;

	}

	.indexAboutVideo{

		width:100%;

		right: 0;

		margin-top: 2%;

	}

	.layui-tab-content{

		padding: 0;

	}

	.indexProductTapBar{

		text-align: center;

		height: auto;

	}

	.indexproductbigbanner{

		float: left;

	}

	.fp-section2 .fp-tableCell{

		padding-top: 50px;

	}

	.index-product .layui-tab-title{

		margin-bottom: .5rem;

	}

	.indexProductTapBar .ipTapBarList{

		margin-bottom: 1rem;

	}

	.indexproductbigbanner{

		margin-top: 1rem;

	}

	.case .content{

		width:100%;

		height: 12.342857rem;

		display: flex;

		justify-content: center;

	}

	.casesquare{

		width:8.535714rem;

		height: 8.535714rem;

	}

	.casesquare-box{

		padding: 1.807143rem;

	}

	.casesquare-box .zi{

		font-size:18px;

	}

	.casesquare-box.box-r,

	.casesquare-box.box-l{

		position: relative;

	}

	.indexHonorSwiper .list{

		width:50%;

	}

	.weui-photo-browser-modal{

		padding: 2.5%;

	}

	.indexBigNew{

		width:100%;

		padding-right:0;

	}

	.case .title p{

		font-size: 30px;

	}

	.fp-section5 .title p{

		font-size: 30px;

	}

	.indexnews .title p{

		font-size: 30px;

	}

	.section .bg-img{

		width:auto;

	}

	.indexfooter-leftbox{

		width:100%;

		text-align: center;

	}

	.indexfooter-rightbox{

		text-align: center;

		float: none;

	}

	.indexfooter-infolist{

		margin-top: 1.607143rem;

	}

	.indexfooter{

		padding-top: 0;

	}

	.indexfooter-infolist dd{

		padding:0 6px;

		display: inline-block;

	}

	.indexfootershare{

		float: none;

		display: inline-block;

		margin-top: 1.714286rem;

	}

	.indexnews .title{

		margin-bottom: 2.142857rem;

	}

	.ipseachinput{

		width:160px;

	}

	.indexProductTapBar .ipTapBarList{

		float: none;

	}

	.ipseach{

		display: inline-block;

		float: none;

	}

	.indexfooter-zhichi{

		float: none;

	}

	.indexfooter-bar{

		margin-top: 0;

		text-align: center;

	}

	.contentrouter a{

		display: inline-block;

		padding: 0 6px;

		margin-bottom: 14px;

	}

	.m-contentbannerswiper img{

		width:100%;

	}

	.contenttitle{

		margin-top: 2.142857rem;

	}

	.contentrouter{

		margin-top: 1.821429rem;

	}

	.contentbox{

		margin-top: 2.857143rem;

		margin-bottom: 6.071429rem;

	}

	.aboutContentLeft{

		width:100%;

	}

	.aboutContentRight{

		width:100%;

		padding-left: 0;

	}

	.aboutContentRight .imageitem{

		margin-bottom: 1.785714rem;

	}

	/*王宫*/

	.wanggongSectionziboxTitle{

		margin-top: 0.357143rem;

		margin-bottom: 1.071429rem;

	}

	.wanggongSection .imageitem{

		width:100%;

	}

	.wanggongSectionzibox{

		width:100%;

		margin-left: 0;

	}

	.wanggongSection2, .wanggongSection3{

		margin-top: 2.142857rem;

	}

	/*文化*/

	.wenhualists li{

		width: 100%;

    	display: table;

    	margin-bottom: 1.25rem;

	}

	.wenhualistsleft {

	    display: table-cell;

	    width: 110px;

	    float: none; 

	    vertical-align: middle;

	}

	.wenhualistsright {

	    display: table-cell;

	    vertical-align: middle;

	    float: none; 

	    width: calc(100% - 110px);

	    padding: 10px;

	}

	.wenhualistsrightzi{

		top: 0;

		transform: none;

	}

	/*历程*/

	.lichengycontentswiperleft{

		width:100%;

	}

	.lichengycontentswiperright{

		position: relative;

		width:100%;

		padding: 2.5%;

	}

	.lichengycontentswiperyear{

		font-size:36px;

		margin-bottom: 3%;

	}



	.lichengyearbar{

		margin-top: 2.142857rem;

	}

	/*视频*/

	.videolists li:hover .videoplayicon{

		opacity: 0;

	}

	.videolists li:hover .imgbox:after{

		opacity: 0;

	}

	.videolists li{

		width:49%;

		margin-right: 0;

		margin-bottom: 1.857143rem;

	}

	.videolists li:nth-child(even){

		margin-left: 2%;

	}

	.moreproductlist{

		margin-top: 1.071429rem;

	}

	.productlist li{

		width:49%;

		margin-right: 0;

	}

	.productlist li:nth-child(even){

		margin-left: 2%;

	}

	/*新闻*/

	.newslistzititle{

		font-size:16px;

		margin-top: 0;

		margin-bottom: 0.357143rem;

		line-clamp:1;

        -webkit-line-clamp:1;

        box-orient:vertical;

        -webkit-box-orient:vertical;

        display:-webkit-box;

        display: box;

        overflow: hidden;

	}

	.newslistziinfo{

		margin-top: 0.357143rem;

		line-height: 1.3;

		line-clamp:2;

        -webkit-line-clamp:2;

        box-orient:vertical;

        -webkit-box-orient:vertical;

        display:-webkit-box;

        display: box;

        overflow: hidden;

	}

	/*新闻内页*/

	.newsdetail .titleinfo{

		font-size:20px;

		margin-bottom: 0.928571rem;

	}

	.newsdetail .contentbox{

		margin-top: 1.428571rem;

	}

	.newsdetailrouter{

		margin-top: 3.857143rem;

	}

	/*加盟*/

	.jiamenglists{

		display: flex;

		align-items: center;

		flex-direction:column;

	}

	.jiamenglists li{

		width:100%;

		max-width: 500px;

		position: relative;

	}

	.shenqinglists li{

		width:100%;

		margin-right: 0;

		margin-bottom: 0.892857rem;

	}

	/*联系*/

	.lianxicontent{

		padding: 0;

	}

	.lianxicontent-left{

		width:100%;

		float: none;

	}

	.lianxicontent-right{

		width:100%;

		position: relative;

		text-align: center;

		top: 0;

		right:0;

		transform: none;

		float: none;

	}

	.lianxiqrcodegroup{

		display: inline-block;

		float: none;

	}

	.liuyan li{

		width:100%;

	}

	/*产品内页*/

	.productdetailName{

		margin-top: 2.321429rem;

		margin-bottom: 1.428571rem;

	}

	.productdetailImg{

		width:100%;

		margin-bottom: 1.428571rem;

	}

	.productdetailMore ul li{

		width:49%;

		margin-right: 0;

	}

	.productdetailMore ul li + li{

		margin-left: 2%;

	}

	.productdetailMore{

		margin-top: 2.678571rem;

		margin-bottom: 2.857143rem;

	}

	.productdetailInfo{

		max-width: 100%;

	}

	.productdetailInfo-zi{

		max-width: calc(100% - 106px);

	}

	.productdetailRouterGroup a{

		width:95px;

		margin: 0 5px;

		height: 45px;

    	line-height: 45px;

	}

	/*空间*/

	.kongjianlistname{

		margin-top:0.571429rem;

	}

	.kongjianlists li{

		width:49%;

		margin-right: 0;

		margin-bottom:4%;

	}

	.kongjianlists li:nth-child(even){

		margin-left:2%;

	}

	/*荣誉*/

	.honorlists li{

		width:49%;

		margin-right: 0;

		margin-bottom: 1.785714rem;

	}

	.honorlists li:nth-child(even){

		margin-left: 2%;

	}

	.honorliststname{

		line-clamp:1;

        -webkit-line-clamp:1;

        box-orient:vertical;

        -webkit-box-orient:vertical;

        display:-webkit-box;

        display: box;

        overflow: hidden;

	}

	/*vi*/

	.vilists>li{

		width:100%;

		margin-bottom: 1.607143rem;

	}

	/*经营资料*/

	.jingyinglists li{

		display: table;

		margin-bottom:1.785714rem;

	}

	.jingyinglistimgbox{

		width:40%;

		display: table-cell;

		vertical-align: top;

		float: none;

	}

	.jingyinglistinfozi{

		display: none;

	}

	.jingyinglistinfotitle{

		font-size:16px;

		line-clamp:2;

        -webkit-line-clamp:2;

        box-orient:vertical;

        -webkit-box-orient:vertical;

        display:-webkit-box;

        display: box;

        overflow: hidden;

	}

	.jingyinglistinfo{

		float: none;

		position: relative;

		display: table-cell;

		vertical-align: middle;

		top: 0; 

     	transform: none; 

     	width:60%;

     	padding:0;

     	padding-left: 2%;

	}

	.header .header-bar{

		position: fixed;

		width:100%;

		z-index: 200;

		top: 0;

		left: 0;

	}

	.m-contentbannerswiper{

		margin-top: 50px;

	}

	.producttitle{

		margin-top: 2.142857rem;

	}

	.layui-tab-title{

		margin-top: 1.428571rem;

	}

	.layui-tapmoretype{

		margin-top: 1.428571rem;

		margin-bottom:1.25rem;

	}

	.contentbannerswiper{

		width:100%;

		float: none;

	}

	.contentbannerswiperbox{

		margin-top: 50px;

		position: relative;

	}

	.contentbannerswiper .imgbox{

		height: auto;

	}

	.contentbannermask{

		position: absolute;

		height: 100%;

		width:40px;

		background: none;

	}

	.contentbannermask:hover{

		background: none;

	}

	.contentbannermask-right{

		right:0;

	}

	.contentbannermask .icon{

		right: 0;

	}

	.contentbannermask-right .icon {

	    left: 0;

	}

	.producttype{

		margin-top: 1.428571rem;

	}

	.productmoretype{

		margin-top: 1.428571rem;

		margin-bottom: 1.071429rem;

	}

	/*侧栏*/

	.header .nav{

		width:40%;

		height: 100%;

		position: fixed;

		right: 0;

		padding: 50px 0;

		transform: translateX(100%);
		
		-ms-transform:translateX(100%);
		
		-webkit-transform:translateX(100%);
		
		-webkit-transition: all .5s ease;

		-o-transition: all .5s ease;

		transition: all .5s ease;

		background: #222;

		z-index: 199;

		overflow: auto;

	}

	.navmask{

		position: fixed;

		width:100%;

		height: 100%;

		top: 0;

		left: 0;

		z-index: 100;

		background: rgba(0,0,0,.5);

		display: none;

	}

	.header .nav.open{

		transform: translateX(0);
		
		-ms-transform:translateX(0);
		
		-webkit-transform:translateX(0);
	}

	.header .nav ul{

		height: 100%;

		overflow: auto;

		text-align: center;

	}

	.header .nav li{

		width:100%;

		line-height: 45px;

		border-bottom:dashed 1px #fff;

	}

	.header .nav li a{

		padding: 0;

	}

	.header .nav li.on>dl{

		border-top:solid 1px #fff;

	}

	.header .nav li + li{

		margin-left: 0;

	}

	.header .nav li dl{

		display: none;

	}

	#liuyan,

	#shenqing{

		margin-top: 0;

		padding-top: 50px;

	}

	.jingxiaoshang{

		position: fixed;

		width:100%;

		height: 100%;

		top: 0;

		left: 0;

		display:none;

	}

	.login{

		width:90%;

		max-width: 500px;

		left: 50%;

		top: 50%;

		transform: translateX(-50%) translateY(-50%);

	}

	.content-header .nav{

		left: auto;

	}

	.mfooter{

		position: fixed;

		width:100%;

		bottom: 0;

		left: 0;

		height: 50px;

		background:#d90915;

		z-index: 200;

		border-radius: 6px;

	}

	.mfooter li{

		padding-top: 3px;

		width:25%;

		display: flex;

		flex-direction:column;

		text-align: center;

		float: left;

	}

	.mfooter li a{

		color: #fff;

	}

	.mfooter li img{

		height: 26px;

	}

	.lianxicontent-left:after{

		display: none;

	}

	.rbox{

		margin-left: 0;

	}

	.lichengycontentswiperleft{

		float: none;

	}

	.indexAboutInfo{

		opacity: 1;

		float: none;

		margin-left: 0;

	}

	.indexAboutVideo{

		opacity: 1;

		float: none;

		margin-right: 0;

	}

	.mindexaboutswiper{

		width:95%;

		padding: 0;

	}

	.icon180{

		display: inline-block;

		width:40px;

		height: 40px;

		margin: 1.428571rem auto 0;

		animation: huxi 1s;

		-moz-animation: huxi 1s;	/* Firefox */

		-webkit-animation: huxi 1s;	/* Safari 和 Chrome */

		-o-animation: huxi 1s;

	}

	.icon180 img{

		width:40px;

		animation: huxi 3s  ease-out infinite;

		-moz-animation: huxi 3s ease-out infinite;	/* Firefox */

		-webkit-animation: huxi 3s ease-out infinite;	/* Safari 和 Chrome */

		-o-animation: huxi 3s ease-out infinite;

	}

	@keyframes huxi

	{

	0% {opacity: : 1;transform: scale(1);}

	50% {opacity: .4;transform: scale(.95);}

	90% {opacity: 1;transform: scale(1);}

	100% {opacity: 1;transform: scale(1);}

	}

	@-webkit-keyframes huxi

	{

	0% {opacity: : 1;transform: scale(1);}

	50% {opacity: .4;transform: scale(.95);}

	90% {opacity: 1;transform: scale(1);}

	100% {opacity: 1;transform: scale(1);}

	}

	.fp-section6{

		text-align: center;

	}

	.indexBigNew{

		float: none;

		display: inline-block;

	}

	.indexBigNew .imgbox{

		text-align: left;

	}

	.indexBigNewtitle{

		text-align: left;

	}

	.indexproductbigbanner{

		float: none;

	}



}

































@media screen and (min-width:320px) and (max-width: 345px){

    html{font-size:12.5px;}

    p{font-size: 12px;}

    .indexAboutContent span{

    	font-size:12px;

    	line-height: 1.6;

    }

    .indexAboutInfoTitle{

    	font-size:24px;

    } 

    .fp-section7{

    	font-size:12px;

    }

    .productdetailRouterGroup a{

    	margin-bottom: 0.357143rem; 

    }

    .header .nav li a{

    	font-size:14px;

    }

    .jingyinglistinfotime{

    	font-size:12px;

    }

    }

@media screen and (min-width:346px){

    html{font-size:13px;}

    p{font-size: 13px;}

    

}

@media screen and (min-width:352px) and (max-width: 399px){

    html{font-size:14px;}

    p{font-size: 14px;}

    .indexAboutContent span{

    	font-size:12px;

    	line-height: 1.6;

    }

    .indexAboutInfoTitle{

    	font-size:24px;

    } 

}

@media screen and (min-width:400px){

    html{font-size:15px;}

    p{font-size: 15px;}

}

@media screen and (min-width:480px){

	html{font-size:17px;}

    p{font-size: 16px;}

}

@media screen and (min-width:560px){

	html{font-size:20px;}

	p{font-size: 16px;}

}

@media screen and (min-width:640px){

	html{font-size:24px;}

	p{font-size: 16px;}

}

@media screen and (min-width:760px) and (max-width: 992px){

    html{font-size:30px;}

    p{font-size: 16px;}

    .productlist{

    	text-align: center;

    }

    .productlist li{

    	max-width: 300px;

    	display: inline-block;

    	float: none;

    }

    .casesquare-box .zi{

    	font-size:26px;

    }

}



/*06.15*/

.layui-tab-2 .layui-tab-title li + li:before{

	display: none;

}

.ipTapBarList a{

	padding:0 8px;

}

.layui-tab-2 .layui-tab-title .layui-this a{

	border:solid 1px #ff0000;

}

.layui-tab-2 .layui-tab-title li{

	margin-right: 4px;

}

.layui-tab-title li{

	line-height: 38px;

}

.indexProductTapBar{

	display: inline-block;

}

.ipseach{
	/* 6.21 */
	/* position: relative; */

	top: 15px;

	margin-right: 20px;

}

.indexproductbigbanner{

	margin-top: 0;

}

.fp-section2 .layui-tab{

	position: relative;

}

.fp-section2  .layui-tab-title{

	white-space: normal; 

	overflow: visible;

	min-height: 40px;

	height: auto;

}

@media screen and (max-width:992px){

	.ipseach{

		display: inline-block;

		margin: 0 auto;

		margin-bottom: 1rem;

	}

	.fp-section2  .layui-tab{

		text-align:center !important;

	}

	.tianmao{

		position: fixed;

		bottom:  20%;

		left: 2.5%;

		margin-top: -20px;

		width: 40px;

		height: 40px;

	}

	.tianmao img{

		width: 100%;

	}

}

/* 6.19 */

/* .ipseachSubmit{

	position: absolute;

} */

/*==========以下部分是Validform必须的===========*/

.Validform_checktip{

	margin-left:8px;

	line-height:20px;

	height:20px;

	overflow:hidden;

	color:#999;

	font-size:12px;

}

.Validform_right{

	color:#71b83d;

	padding-left:20px;

	background:url(../images/right.png) no-repeat left center;

}

.Validform_wrong{

	color:red;

	padding-left:20px;

	white-space:nowrap;

	background:url(../images/error.png) no-repeat left center;

}

.Validform_loading{

	padding-left:20px;

	background:url(../images/onLoad.gif) no-repeat left center;

}

.Validform_error{

	background-color:#ffe7e7;

}

#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}

#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}

#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}

#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}

#Validform_msg a.Validform_close:hover{color:#cc0;}

#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}

/* 6.21 */



.login-box {

  margin: 5% 0;

  width: 100%;

  height: 600px;

  background-image: url(../images/pic-011.jpg);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

  overflow: hidden;

  margin-bottom: 10%;

}

.login-box .login-area {

  margin: 80px auto 0;

  width: 80%;

  max-width: 480px;

  padding-bottom: 3.57142857rem;

}

.login-box .login-area p {

  margin-top: 3.57142857rem;

  font-size: 2.14285714rem;

}

.login-box .login-area .login-form {

  width: 100%;

  max-width: 90%;

}

.login-box .login-area .login-form form .login-input {

  margin-top: 10%;

  width: 100%;

  height: 34px;

  line-height: 34px;

}

.login-box .login-area .login-form form .login-input label {

  color: #000;

  font-size: 1rem;

}

.login-box .login-area .login-form form .login-input input {

  color: #000;

  font-size: 1rem;

  text-indent: 10px;

  width: 80%;

  height: 34px;

  line-height: 34px;

  background: #fff;

  border-radius: 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

}

.login-box .login-area .login-form form .login-btn {

  width: 100%;

  margin-top: 10%;

}

.login-box .login-area .login-form form .login-btn button {

  margin: 10px auto 0;

  width: 102px;

  height: 28px;

  line-height: 28px;

  /* 去除ios默认样式 下拉箭头 */

  -webkit-appearance: none;

  -moz-appearance: none;

  -o-appearance: none;

  -ms-appearance: none;

  appearance: none;

  /* 去除ios点击时背景变蓝色 */

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  tap-highlight-color: rgba(0, 0, 0, 0);

}
/*6.25*/
.honorliststname{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
/*7.3*/
.kongjianlistname{
	height: 21px;
    line-height: 21px;
    display: block;
    overflow: hidden;
}
/*7.4*/
.indexProductTapBar{
	overflow: hidden; 
}
/*2018年7月4日 18:20:43*/
.header .nav li a{
	font-family: "微软雅黑";
}

/*2018年7月12日start*/
.fp-section{
    overflow: hidden;
}
/*2018年7月12日end*/

/*2018年7月16日start*/
	.moreproductlist{
		width:150px;
		max-width:150px;
	}
	.fudongboxtianmao img{
		width:100px;
		height:100px;
	}
	@media screen and (min-width: 1600px){
		#mydiv{
			padding: 0 16%;
		}
	}
	@media screen and (min-width: 1440px){
		#mydiv{
			padding: 0 10%;
		}
	}
	
	@media screen and (min-width: 1280px){
		#mydiv{
			padding: 0 24%;
		}
	}
	@media screen and (min-width: 1000px){
		.wanggongSectionzibox img{
			max-width:100%;
			
		}
	}
	@media screen and (max-width: 1000px){
		.wanggongSectionziboxTitle img {
			width: 100%;
		}
	
	}
	.productlist li .imgbox a img:first-child{
		display:none;
	}
	.productlist li:hover .squarebox a img:first-child {
		display:block;
	}
	.productlist li:hover .squarebox a img.before {
		display:none;
	}
	@media screen and (min-width: 1100px){
		.fp-section2 .layui-tab-title{
			height: 46px;
			overflow: auto;
		}
		.mobile-search{
			display: none!important;
		}
	}
	@media screen and (max-width: 1100px){
		.mobile-search{
			display: inline-block;
			margin: 0 auto;
			margin-top:1.428571rem;
		}
		.product{
			text-align:center;
		}
	}
	.newsdetailContent img{
		width: auto;
	}
/*2018年7月16日end*/