/*topbar*/
.topbar{ padding:30px 2.6% 0; position:absolute; top:0 ; z-index:2; width:94.8%;}
.logo{ float:left;}
.page-menu{ display:none;}
.hambergertab{ width:40px; height:40px; padding:3px; background:none; float:right; margin-left:15px; cursor:pointer; visibility:hidden;}
.hambergertab span{ display:block ; width:100%; height:2px; background: #cb945a; margin:6px auto;}
.inx_pc_menu{ float:right;}
.inx_mob_menu{ display:block;}
/*service*/
.service_box{width:160px; height:261px; background: #FFFFFF; position:fixed; z-index:2; left:1%; bottom:350px; padding:20px 0 27px;}
.service_box i{ display:block;font-weight: 500;color:#FFFFFF;width:30px;height:30px;border:1px solid #FFFFFF;border-radius:100%;position: absolute;top: -27px;right: -27px;z-index:3;text-align: center;line-height: 30px;font-size: 21px; cursor:pointer; transition:all 0.5s ease 0s;}
.service_box b,
.service_box span,
.service_box img,
.service_box a{ display:block; text-align:center; margin:0 auto;}
.service_box b{ font-size:16px; color:#cb945a;font-weight:bold; line-height:24px;}
.service_box span{font-size:14px; color:#333; font-weight:bold; line-height: 20px;}
.service_box a{ font-size:14px; color:#333333; width:62px; border:1px solid #959595; line-height:36px; background: #FFFFFF url(../images/m1.png) no-repeat 20px center; transition:all 0.5s ease 0s; padding:0 20px 0 46px; }
.service_box img{margin-top:12px; margin-bottom:12px;}
.message_box{ width:48px; height:48px; position: fixed; left:2.5%; bottom:370px; border-radius:100%; background: #CD945A url(../images/xx1.png) no-repeat center; cursor:pointer; z-index:3; display:none; background-size:50%;}

/*footer*/
.footer{clear: both; background: #171718; height:61px; overflow:hidden; padding:0 2.6%;}
.footer-b {	position: relative;	line-height: 61px;}
.footer_bl {float:left;color:#cfcecd; }
.footer_bl span,
.footer_bl a,
.footer_br span{ font-size:14px ; color:#cfcecd}
.footer_br{ float:right; padding-left:28px; background: url(../images/tel.png) no-repeat left center;}
@media (min-width:721px){
.service_box i:hover{ background:#cd945a; border-color:#CD945A; }
.service_box a:hover{background: #cb945a url(../images/m2.png) no-repeat 20px center; color:#FFFFFF;border-color: transparent;}
	
	}
@media only screen and (max-width: 860px) {
.footer_bl span,
.footer_bl a,
.footer_br span{ font-size:12px ; color:#cfcecd}
.footer_br{ background: none; padding-left:0;}
	
}
@media only screen and (max-width: 720px) {
/*topbar*/
body{ background: #242424;}
.topbar{ padding:20px 2.6% 0;}
.logo{ width:155px;}
.logo img{ width:100%;}
.inx_pc_menu{ display:none;}
.inx_mob_menu{ display:none;}
.page-menu{ display:block;}
.hambergertab{ display:none;}
.language1{ padding-bottom:30px;}

/*service*/
.service_box{ display: none;}
.message_box{display:block;}
.message_box{ bottom:26.7vw; width:9.8vw; height:9.8vw; background-size:50%;}

/*footer*/
.footer{background: #242424; line-height:1.5;  padding:3.47vw 2.6%; height:auto; text-align:center;}
.footer_bl{ float:none;  display:block;}
.footer_br{ display: block; float:none;}
.footer-b{position: relative;line-height: 1.5;}
.footer_bl span,
.footer_bl a,
.footer_br span{ font-size:3.3vw ; color:#cfcecd; white-space:nowrap;}

}