/*公用css*/
/*@media screen and (min-width: 0px) and (max-width: 600px){
     video {
        display: none;
    }
    .yincangjpg{
    	display: block!important;
    }
    .wenli{
    	display: none;
    }
}*/
html {
	width: 100%;
	min-width: 1200px;
	height: 100%;

}
a{
	width: auto;
	height: auto;
}
*{
	margin: 0;
	padding: 0;
}

.contanter{
	width:1200px;
	margin: 0px auto;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
}
body{
	font-family:"Microsoft Yahei","Helvetica Neue","SimSun","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei";
}
.clear{
	clear: both;
}
input[type=number] {
	-moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
li{
	text-decoration: none;
}
.nav-ul li a{
	color: #999;
}
.img {
	background: url(../image/22.jpg) no-repeat center center;
	background-size: cover;
	width: auto;
	height: 400px;
	text-align: center;
	/* border-radius: 25px; */
}
.header {
	position: relative;
	background: url(../image/beijing.jpg) no-repeat center center;
	background-size: cover;
	width: auto;
	height: 1080px;
	text-align: center;
}
/* border-radius: 25px
/*}*/
/*头部导航栏*/
.toubu-header{
	position: relative;
	height: 90px;
}
.shubiaodingwei{
	position: absolute;
	bottom: 106px;
	left: 50%;
}
.toubu-dingwei{
	position: absolute;
	top: 0px;
	right: 0px;
	/*width: 67%;*/
}
.nav{
	/*background: black;*/
	padding-top: 18px;
}
.logo{
	float: left;
	position: relative;
	top: 10px;
}
.nav-ul{
	float: right;
	height: 30px;
	line-height: 50px;
	position: relative;
	z-index: 8888;
	top: 17px;
}
.logo-image{
	/* margin-left: 40px; */
}
.nav-ul li{
	float: left;
	margin-left: 12px;
	margin-right: 12px;
	width: 89px;
	height: 28px;
	border-radius: 24%;
	text-align: center;
	line-height: 28px;
	color: white;
	font-size: 15px;
	/*border-radius: 50px;*/
	border:1px solid rgba(255,255,255,0);
	transform: translate(0,0);
	transition:all .2s ease-in 0s;
}
.nav-ul1{
	left: -7px;
}
.hanwenjieshao{
	margin-top: 146px;
}
.nav-ul li:hover a{
	color: #eb6100!important;
	/*transition: border-radius 4s;*/
}
.biaoshide a{
	color: #eb6100!important;
}
.biaoshide1 a{
	color: #eb6100!important;
}

/*公司简介*/
.gongsijianjie{
	padding-top:134px;
	/*background: black;*/
	padding-bottom: 78px;
}
.yinwenjianjie{
	color: white;
	font-size: 40px;
	font-family: "arial";
	text-align: center;
	font-weight: 600;
}
.zhongwenjianjie{
	text-align: center;
	font-size: 22px;
	margin-top: 9px;
	color: black;
}
.yidongbeijing{
	background-size: cover;
	height: 348px;
	background-attachment: fixed;
	background-image: url(../image/yidongbeijing.jpg);
	background-repeat: no-repeat;
	text-align: center;
}
.jianjie-img{
	margin-top: 91px;
}
.contanter-jie{

	/*background-size: 100% 100%;*/
	/*height: 1058px;*/
	margin-top:93px;
	position: relative;
}
.shunfajianjie {
	text-align: center;
	font-size: 15px;
	line-height: 30px;
	color: #333;
}
.shunfajianjie-po{
	text-align: center;
	margin-top: 102px;
}
.fense-image{
	position: absolute;
	top: 48%;
	left: 151px;
}
.dingweib{
	overflow: hidden;
}
.huang-image{
	position: absolute;
	top: 185px;
	right: 0px;
	z-index: -3;
}
.zise-image{
	position: absolute;
	top: 114px;
	right: 130px;
}
.about-us{
	margin-top: 81px;
}
.about-us-header{
	color: #f63d8b;
	text-align: center;
	font-size: 40px;
	font-weight: 600;
	font-family: "arial";
}
.about-us-header1{
	color: #8177fa;
	text-align: center;
	font-size: 40px;
	font-weight: 600;
	font-family: "arial";
}
.about-us-header2{
	color: #1597e2;
	text-align: center;
	font-size: 40px;
	font-weight: 600;
	font-family: "arial";
}
.about-us-header25{
	color: #f5d26a;
	text-align: center;
	font-size: 40px;
	font-weight: 600;
	font-family: "arial";
}
.about-us-header256{
	color: white;
	text-align: center;
	font-size: 40px;
	font-weight: 600;
	font-family: "arial";
}
.about-us-header-about{
	text-align: center;
	font-size: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
}
.about-us-header-about-te{
	color: white!important;
}
.about-us-header-about{
	text-align: center;
	font-size: 22px;
	color: #444;
}
.chenglide{
	position: relative;
}
.chenglidediv{
	text-align: center;
	float: left;
}
.chenglidediv{
	line-height: 40px;
	margin-left:213px;
}
.gongsichenglizi{
	font-size:17px;
}
.chenglidediv:first-child{
	margin-left: 0px;
}
.chenglidediv p{
	margin-top: 77px;
}
.gongsichenglizi1{
	color:#9f9f9f;
	font-size: 63px;
	font-weight: 100;
}
.shenzise{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: -3;
}
.shicaikuangyuan{
	margin-top: 130px;
}
.shicaikuangyuan3{
	position: relative;
}
.shenzise1{
	position: absolute;
	top: -9px;
	right: 114px;
}

/*产品展示图*/
.contanter45{
	margin-bottom: 62px;
}
.chanpinzhanshi{
	margin-top: 76px;
}
.contanter45 .tupianjpg1{
	width: 310px;
	height: 397px;
	background:white;
	box-shadow: 0 0 45px rgba(152,159,165,0.44);
	display: inline-block;
	border-radius: 6px;
	margin-left: 68px;
	padding: 20px;
}
.contanter45 .tupianjpg11{
	width: 340px;
	height:434px;
	background: white;
	box-shadow: 0 0 45px rgba(152,159,165,0.44);
	display: inline-block;
	border-radius: 4px 4px 4px 4px;
	margin-left: 70px;
	padding: 5px;
}
.contanter45 .tupianjpg11:first-child{
	margin-left: 0px;
}
.contanter45 .tupianjpg1:first-child{
	margin-left: 0px;
}
.tupianjpg1{
	-webkit-transition: -webkit-transform 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98);
	transition: transform 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98);
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}
.tupianjpg1:hover {
	-webkit-transform: scale(1.02, 1.02);
	-ms-transform: scale(1.02, 1.02);
	transform: scale(1.02, 1.02);
}
.tupianjpg11{
	-webkit-transition: -webkit-transform 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98);
	transition: transform 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98);
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}
.tupianjpg11:hover {
	-webkit-transform: scale(1.02, 1.02);
	-ms-transform: scale(1.02, 1.02);
	transform: scale(1.02, 1.02);
}
.tupianjpg img{
	border-radius:4px;
}
.tupianjpgte img{
	border-radius: 4px;
	position: relative;
	top: -11px;
}
.shicaifenlei{
	padding-left: 13px;
	position: relative;
	top: -10px;
}
.shicaifenlei p{
	font-size: 14px;
}
.gengduo{
	float: right;
	display: inline-block;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	text-align: center;
	line-height: 46px;
	color: white;
	font-size: 12px;
	background:black;
	position: relative;
	top: -33px;
	cursor: pointer;
}
.laizhoushicai1 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.laizhoushicai{
	margin-top: 35px;
}
.laizhoushicai2{
	margin-top: 20px;
}
.shenzise2{
	position: absolute;
	left: 0px;
	top: 72px;
	z-index: -3;
}
.shenzise3{
	position: absolute;
	right: 97px;
	top: -25px;
	z-index: -3;
}
.shenzise4{
	position: absolute;
	left: 0px;
	top: 948px;
	z-index: -3;
}
.shenzise5{
	position: absolute;
	left: 0px;
	top: 1259px;
	z-index: -3;
}
.shenzise6{
	position: absolute;
	right: 0px;
	top: 450px;
	z-index: -3;

}
.shenzise355{
	position: absolute;
	right: 0px;
	top: -93px;
	z-index: -3;
}
.shcaihezuo{
	margin-left: 112px;
}
.shcaihezuo:first-child{
	margin-left: 0px;
}
.hezuohuobande{
	margin-top: 104px;
}
.dibufotter{
	height: 868px;
	padding-top: 62px;
	/* background-attachment: fixed; */
	background: url(../image/dibufotter.jpg) no-repeat center center;
	background-size: cover;
}
.contanter48{
	padding-top: 31px;
}
.contact{
	text-align: center;
	padding-top: 94px;
	border-top: 1px solid #c0c0c0;
	padding-bottom: 150px;
}
.float-left{
	width: 50%;
	float: left;
}
.float-right{
	width: 50%;
	float: right;
}
.float-left p{
	color: white;
	font-size: 21px;
	font-weight: 100;
}
.float-left p span{
	margin-left: 20px;
}
.dabiaojie{
	width: 48.3%;
	height: 40px;
	line-height: 40px;
	padding-left: 2%;
	padding-right: 2%;
	color: #df5c01;
	background: #d9d7d8;
	border: none;
	font-size: 14px;
	font-weight: 500;
}
.dabiaojiete{
	margin-left: 12px;
}
.dabiaojie228{
	width: 100%;
	margin-top: 18px;
	background: #d9d7d8;
	height: 82px;
}
.dabiaojie::-webkit-input-placeholder{
	color: #df5c01;
}
.dabiaojie:-moz-placeholder {
	color: #df5c01;
}

