/*#about us*/
/* body.page-contact .js-smooth-scroll-content{z-index:80;}
body.page-contact #contact{
	position: relative;
	width: 100%;
	min-height: 100vh;
}
body.page-contact #contact .p-contact{background:#fff; color:#1a1a1a;}
body.page-contact #contact .p-contact div{height:50vh;}
.p-contact__bg {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	right:0;
	background-color:#fff;
} */

/*几行内超出，显示省略号*/
.text-line,[text-line]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.text-line.line3,[text-line][line3]{-webkit-line-clamp:3;}
.text-line.line4,[text-line][line4]{-webkit-line-clamp:4;}
.text-line.line5,[text-line][line5]{-webkit-line-clamp:5;}

#out_cases{}
#out_cases{height:auto; background:#f6f6f6; max-width:100vw; padding:0 0 66px;}
#out_cases .tips{font-size:60px; color:#000; line-height:204px; height:204px; font-family:'GilroyBold';}
#out_cases .tips a{font-size:16px; color:#999; font-family:'GilroyMedium'; background:url(https://www.beameverusa.com/images/2.png) no-repeat right center; padding:0 17px 0 0;}
#out_cases .tips a:hover{color:#000; background-image:url(https://www.beameverusa.com/images/4.png);}
/* #out_cases .container{height:auto;} */
#out_cases .container .name{line-height:32px; margin:27px 0 0;}
#out_cases .container .name a{font-size:18px; color:#000; font-family:'GilroyMedium';}
#out_cases .container .slide:hover .name a{color:#ec6617;}

/*#footer{}
#footer{height:auto; background:#f6f6f6; max-width:100vw;}
#footer .lesanimals-page-container{border-top:1px solid #d9d9d9; padding:32px 0;}
#footer .link{line-height:26px;}
#footer .link a{font-size:14px; color:#666; font-family:'GilroyMedium';}
#footer .link a:hover{color:#000;}
#footer .link span{margin:0 20px; width:2px; height:14px; background:url(https://www.beameverusa.com/images/3.jpg) no-repeat center;}
#footer .conpany{font-size:14px; color:#666; font-family:'GilroyMedium'; line-height:26px;}
#footer .conpany a{font-size: 14px;color: #666;}*/

#main-logo{}
#main-logo .nav a{font-size:16px; color:#333; line-height:38px; margin:0 38px;}
#main-logo .nav a:hover{color:#ec6617;}
#main-logo .nav a::before{bottom:-2px; background:#ec6617; left:0; height:2px; width:0%;}
#main-logo .nav a:hover::before,
#main-logo .nav a.cur::before{width:100%;}
#main-logo .nav.pronav{left:183px;}
#main-logo .nav.pronav a{margin: 0 24px;}
#main-logo .nav.pronav .xlcd{}
#main-logo .nav.pronav .xlcd{background:#fff; left:0; top:38px; min-width:125px; -moz-box-shadow:2px 2px 5px rgba(0,0,0,0.5); -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.5); box-shadow:2px 2px 5px rgba(0,0,0,0.5);}
#main-logo .nav.pronav .xlcd li{line-height:30px; /* height:30px; */ font-size:18px; color:#333; text-align:left; white-space: nowrap;}
#main-logo .nav.pronav .xlcd li a{line-height:30px !important; display:block; font-family: arial;}
#main-logo .nav.pronav>div:hover .xlcd{display:block;}
#main-logo .nav.pronav>div:hover a::before{width:100%;}
#main-logo .close{right:0; top:0; line-height:29px;}
#main-logo .close a{font-size:30px; color:#727272;}

#mbx{}
/*#mbx{line-height:33px; padding:0 0 12px; border-bottom:1px solid #e6e6e6; margin:-157px 0 111px;}*/
#mbx{line-height:33px; padding:0 0 12px; border-bottom:1px solid #e6e6e6; margin:-50px 0 111px;}
#mbx a{font-size:16px; color:#999; font-family:'GilroyMedium';}
#mbx span{font-size:16px; color:#1a1a1a; background:url(https://www.beameverusa.com/images/5.png); font-family:'GilroyMedium'; width:8px; height:13px; margin:0 10px;}
#mbx span:last-child{background:none; width:auto; height:auto; margin:0;}

