*{padding:0px; margin:0px;}
ul,li{list-style:none;}
h1,h2,h3{font-size:12px; font-weight:normal;}
a{text-decoration:none;}

img{border:0px;}
body{font-family:'\5FAE\8F6F\96C5\9ED1','ºÚÌå','ËÎÌå'; font-size:12px; background:#fff; color:#333;}
input{font-family:'\5FAE\8F6F\96C5\9ED1','ºÚÌå','ËÎÌå';}
.clear , .topNav .clear{height:0px; width:0px; line-height:0px; clear:both; float:none; overflow:hidden;}

@font-face {
	font-family: 'enfont';src: url('fonts/Helvetica_Bold_0.eot');
	src: url('fonts/Helvetica_Bold_0.woff') format('woff'), url('fonts/Helvetica_Bold_0.ttf') format('truetype'), url('fonts/Helvetica_Bold_0.svg') format('svg');
	font-weight: normal;font-style: normal;}
@font-face {
	font-family: 'enfontx';src: url('fonts/Helvetica_Light.eot');
	src: url('fonts/Helvetica_Light.woff') format('woff'), url('fonts/Helvetica_Light.ttf') format('truetype'), url('fonts/Helvetica_Light.svg') format('svg');
	font-weight:100;font-style:normal;}

.en{font-family:'enfont', sans-serif;}

.topBg{height:88px; background:rgba(0,0,0,0.5);width:100%; position:fixed;left:0;top:-88px;z-index:777;}
.logo{display:block;width:43%; position:fixed; left:38px; top:38px; z-index:888;}
.logo img{width:100%;}
/*icon*/
.showMenu{background:url(menu.png) no-repeat center center;background-size:24px 18px;width:44px;height:38px;position:fixed;right:28px;top:28px; cursor:pointer; z-index:999;}
.call{width:56px;height:36px; position:fixed; z-index:888;right:22px;top:40%;display:none;}
.call img{position:absolute;margin:0 auto;left:0;right:0;top:5px;width:24px;border-radius:50%;background:rgba(0,0,0,0.1); padding:6px;}

.jtd{width:56px;height:36px; position:fixed; z-index:888;right:22px; top:60%;  }
.jtd img{position:absolute; margin:0 auto;left:0; right:0;top:10px; padding:6px; }
/*#opBox*/
#opBox{position:fixed; left:0; display:none; bottom:10px; height:48px; width:100%; z-index:888; box-sizing:border-box;padding:0 10px;}
#opBox .box{display:-webkit-flex;display:flex;flex-flow:row nowrap; width:100%; height:100%; box-sizing: border-box; padding:0px 10px;}
#opBox .box div{width:36px;height:36px; position:absolute;border-radius:50%;background:rgba(0,0,0,0.2); bottom:10px;}
#opBox .opLeft{left:34px;}
#opBox .opCenter{ left:0; right:0; margin: 0 auto;}
#opBox .opRight{right:34px;}
#opBox img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
/*.rMenu*/
.rMenu{position:fixed;width:100%;height:100%; top:0;left:0;z-index:889; display: none;}
.rMenu ul{box-sizing: border-box;  width:100%; height:100%;display: -webkit-flex; display: flex; flex-flow: column nowrap; align-items:flex-end;}
.rMenu li{height:20%;overflow:hidden; color:#fff;}
.rMenu .m1{background:#262626;} .rMenu .m2{background:#222;} .rMenu .m3{background:#1f1f1f;} .rMenu .m4{background:#181818;} .rMenu .m5{background:#121212;}
/*.rMenu a{color:#fff; font-weight:normal;}*/
.rMenu h2,.rMenu h3{padding-left:10%;box-sizing:border-box; width:300px;overflow:hidden;display:-webkit-flex; display: flex;flex-flow: column nowrap;}
.rMenu h2{height:60%;font-size:250%; font-weight:bold; justify-content:flex-end;}
.rMenu h3{height:40%;font-size:150%;justify-content:flex-start;}

/**/
#viewBox{position:relative; width:100%; height:100%; overflow:hidden; z-index:1;left:0;top:0;}
#viewBox .Box{position:absolute; width:100%; height:auto; left:0;top:0;}
#viewBox img{display:block;}
.viewItem{width:100%; height:100%; overflow: hidden;}
.partView{display:-webkit-flex; display: flex; flex-flow: column nowrap; width:100%; overflow: hidden;}
.caseItem{width:100%; overflow:hidden; position:relative;}

.sortText{position:absolute; left:9%;bottom:7%; z-index:10; color:#fff;}
.sortText h2{ font-family:enfont; font-size:28px; line-height:90%;}
.sortText h3{font-size:14px;}
.partImg{position:relative; z-index:1; display:block;}

/*#caseDetail*/
#caseDetail{height:100%; width:100%; overflow:hidden;position:relative;display:none;position:absolute;left:0;top:0;z-index:666;}
#caseDetail .box{width:100%;height:100%;display:-webkit-flex; display: flex; flex-flow:row nowrap; position:absolute; left:0;top:0;}
#caseDetail .box .cd{width:100%; height:100%; overflow-y:scroll; overflow-x:hidden;}
#caseDetail .cdBox{width:100%; height:100%; overflow:hidden; position:relative;}
#caseDetail .contentCn img{display:block; width:100%; background:url(loading.gif) no-repeat center center;}

.cContent{background:#fff; width:100%;}
.cContent .cTop .tBox{padding:0px 9%;}
.cContent .project{width:100%; padding:0px 9%; height:76px; line-height:76px; font-family:enfont;background:#222;broder-bottom:1px solid #d3d3d3; font-size:30px; color:#fff;}
.cContent .cTitle{display:-webkit-flex; display: flex; flex-flow:row nowrap; box-sizing: border-box; padding:20px 0px; border-bottom:1px solid #262626;}
.cContent .cTitle .l{width:35%; font-size:24px; font-weight:bold; line-height:40px;}
.cContent .cTitle .r{width:65%; box-sizing:border-box; font-size:25px; line-height:40px; font-weight:100;}
.cContent .remark{margin:50px 0px; line-height:200%; font-size:18px; font-weight:100; color:#000; }
#caseDetail #msgBox{padding-top:90px;}
/*#scrollBox*/
#scrollBox{background:#1b1b1b; padding-top:70px; display:none;width:100%;}
/*sForm*/
#sForm li{margin-bottom:18px;}
#sForm input{width:62%; height:50px; line-height:50px; letter-spacing:2px;text-align:center; background:#333; color:#7c7c7c;border:1px solid #404040;border-width:1; font-size:13px; margin:0 auto; display:block;border-radius:10px;}
#sForm #doSubmit{background:#ffff00;}

/*#msgBox*/
#msgBox .textCall{color:#fff; font-size:32px; font-weight:bold;}
#msgBox .brand{color:#fff; font-size:24px; font-weight:bold;}
#msgBox .toPhone{text-align:left; padding-left:7%; box-sizing:border-box;line-height:56px; border-top:1px solid #323232; border-bottom:1px solid #323232; width:62%; margin:0px auto; margin-bottom:30px; background:url(phoneJt.png) no-repeat 88% center;}
#msgBox .toPhone a ,#msgBox .toMap a{display:block;width:100%; height:100%; font-size:16px;}
#msgBox .toMap{text-align:left; padding-left:7%; box-sizing:border-box;line-height:56px; border-top:1px solid #323232; border-bottom:1px solid #323232; width:62%; margin:0px auto; margin-bottom:30px; background:url(mapJt.png) no-repeat 88% center;}

#msgBox{background:#1b1b1b; color:#898989; font-size:13px; line-height:200%;}
#msgBox img{width:100%;display:block;}
#msgBox a{color:#898989;}
#msgBox .sp{width:82%; margin:0 auto; border-bottom:1px solid #484848; padding-bottom:30px;}
#msgBox .sp td{font-size:16px; line-height:200%; font-weight:100;}
#msgBox .sp p{font-size:19px; line-height:200%; font-weight:100;}
#msgBox .sp .tt{font-weight:bold; width:10%;}
#msgBox .sp .tf{font-weight:bold;}
#msgBox .sp .tt2{width:25%;}
#msgBox .aboutItem{text-align:center;}
#msgBox	input{outline:none; font-size:13px;}
#msgBox	.mt1{color:#fff; text-align: center; line-height:100%;font-size:32px;}
#msgBox	.mt2{font-size:12.5px; font-weight:100;letter-spacing:2px;}

.toMsg{position:fixed;height:60px; width:60px;right:20px;top:230px;z-index:10;}
.toMsg img{width:60px;height:60px;}