.dabiaojie::-moz-placeholder {
	color: #df5c01;
}
.dabiaojie:-ms-input-placeholder {
	color: #df5c01;
}
.dabiaojie228{
	resize: none;
}
.dabiaojie55{
	width: 100%;
	margin-top: 23px;
}
.dibu-bianxian{
	border-bottom: 1px solid #df5c01;
	padding-bottom: 86px;
	padding-left: 24px;
	padding-right: 24px;
}
.dibuweixin{
	padding-bottom: 30px;
}
.dibuweixin .list-img{
	color: white;
	font-size: 29px;
	font-weight: 100;
	margin-left: 120px;
}
.dibuweixin .list-img span{
	margin-left: 30px;
}
.banquanhao{
	height: 65px;
	line-height: 65px;
	text-align: center;
	color: #888;
	font-size: 12px;
}
/*底部*/
/*.fotter-zui{*/
/*width: 30%;*/
/*!*height: 300px;*!*/
/*float: left;*/
/*!*background:red; *!*/
/*color: white;*/
/*}*/
/*.lianxi{*/
/*float: left;*/
/*margin-top: 0px;*/
/*}*/
/*.dibubeijingse{*/
/*background: rgba(000,000,000,.5);*/
/*border-radius:6px;*/
/*!* padding:25px 70px; *!*/
/*}*/
/*.beian{*/
/*color: white;*/
/*font-size: 12px;*/
/*margin-top: 22px;*/
/*}*/
/*.beian p{*/
/*margin-top: 8px;*/
/*margin-bottom: 0px;*/
/*}*/
/*.weixin{*/
/*text-align: center;*/
/*float: right;*/
/*color: white;*/
/*font-weight: 100;*/
/*font-size: 14px;*/
/*margin-top: 22px;*/
/*}*/
/*.weixin p{*/
/*margin-top: 17px;*/
/*text-align: left;*/
/*}*/
/*.weixin p img{*/
/*margin-right: 17px;*/
/*}*/