#img_change_slide{}
#img_change_slide .p1{margin:0 0 20px;}
#img_change_slide .p1{font-size:0; line-height:0;}
#img_change_slide .p1 .slide::before{display:block; padding:62.5% 0 0; width:100%;display: none;}
#img_change_slide .p2{padding:0 54px; font-size:0; line-height:0;}
#img_change_slide .p2 .prev,
#img_change_slide .p2 .next{top:0; bottom:0; width:34px; background:no-repeat center #ec6617;}
#img_change_slide .p2 .prev{left:0; background-image:url(https://www.beameverusa.com/images/8.png);}
#img_change_slide .p2 .next{right:0; background-image:url(https://www.beameverusa.com/images/9.png);}
#img_change_slide .p2 .slide.swiper-slide-thumb-active::before{width:calc(100% - 8px); height:calc(100% - 8px); border:4px solid #ec6617; left:0; top:0; right:0; bottom:0;}
#img_change_slide .p2 .prev.swiper-button-disabled,
#img_change_slide .p2 .next.swiper-button-disabled{background-color:#e6e6e6;}
#img_change_slide .p2 .prev.swiper-button-disabled{background-image:url(https://www.beameverusa.com/images/6.png);}
#img_change_slide .p2 .next.swiper-button-disabled{background-image:url(https://www.beameverusa.com/images/7.png);}
/* #img_change_slide .p3{margin:111px 0 0;} */
#img_change_slide .p3 a{font-size:16px; color:#999; font-family:'GilroyMedium'; padding:0 19px 0 0; background:url(https://www.beameverusa.com/images/10.png) no-repeat right center; line-height:35px; height:35px;}
#img_change_slide .p3 a:hover{color:#1a1a1a;}

.proj-images .slide .icon{display: flex;align-items: center;height: 100%;}
.proj-images .slide .icon img{margin: 0 auto;}

#page_btn{}
#page_btn{height:293px; background:#f6f6f6; max-width:100vw;}
#page_btn a{font:bold calc( 40px + 50 * ( ( 100vw - 400px ) / 1200 ))/calc( 45px + 55 * ( ( 100vw - 400px ) / 1200 )) "GilroyBold",serif; line-height:130px; color:#ccc; font-family:'GilroyBold'; margin:81px 0 0;}
#page_btn a:hover{color:#1a1a1a;}

#certifications_list{}
#certifications_list{margin:150px 0 0;}

#contact_us{}
#contact_us{margin:215px 0 0; max-width:100vw; position:relative;}
#contact_us .left{width:50%; position:relative; z-index:5;}
#contact_us .left .tips{font-size:60px; color:#1a1a1a; font-family:'GilroyBold'; line-height:74px; margin:-14px 0 0;}
#contact_us .left .txt{font-size:24px; color:#666; font-family:'GilroyMedium'; line-height:50px; margin:0 0 53px;}
#contact_us .left .txt span{color:#ec6617;}

#contact_us .right{flex: 1;
right:0;
top:0;
width:43.38541666%;
height: 940px;
/* position: relative; */
z-index: 2;
overflow: visible;
padding-top: 45px;}
		
#contact_us .right .head-image-wrapper {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	/*-webkit-clip-path: inset(0 100% 0 0);*/
	/*clip-path: inset(0 100% 0 0);*/
	transition: -webkit-clip-path 1.25s cubic-bezier(0.475,0.425,0,0.995);
	transition: clip-path 1.25s cubic-bezier(0.475,0.425,0,0.995);
	transition: clip-path 1.25s cubic-bezier(0.475,0.425,0,0.995),-webkit-clip-path 1.25s cubic-bezier(0.475,0.425,0,0.995);
	position: relative;
}

#contact_us .right .head-image-wrapper.appear {
	-webkit-clip-path: inset(0 0 0 0);
	clip-path: inset(0 0 0 0);
}

#contact_us .right .head-image-wrapper .head-image {
	position: relative;
	width: 100%;
	height: 100%;
	background-position: top;
	background-repeat: no-repeat;
	background-size: initial;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0;
	transition: all 1.25s cubic-bezier(0.475,0.425,0,0.995);
}
#contact_us .right .head-image-wrapper.appear .head-image {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