.fenye{
	text-align: center;
	width: 100%;
}
.fenyeul{
	/*text-align: center;*/
	display: inline-block;
}
.fenyeul li{
	padding: 10px;
	border: 1px solid #ddd;
	/* min-width: 20px; */
	width: 18px;
	height: 12px;
	line-height: 12px;
	float: left;
	margin-right: 7px;
	margin-left: 7px;
}
.shangyiye{
	width: 86px!important;
	height: 12px!important;
	line-height: 12px!important;
}
.xiayiye{
	width: 86px!important;
	height: 12px!important;
	line-height: 12px!important;
}
.dianjishang{
	background:#30add4;
	color:#d6edc2;
}
.nav-ul .biaoshide{
	/* border-radius: 25px; */
	/* border: 1px solid white; */
	/* transition: border-radius 4s; */
}
.nav-ul .biaoshide1{
	border-radius: 25px;
	border: 1px solid white;
}
.modal-content {
	position: relative;
	background-color: rgba(255,255,255,0)!important;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,0)!important;
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,0)!important;
	box-shadow: 0 3px 9px rgba(0,0,0,0)!important;
}
.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: 0.8!important;
}
.modal-dialog {
	width: 637px!important;
	height: 337px!important;
	top: 13%;
}
.baiyunshanshicaikuangyuan{
	background:rgba(255,255,255,0.6);
	width: 482px;
	padding-left: 30px;
	padding-right: 30px;
	height: 360px;
	border-radius: 25px;
	position: absolute;
	top: 132px;
	right: 359px;
}
.bg-lunbo12{
	position: relative;
}
.baiyunshanshicaikuangyuan{
	color: black;

}
.baiyunshanshicaikuangyuan p{
	text-align: left;
	margin-top: 40px;
}
.caikuangyuan{
	font-size: 30px;
}
.caikuangyuan1{
	/*text-align: center!important;*/
	font-size: 14px;
}
.caikuangyuan5{
	font-size: 14px;
}
.iso-box-section {
	width: 100%;
}
.iso-box-wrapper {
	width: 100%;
	padding: 0;
	clear: both;
	position: relative;
}
.iso-box {
	position: relative;
	min-height: 50px;
	float: left;
	overflow: hidden;
	margin-bottom: 14px;
	padding-right: 7px!important;
	padding-left: 7px!important;
}
.fluid-img {
	/*width: 100%;*/
	display: block;
	min-height: 289px;
	min-width: 100%;
}
.portfolio-thumb
{
	overflow: hidden;
	margin: 0;
	position: relative;
	width: 386px;
	height: 289px;
}
.portfolio-thumb .portfolio-overlay
{
	background: #333;
	color: #ffffff;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	opacity: 0;
	transition: all 0.4s ease-in-out;
}
.portfolio-thumb:hover .portfolio-overlay
{
	opacity: 0.9;
}
.portfolio-thumb .portfolio-overlay .fa
{
	border: 1px solid #ffffff;
	border-radius: 50%;
	color: #ffffff;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	margin-right: 6px;
	margin-bottom: 10px;
	transition: all 0.3s ease;
}
.portfolio-thumb .portfolio-overlay .fa:hover {
	background: #55acee;
	border-color: #55acee;
}
.portfolio-thumb .portfolio-overlay h4 {
	display: inline-block;
	padding-bottom: 10px;
	font-size: 30px;
	width: 223px;
	border-bottom: 1px solid white;
}
.portfolio-description {
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}
.gengduoshezhi{
	text-align: center;
	padding-bottom: 78px;
}
.gengduoshezhi span{
	display: inline-block;
	width: 156px;
	height: 40px;
	border: 1px solid #eb6100;
	text-align: center;
	line-height: 40px;
	border-radius: 6px;
	font-weight: 600;
	color:#eb6100 ;
	font-size: 15px;
}
.hanwen-jianjie{
	height: 162px;
	background: #eb6100;
	text-align: center;
}
.hanwen-jianjie img{
	margin-top: 46px;
}
.swiper-container {
	width:98%;
	height: 100%;
	padding-top: 20px!important;
	padding-bottom: 20px!important;
	padding-left:1%!important;
	padding-right: 1%!important;
}
.swiper-slide {
	width: 359.6px!important;
	height: 514px!important;
	padding: 10px;
	text-align: center;
	font-size: 18px;
	box-shadow: 0px 2px 8px 3px rgba(111,101,101,.2);
	/*-webkit-box-pack: center;*/
	/*-ms-flex-pack: center;*/
	/*-webkit-justify-content: center;*/
	/*justify-content: center;*/
	/*-webkit-box-align: center;*/
	/*-ms-flex-align: center;*/
	/*-webkit-align-items: center;*/
	/*align-items: center;*/
	margin-left: 13.1px;
}
.renwubeijing{
	min-width: 100%;
}
.renwubeijing-p{
	height: 398px;
	overflow: hidden;
}
.tupian-jieshao{
	width: 100%;
	text-align: left;
	padding-left: 34px;
	margin-top: 29px;
	font-weight: 600;
	font-size: 22px;
	color: black;
}
.gallery-bei{
	position: relative;
	background: url(../image/gallery-bei.jpg) no-repeat center center;
	background-size: cover;
	width: auto;
	height: 1080px;
	text-align: center;
}
.grid {
	position: relative;
	/*margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;*/
	text-align: center;
}

/* Common style*/
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	/*min-width: 320px;
	max-width: 480px;
	max-height: 360px;*/
	width: 100%;
	background: #ff0050;
	text-align: center;
	cursor: pointer;
}



.grid figure figcaption {
	padding: 1em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h5 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h5 span {
	font-weight: 800;
}

.grid figure h5,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*---------------*/
/***** Milo *****/
/*---------------*/

figure.effect-milo {
	background: #000;
}

/*figure.effect-milo img {*/
	/*max-width: none;*/
	/*width: -webkit-calc(100% + 60px);*/
	/*width: calc(100% + 60px);*/
	/*opacity: 1;*/
	/*-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;*/
	/*transition: opacity 0.35s, transform 0.35s;*/
	/*-webkit-transform: translate3d(-30px,0,0) scale(1.12);*/
	/*transform: translate3d(-30px,0,0) scale(1.12);*/
	/*-webkit-backface-visibility: hidden;*/
	/*backface-visibility: hidden;*/
/*}*/


.portfolio-thumb {
	background: #000;
}
.portfolio-thumb img{
	transition: opacity 0.35s, transform 0.35s;
}

/*.portfolio-thumb:hover img {*/
	/*opacity: 0.5;*/
	/*-webkit-transform: translate3d(0,0,0) scale(1.5);*/
	/*transform: translate3d(0,0,0) scale(1.5);*/
/*}*/
figure.effect-milo h5 {
	font-size:14px;
	position: absolute;
	right: 0;
	bottom: 0;
	color:#ff3d00;
	padding: 1em 1.2em;
}

figure.effect-milo p {
	padding: 0 10px 0 0;
	width: 50%;
	border-right: 1px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0,0);
	transform: translate3d(-40px,0,0);
	font-size: 11px;
}
figure {
	margin: 0 0 1rem!important;
}
figure.effect-milo:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url(../image/you.png)!important;
	right: -70px;
	left: auto;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url(../image/zuo.png)!important;
	left: -70px;
	right: auto;
}
.effect-milo11{
	 /*width: 25%!important;*/
	 height: 225px!important;
	overflow: hidden!important;
 }
.effect-milo2{
	/*width: 25%!important;*/
	height: 355px!important;
	overflow: hidden!important;
}