#contact_us .page-lets-talk .row {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 20px;
}
#contact_us .page-lets-talk .full-column {
	width: 100%;
	background-color: #f2f2f2;
}
#contact_us .type-sub3 {
	font-family: 'GilroyMedium';
	font-size: 16px;
	line-height: 32px;
	letter-spacing: .05em;
}
#contact_us .input-field input {
	border: none;
	width: 100%;
	height: 70px;
	caret-color: #f84525;
	background: none;
}
#contact_us .page-lets-talk input {
	padding: 0 20px;
	box-sizing: border-box;
}
#contact_us .input-field .underline {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #bcbcbc;
	position: relative;
}
#contact_us .input-field input:focus {
	outline: none;
}
#contact_us .page-lets-talk .underline {
	background-color: #f2f2f2;
}
#contact_us .input-field .underline:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #1f1e1d;
	transition: -webkit-transform .85s cubic-bezier(0.475,0.425,0,0.995);
	transition: transform .85s cubic-bezier(0.475,0.425,0,0.995);
	transition: transform .85s cubic-bezier(0.475,0.425,0,0.995),-webkit-transform .85s cubic-bezier(0.475,0.425,0,0.995);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left;
	transform-origin: left;
}
#contact_us .input-field input:focus+.underline:after {
	-webkit-transform: scale(1);
	transform: scale(1);
}
#contact_us .page-lets-talk textarea {
	padding: 25px 20px;
	box-sizing: border-box;
	height: 280px;
	border: none;
	display: block;
	width: 100%;
	resize: none;
	min-height: 70px;
	padding-top: 25px;
	box-sizing: border-box;
	background: none;
}
#contact_us .textarea .underline:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #1f1e1d;
	transition: -webkit-transform .85s cubic-bezier(0.475,0.425,0,0.995);
	transition: transform .85s cubic-bezier(0.475,0.425,0,0.995);
	transition: transform .85s cubic-bezier(0.475,0.425,0,0.995),-webkit-transform .85s cubic-bezier(0.475,0.425,0,0.995);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left;
	transform-origin: left;
}
#contact_us .textarea textarea:focus+.underline:after {
	-webkit-transform: scale(1);
	transform: scale(1);
}
#contact_us .sub{width:239px; height:68px; line-height:68px; border:1px solid #999; border-radius:34px; font-size:18px; color:#1a1a1a; margin:50px 0 224px;}
#contact_us .sub:hover{background-color: #ec6617;color: #fff;border-color: #ec6617;}

#contact_info {padding:137px 0 145px; height:auto; background:#f6f6f6; max-width:100vw;}
#contact_info dl{width:33%;}
#contact_info dl dt .name{font-size:36px; color:#000; line-height:60px; font-family:'GilroyBold';}
#contact_info dl dt .tips{font-size:18px; color:#666; line-height:30px; height:60px; font-family:'GilroyMedium';}
#contact_info dl dd{line-height:28px; margin:26px 0 0;}
#contact_info dl dd a{text-decoration:underline; font-size:18px; color:#ec6617; font-family:'GilroyMedium';}

/*Product*/
.pro-search{}
.pro-search .title{font-size: 24px;color: #1a1a1a;}
.pro-search .cate-list{margin-top: 35px;}
.pro-search .cate-list .item{width: 21.484375%;position: relative;margin-right: 4.6875%;}
.pro-search .cate-list .item:nth-child(4n){margin-right: 0;}
.pro-search .cate-list .item .tit{font-size: 16px;color: #999;position:absolute;display:block;top:0;left:0;right:0;bottom:0;overflow:hidden;border-bottom:1px solid #cccedb;text-align:left;background:#fff;height:46px;line-height:46px;border-radius:2px;padding-left:10px;}
.pro-search .cate-list .item .tit:after{content: '';width: 13px;height: 8px;background: url(https://www.beameverusa.com/images/img40.png)no-repeat center;position: absolute;right: 8px;top: 20px;z-index: 1;}
.pro-search .cate-list .item select{position:relative;display:block;z-index:1;cursor:pointer;width:100%;background:#fff;font-size:12px;height:46px;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);padding-right:20px}
.pro-search .cate-list .item select option{font-size: 16px;height: 30px;}
.pro-search .nums{font-size: 18px;color: #1a1a1a;margin-top: 40px;}
.pro-search .nums span{font-size: 18px;color: #1a1a1a;}

.pro-list{overflow: hidden;}
.pro-list .pro-item{padding: 100px 0;border-bottom: solid 1px #e6e6e6;width: 100%;margin: 0 auto; position:unset !important;}
.pro-list .pro-item .left{width: 31.25%;margin-right: 30px;}
.pro-list .pro-item .right{width: calc(100% - 31.25% - 30px);/*margin-top: 50px;*/}
.pro-list .pro-item .right .names{font-size: 36px;color: #1a1a1a;font-weight: bolder;}
.pro-list .pro-item .right .brief{font-size: 18px;color: #1a1a1a;line-height: 32px;margin-top: 20px;}
.pro-list .pro-item .right .brief p br{display: none;}
.pro-list .pro-item .right .more-btn{display: inline-block;min-width: 80px;height: 42px;border: solid 1px #999999;font-size: 18px;color: #1a1a1a;text-align: center;line-height: 42px;margin-top: 30px;border-radius: 30px; padding:0 20px;}
.pro-list .pro-item .right .more-btn:hover{background: #ec6617;border-color: #ec6617;color: #fff;}
.pro-list .pro-item:hover .left{-webkit-transform: scale(0.97) rotateX(-3deg);transform: scale(0.97) rotateX(-3deg);}

/*Products-category*/
.prolist-list{}
.prolist-list .box-mid{padding-bottom: 90px;border-bottom: solid 1px #e6e6e6;}
.prolist-list .box-mid-two{padding: 90px 45px;border-bottom: none;}
.prolist-big{}
.prolist-big .item{width: 31.25%;margin-right: 3.125%;background: #fff;margin:30px 0 0;}
.prolist-big .item:nth-child(3n){margin-right: 0;}
.prolist-big .item .procate-item{display: block;color: #1a1a1a; padding:5px;}
.prolist-big .item .procate-item .titles{font-size: 18px;color: #1a1a1a;margin-top: 30px;font-family: 'GilroyMedium';}
.prolist-big .item:hover .img{-webkit-transform: scale(0.97) rotateX(-3deg);transform: scale(0.97) rotateX(-3deg)}
.prolist-list .scrollable-slider-one{padding-top: 100px;}

/*Products-detail*/
.pro-detail{}
.pro-detail .pro-top{padding-top: 20px;border-top: solid 1px #e6e6e6;}
.pro-detail .pro-top .left{width: 50%;}
.pro-detail .pro-top .right{width: calc(50% - 50px);margin-top: 80px;margin-left: 50px;}
.pro-detail .pro-top .right .title{font-size: 48px;color: #1a1a1a;line-height: 60px;font-weight: bolder;font-family: 'GilroyMedium';}
.pro-detail .pro-top .right .brief{font-size: 18px;color: #1a1a1a;margin-top: 50px;line-height: 32px;min-height: 224px;font-family: 'GilroyMedium';}
.pro-detail .pro-top .right .more-btn{display: block;width: 240px;height: 60px;border: solid 1px #999;font-size: 18px;color: #1a1a1a;border-radius: 30px;margin-top: 80px;text-align: center;line-height: 60px;font-family: 'GilroyMedium';}
.pro-detail .pro-bot{margin-top: 120px;margin-bottom: 120px;}
.pro-detail .pro-bot .tit-list{border-bottom: solid 1px #d9d9d9;}
.pro-detail .pro-bot .tit-list .tit{display: block;width: 200px;height: 60px;text-align: center;line-height: 60px;font-size: 18px;color: #1a1a1a;border: solid 1px #d9d9d9;border-bottom: none;margin-right: 20px;background: #f2f2f2;color: #666;position: relative;font-family: 'GilroyMedium';}
.pro-detail .pro-bot .tit-list .tit:after{content: '';width: 100%;height: 1px;background: #fff;position: absolute;bottom: -1px;left: 0;z-index: 1;opacity: 0;}
.pro-detail .pro-bot .tit-list .tit:last-child{margin-right: 0;}
.pro-detail .pro-bot .tit-list .tit.on{background: #fff;color: #1a1a1a;}
.pro-detail .pro-bot .tit-list .tit.on:after{opacity: 1;}
.pro-detail .pro-bot .detail-list{margin-top: 80px;}
.pro-detail .pro-bot .detail-list .editor{display: none;}
.pro-detail .pro-bot .detail-list .editor.on{display: block;}
.pro-detail .pro-top #img_change_slide .p1 .slide::before{display: none;}
.prodetail{padding-top: 120px;}
.prodetail.intro-title-small{position: static;}
.prodetail .intro-title-small-desc{margin-top: 0;}
.prodetail #mbx{border-bottom: none;margin: 0;}
.pro-top #img_change_slide .p2 .slide.swiper-slide-thumb-active::before{border: 2px solid #ec6617;width: calc(100% - 4px);height: calc(100% - 4px);}
.pro-bot .p3{margin-top: 50px;}
.pro-bot .p3 a{font-size: 16px;color: #999;position: relative;font-family: 'GilroyMedium';}
.pro-bot .p3 a:after{content: '';width: 8px;height: 13px;background: url(https://www.beameverusa.com/images/10.png)no-repeat center;position: absolute;right: -18px;top: 9px;z-index: 1;}

/*手机端*/
#main-logo .mobile{height: 60px;z-index: 1000;width: 100%;position: fixed;left: 0;top: 0;right: 0;border-bottom: solid 1px #ededed;background: #fff;}
#main-logo .mobile .menu-trg {position: absolute;right: 25px;top: 0;left: auto;}
#main-logo .mobile .menu-trg .icon-menu{background: url(https://www.beameverusa.com/images/mobilenav.png)no-repeat center;}
#main-logo .mobile .menu-trg .trg {display: block;width: 40px;height: 40px;background-size: 100%;margin-top: 12px;margin-right: 0;}
.side-menu {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1000;transform: translateX(100%);-webkit-transform: translateX(100%);transition-property: transform;-webkit-transition-property: -webkit-transform;transition-duration: 0.5s;-webkit-transition-duration: 0.5s;}

.side-menu .inner {position: absolute;right: 0;top: 0;width: 50%;height: 100%;background: #fff;color: #3884c6;overflow-x: hidden;overflow-y: auto;border: solid 1px #ededed;}
.side-menu .inner a {color: #3884c6;}
.side-menu .hd {padding: 0 15px;height: 59px;border-bottom: 1px solid #ededed;line-height: 58px;overflow: hidden;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;}
.side-menu .hd .icon-user:before {margin-right: 5px;font-size: 16px;}
.side-menu .hd .icon-fork:before {top: 0;font-size: 18px;}
.side-menu .hd .icon-user{text-overflow: ellipsis;white-space: nowrap;max-width: 65%;overflow: hidden;}
.side-menu .hd .msg{margin-right: auto;margin-left: 6px;}
.side-menu .hd .msg img{max-width: 20px;}
.side-menu .hd .icon-fork{width: 24px;height: 24px;background: url(https://www.beameverusa.com/images/mobileclose.png)no-repeat center;background-size: 100%;}
.side-menu ul > li a {display: block;text-align: center;line-height: 44px;font-size: 14px;}
.side-menu ul > li {border-bottom: 1px solid #ededed;}
.side-menu.show {transform: translateX(0);-webkit-transform: translateX(0);}
#main-logo .mobile .left{width: 110px;margin-top: 12px;margin-left: 25px;}
#main-logo .mobile .left a{display: inline-block;}
#mobile_drak{width: 100%;height: 100%;position: fixed;left: 0;right: 0;top: 0;background: rgba(0,0,0,0.5);z-index: 999;display: none;}
#main-logo .mobile .menu-trg .side-menu .lan{text-align: center;margin-top: 30px;}
#main-logo .mobile .menu-trg .side-menu .lan .a{display: inline-block;font-size: 18px;cursor: pointer;color: #3884c6;}
#main-logo .mobile .menu-trg .side-menu .lan a{margin: 0 5px;display: inline-block;}
#main-logo .mobile .search{width: 94%;margin: 0 auto;margin-top: 15px;text-align: center;}
#main-logo .mobile .search form{display: inline-block;text-align: center;}
#main-logo .mobile .search .text{width: auto;}
#main-logo .mobile .nav a{color: #ec6617;}


@media only screen and (max-width:1820px){
	#main-logo .nav.pronav a{margin: 0 20px;}
}

@media only screen and (max-width:1620px){
	#main-logo .nav.pronav{left: 50px;}
	#main-logo .nav.pronav a{margin: 0 10px;}

	.cc-nb{font: bold 140px/180px "GilroyBold",sans-serif;}

	#out_cases .tips{font-size: 56px;height: 180px;line-height: 180px;}

	#page_btn a{font-size: 60px;}
}

@media only screen and (max-width:1420px){
	#main-logo .nav.pronav{left: 100px;}
	#main-logo .nav a{margin: 0 30px;}

	.cc-nb{font: bold 110px/120px "GilroyBold",sans-serif;}

	#page_btn a{font-size: 50px;}

	.pro-list .pro-item{padding: 50px 0;}
	.pro-list .pro-item .right .names{font-size: 32px;}

	.pro-detail .pro-top .right .title{font-size: 38px;line-height: 54px;}

	#out_cases .tips{font-size: 48px;}

	#contact_us .left .tips{font-size: 48px;line-height: 66px;}
	#contact_us .left .txt{font-size: 20px;line-height: 44px;}
}

@media only screen and (max-width:1350px){
	#main-logo .nav a{margin: 0 25px;}
	#main-logo .nav{left: 80px;}
}

@media only screen and (max-width:1330px){
	#main-logo .nav.pronav a{margin: 0 7px;}
	#main-logo .nav.pronav{left: 150px;}
}

@media only screen and (max-width:1280px){
	#main-logo .nav.pronav a{font-size: 14px;}

	.pro-list .pro-item .right .names{font-size: 28px;}
	.pro-list .pro-item .right .brief{font-size: 16px;line-height: 28px;}
	.pro-list .pro-item{padding: 30px 0;}

	.pro-detail .pro-top .right .title{font-size: 34px;line-height: 42px;}
	.pro-detail .pro-top .right .brief{line-height: 28px;}

	.pro-detail .pro-top .right .more-btn{width: 200px;height: 50px;font-size: 16px;margin-top: 20px;line-height: 50px;}
	.pro-detail .pro-bot .tit-list .tit{width: 150px;height: 50px;font-size: 16px;line-height: 50px;}

	#contact_us .left .tips{font-size: 40px;line-height: 50px;}
	#contact_us .left .txt{font-size: 18px;line-height: 42px;}
	#contact_us .sub{width: 200px;height: 58px;line-height: 58px;}

}


@media only screen and (max-width:1220px){
	#contact_us .left .tips{font-size: 46px;}

	#main-logo .nav a{margin: 0 20px;}

	.cc-nb{font: bold 90px/100px "GilroyBold",sans-serif;}
}

@media only screen and (max-width:1150px){
	.projs-content .scrollable-slider{margin-left: -175px;}
}

@media only screen and (max-width:1080px){
	#main-logo .nav.pronav a{margin: 0 4px;}

	.pro-detail .pro-top .left,.pro-detail .pro-top .right{width: calc(100% - 50px);float: none;margin: 0 auto;}
	.pro-detail .pro-top .right{margin-top: 30px;}
	#img_change_slide .p2{padding: 0 0;}

	#contact_us .left .tips{font-size: 34px;line-height: 44px;}
	#contact_us .left .txt{font-size: 16px;line-height: 34px;}
}

@media only screen and (max-width:980px){
	body.page-top .p-header__left a .m-pic{width: 110px;}

	#main-logo .menu-social{position: static;margin-left: 15px;margin-top: 30px;width: calc(100% - 15px);}
	#main-logo .menu-social-item{margin: 0 10px !important;}
	#main-logo .menu-social-item a{margin: 0;width: calc(100% - 10px);}

	.cc-nb{font: bold 70px/80px "GilroyBold",sans-serif;}
	.exp-image{margin: 40px auto 0 auto;display: block;width: calc(100% - 50px);}
	.cc-desc-3{font: normal 32px/40px "GilroyBold";margin-bottom: 15px;}
	.cc-desc-5{font: normal 32px/40px "GilroyBold";padding: 0 25px;}
	#out_cases .tips{padding: 0 25px;font-size: 40px;height: 120px;line-height: 120px;}
	#out_cases .swiper-big{padding: 0 25px;}

	.projs-content .scrollable-slider{margin-left: -75px;}

	.prolist-big .item{width: 49%;margin-right: 2%;}
	.prolist-big .item:nth-child(3n){margin-right: 2%;}
	.prolist-big .item:nth-child(2n){margin-right: 0;}

	#contact_us .left{width: 100%;}
	#contact_us .right{display: none;}
	#contact_us .sub{width: calc(100% - 2px);height: 48px;line-height: 48px;margin: 20px 0 100px;}
	#contact_us{margin-top: 50px;}
	#contact_us .input-field input{height: 50px;}
	#contact_us .page-lets-talk textarea{height: 180px;padding-top: 15px;}
	#contact_info{padding: 50px 0 50px;}
	#contact_info dl dt .name{font-size: 30px;}
	#contact_info dl dt .tips{font-size: 14px;line-height: 20px;}

	#main-logo .mobile .left a img{margin-top: 12px;}
}

@media only screen and (max-width:768px){
	.pro-search .cate-list .item{width: 48%;margin-right: 4%;}
	.pro-search .cate-list .item:nth-child(2n){margin-right: 0;}
}

@media only screen and (max-width:680px){
	.exp-image{margin-top: 40px !important;}

	.intro-img-title{font: bold calc( 50px + 90 * ( ( 100vw - 400px ) / 1200 ))/calc( 60px + 90 * ( ( 100vw - 400px ) / 1200 )) "GilroyBold",serif;}
	.projs-content .scrollable-slider{margin-left: -10px;}

	.projs-item-title{padding: 15px 0;}

	.proj-content .editor{width: calc(100% - 50px);margin: 0 auto;margin-bottom: 30px;}
	.proj-content .editor .scrollable-slider{margin-left: -25px;}
	.intro-title-small-title{width: auto;}
	.intro-title-small{max-width: 100%;}

	#page_btn{padding: 0 25px;width: calc(100vw - 50px);height: 180px;}
	#page_btn a{margin-top: 25px;}

	.cc-desc-5{font: normal 28px/32px "GilroyBold";line-height: 36px;}
	.cc-desc-6{font: normal 22px/36px "Myriad Pro";line-height: 32px;margin-bottom: 50px;}

	.intro-title-small-title{font: bold calc( 24px + 50 * ( ( 100vw - 400px ) / 1200 ))/calc( 30px + 55 * ( ( 100vw - 400px ) / 1200 )) "GilroyBold",serif;}

	#mbx{margin-bottom: 20px;}

	.pro-list .pro-item .left,.pro-list .pro-item .right{width: auto;float: none;}
	.pro-list .pro-item .left{margin-right: 0;}
	.pro-list .pro-item .right{margin-top: 30px;}

	.pro-list .pro-item{padding: 30px 15px;width: calc(100% - 30px);}
	.pro-search{padding: 0 15px;width: calc(100% - 30px);}

	.intro-title-small-desc{margin-top: 40px;}

	.editor *{font-size: inherit !important;}

	.pro-list .pro-item .right .names{font-size: 24px;}
	.pro-list .pro-item .right .brief{margin-top: 10px;line-height: 24px;}

	.pro-big .projs-content .scrollable-slider{margin-left: -40px;}

	.prolist-big .item{width: calc(100% - 50px);margin-right: 0;text-align: center;padding: 0 25px;}
	.prolist-big .item:nth-child(3n){margin-right: 0;}

	.cc-desc-3{font: normal 28px/32px "GilroyBold";}
	.cc-desc-4{font: normal 16px/26px "GilroyMedium";}
	.prolist-list .box-mid{padding-bottom: 45px;}
	.prolist-list .box-mid-two{padding: 45px 45px;}

	.prolist-big .item .procate-item .titles{line-height: 24px;}

	#out_cases .tips{font-size: 26px;height: 100px;line-height: 100px;}
	#out_cases .container .name a{font-size: 16px;line-height: 22px;}

	.proj-images{padding-bottom: 0;}

	.pro-detail .pro-top .right .title{font-size: 24px;line-height: 30px;}
	.pro-detail .pro-top .right .brief{margin-top: 20px;min-height: 0;font-size: 16px;line-height: 24px;}
	.pro-detail .pro-bot{margin-top: 50px;margin-bottom: 50px;padding: 0 25px;}

	.pro-detail .pro-bot .tit-list .tit{width: calc(32% - 2px);margin-right: 2%;height: 40px;line-height: 40px;font-size: 14px;}
	.pro-detail .pro-bot .tit-list .tit:nth-child(3n){margin-right: 0;}

	.pro-detail .pro-bot .detail-list{margin-top: 30px;}
	.pro-detail .pro-bot .detail-list .editor{width: 100%;}
	.pro-detail .pro-top .right .more-btn{width: 150px;height: 40px;line-height: 40px;}

	.cc-desc{font: normal 22px/40px "GilroyBold",sans-serif;}
	.cc-desc-2{font: normal 16px/28px "GilroyMedium";}
	.cc-nb{font: bold 50px/50px "GilroyBold",sans-serif;}
	.cc-nb-txt{font: normal 16px/22px "GilroyMedium",sans-serif;}

	#contact_us .left{width: calc(100% - 50px);padding: 0 25px;}
	#contact_info{padding-left: 25px;padding-right: 25px;}
	#contact_info dl{width: auto;float: none;}

	#contact_us .left .tips{font-size: 22px;line-height: 26px;}
	#contact_us .left .txt{margin-top: 10px;margin-bottom: 30px;}
	#contact_us .input-field input{height: 46px;}
	#contact_us .page-lets-talk textarea{line-height: 22px;}
	#contact_us .sub{margin: 20px 0 50px;}
	.contact-big .bots .lesanimals-page-container{width: calc(100% - 50px);margin-left: 0;}
	#contact_info dl dt .tips{height: auto;}
	#contact_info dl dd{margin-top: 12px;}
	#contact_info dl dt .name{font-size: 24px;line-height: 48px;}
}

.page_top_bg{}
.page_top_bg{top:0; left:0; right:0; background:#fff; height:81px; z-index:7;}


.top-search-form{width: 23%;margin-top:-18px; right:60px; top:50%; visibility:hidden;}
.top-search-form>div{border-radius: 25px;}
.top-search-form .text{width: 80%;margin-left: 2%;padding: 0 2%;line-height: 36px;color: #666;font-size: 14px;}
.top-search-form .sub{width: 10%;height: 36px;opacity: .8;cursor: pointer;background: url(https://www.beameverusa.com/images/search.png) no-repeat center center; visibility:visible;}
.top-search-form .text::-webkit-input-placeholder { /* WebKit browsers */ color: #666;}
.top-search-form .text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  color: #666;}
.top-search-form .text::-moz-placeholder { /* Mozilla Firefox 19+ */  color: #666;}
.top-search-form .text:-ms-input-placeholder { /* Internet Explorer 10+ */  color: #666;}
.top-search-form.is_ok{visibility:visible;}
.top-search-form>div{width: 36px; height:36px; float:right;}
.top-search-form>div .text{display:none;}
.top-search-form>div .sub{width:100%; max-width:36px; position:absolute; right:0; top:50%; margin:-18px 0 0;}
.top-search-form>div.open{width:100%; background: #c8c8c8;}
.top-search-form>div.open .text{display:inline-block;}
.top-search-form>div.open .sub{width:36px;}
.top-search-form>div.open .sub input[type='button']{display:none;}
.top-search-form>div.open .sub input[type='submit']{display:block; width:100%; height:100%;}


.menubtn{width:30px; height:30px; top:50%; margin:-15px 0 0; right:0;}
.menubtn div{top:50%; background:#000; height:3px; left:0; right:0; margin:-1.5px 0 0;}
.menubtn div::before,
.menubtn div::after{width:100%; height:3px; background:#000; left:0;}
.menubtn div::before{bottom:-10px;}
.menubtn div::after{top:-10px;}
.menubtn:hover div::before{transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); top:0;}
.menubtn:hover div::after{transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); top:0;}
.menubtn:hover div{background: transparent;}