@charset "UTF-8";

@font-face {
  font-family: "OpenSans";
  src: url("./font/OpenSans-Regular.woff2") format("woff2"),
	   url("./font/OpenSans-Regular.woff") format("woff"),
	   url("./font/OpenSans-Regular.ttf") format("truetype"),
	   url("./font/OpenSans-Regular.eot") format("embedded-opentype"),
	   url("./font/OpenSans-Regular.svg") format("svg"),
	   url("./font/OpenSans-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "HATTEN";
  src: url("./font/HATTEN_0.woff2") format("woff2"),
	   url("./font/HATTEN_0.woff") format("woff"),
	   url("./font/HATTEN_0.ttf") format("truetype"),
	   url("./font/HATTEN_0.eot") format("embedded-opentype"),
	   url("./font/HATTEN_0.svg") format("svg"),
	   url("./font/HATTEN_0.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
html{font-family: '微软雅黑';}
td{padding: 0.01rem!important;}
p{margin: 0;}
.wrap{max-width:10rem;margin: 0 auto;min-width: 10rem;padding: 0 0.2667rem;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear{clear: both;}
.line_hoder{display: inline-block;width: 100%;height: 0;margin: 0;padding: 0;clear: both;}
.tac{text-align: center;}
.ml0{margin-left: 0!important;}
.mr0{margin-right: 0!important;}
input{outline: none;}
.img_Path{text-align: center;}
.img_Path a{font-size: 0;}
.img_Path em{display: inline;cursor: pointer;}
.img_Path img{vertical-align: middle;max-width: 100%;max-height: 100%;}
.img_Path span{display: inline-block;height: 100%;vertical-align: middle;}
.tn{text-decoration: none;}
.br0{border-right: 0;}
.bl0{border-left: 0;}
.bt0{border-top: 0!important;}
a{color: inherit;text-decoration: none;}
a:hover{text-decoration: none;}
.tran03{transition: .3s ease all;-moz-transition:.3s ease all;-webkit-transition:.3s ease all;-o-transition:.3s ease all;}
.tran05{transition: .5s ease all;-moz-transition:.5s ease all;-webkit-transition:.5s ease all;-o-transition:.5s ease all;}
.tran07{transition: .7s ease all;-moz-transition:.7s ease all;-webkit-transition:.7s ease all;-o-transition:.7s ease all;}
.tran1{transition: 1s ease all;-moz-transition:1s ease all;-webkit-transition:1s ease all;-o-transition:1s ease all;}
.op0{opacity: 0;filter: "alpha(opacity=0)"; filter: alpha(opacity=0);}
body{margin: 0 auto;}

.head{overflow: hidden;}
.headt{position: relative;width: 100%;margin-bottom: 0.6933rem;}
.index .headt{margin-bottom: 0.2533rem;}
.index .headt .logo{width: 3.2667rem;height: 1.4533rem;margin-top: 0.28rem;}
.headt .logo{width: 3.7867rem;height: 0.78667rem;margin-top: 0.4rem;}
.headt .language{position: absolute;right: 0;bottom: 0;font-size: 0.32rem;color: #595757;line-height: 1;}
.headt .language a{color: inherit;margin-left: 0.08rem;font-family: '黑体';}
.headt .language a:first-child{/* font-family: 'HATTEN'; */}
.headt .language a.cur{color: #f08200;}
.headb{font-size: 0.42667rem;color: #595757;font-family: 'HATTEN';text-align: justify;margin-bottom: 0.56rem;}
.headb.headb_cn{font-size: 0.35667rem;}
.headb a{line-height: 1;display: inline-block;}
.headb a.cur{color: #f08200;}

.index{height: 100vh;}
.index .b1{height: 11.46667rem; max-height: calc(100% - 7.0934rem); width: 100%;padding-top: 1.5067rem;background-size: 100%;background-repeat:  no-repeat;background-position:  bottom center;}
.index .b1>.wrap{position: relative;height: 100%;}
.index .b1 p{position: absolute;font-size: 0.42667rem;color: #fff;top: -1.08rem;left: 0.4133rem;font-family: 'HATTEN';text-align: justify;-ms-text-align-last: justify; text-align-last: justify;text-transform: uppercase;text-justify:inter-ideograph;}
.index .b1 p:after{content: '';display: inline-block;width: 100%;}
.index.index_cn .b1 p{font-size: 0.35667rem;}
.index .b1 p span{display: -webkit-flex;  -webkit-justify-content: space-between;  display: flex; justify-content: space-between;}
.index .b1 p em{display: block;font-style: normal;}
.index .b1 p img{display: block;width: 6.16rem;height: 2.2rem}
.index .b1 .bg{position: absolute;bottom: 0;left: 0;right: 0;background-color: rgba(255,255,255,.8);min-height: 2.2rem;color: #595757;font-size: .2933rem;line-height: 1.5454;}
.index .b1 .bg .wrap{color: #595757;margin-bottom: 0.2933rem;}
.index .b1 .bg .wrap .tit{font-size: .48rem;font-family: 'HATTEN';margin-top: 0.1467rem;line-height: 0.8933rem;}
.index .b1 .bg .wrap h6{font-size: 0.2933rem;line-height: 1.54;}
.index .b2{padding-top: 0.0267rem;padding-bottom: 0.2667rem;}
.index .b2 .tit{background-color: #000;border-left: 1px solid #000;border-right: 1px solid #000;padding: 0 0.2133rem;line-height: 0.56rem;font-size: 0.48rem;color: #fff;font-family: 'HATTEN';}
.index .b2 .item{border: 1px solid #000;border-top-width: 0;padding: 0 0.2133rem;line-height: 0.56rem;color: #595757;font-size: 0.2933rem;}

.headlines{}
.headlines .list{}
.headlines .list dd{float: left;width: 2.9rem;height: 1.88rem;margin-left: 0.34rem;margin-bottom: 0.32rem;}
.headlines .list dd img{width: 100%;height: 100%;}
.headlines .list dd.first{margin-left: 0;}

.headlines .owm{background-color: #f0f0f0;overflow: hidden;}
.headlines .owm .date{font-family: 'OpenSans';color: #333333;font-size: .32rem;line-height: 0.56rem;margin-top: 0.4933rem;}
.headlines .owm .name{font-family: 'OpenSans';color: #333333;font-size: .32rem;line-height: 0.56rem;margin-bottom: 0.52rem;}
.headlines .owm .fp{font-family: 'OpenSans';color: #333333;font-size: .32rem;line-height: 0.48rem;text-align: center;line-height: 1.68rem;margin-top: 0.04rem;}
.headlines .owm a.top{float: right;display: inline-block;width: 0.64rem;height: 0.64rem;margin-left: 0.1rem;background: url(../images/hl1.png) no-repeat center;background-size: contain;border-radius: 50%;overflow: hidden;font-size: 0;margin-bottom: 0.3067rem;}
.headlines .owm a.close{float: right;display: inline-block;width: 0.64rem;height: 0.64rem;margin-left: 0.1rem;background: url(../images/hl2.png) no-repeat center;background-size: contain;border-radius: 50%;overflow: hidden;font-size: 0;margin-bottom: 0.3067rem;}

.bjk{background-color: #fff;padding: 0.1rem;}
.bjk *{max-width: 100%;max-height: 100%;}
.bjk p{font-size: 0.24rem;margin: 0.1rem;line-height: 1.4;}
.bjk img{width: auto;height: auto!important;margin: 0.05rem;}

.offices{}
.offices.hidden{overflow: hidden!important;position: fixed;}
.offices .b1{position: relative;height: inherit;overflow: hidden;}
.offices .of1{height: 100%;}
.offices .of1 .bd{height: 100%;}
.offices .of1 ul{height: 100%;}
.offices .of1 ul li{margin-bottom: 0.1333rem;width: 100%;height: auto!important;}
.offices .menu{position: absolute;left: 0;top: 0;/* height: 100%; */background-color: rgba(255,255,255,.75);width: 33.33%;padding: 0.1867rem 0.48rem 0.2533rem;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.offices .menu.longmenu{width: 66.66%;}
.offices .menu .submenus{height: 100%;overflow: scroll;}
.offices .menu .items{display: block;color: #111111;font-size: 0.32rem;line-height: 1.25;margin: 0.2667rem 0;font-family: 'OpenSans';-webkit-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;}
.offices .menu .items:hover,.offices .menu .items.on{color: #ec8701;}
.offices .menu .left{position: absolute;bottom: 0.2133rem;width: 0.28rem;height: 0.4667rem;background: url(../images/o_l.png) no-repeat center;background-size: contain;}
.offices .menu .xia{position: absolute;display: block;width: 0.28rem;height: 0.1467rem;right: 0.2rem;bottom: 1.08rem;background: url(../images/o_b.png) no-repeat center;background-size: contain;}
.offices .menu .xia.down{bottom: 0.4rem;}
.offices .menu .shang{position: absolute;display: block;width: 0.28rem;height: 0.1467rem;right: 0.2rem;top: 0.4rem;background: url(../images/o_t.png) no-repeat center;background-size: contain;}
.offices .b2{background: url(../images/oend1.png) no-repeat center;background-size: 100% auto;overflow: hidden; min-height:566px;}
.offices .b2 .bjk{background-color: rgba(255,255,255,.75);padding: .7rem 1rem;}
.offices .b3 {}
.offices .b3 .item{position: relative;margin-top: 0.4rem;overflow: hidden;}
.offices .b3 .item:first-child{margin-top: 0;}
.offices .b3 .item p{position: absolute;bottom: 0;left: 0;right: 0;text-align: right;padding: 0 0.28rem;line-height: 0.64rem;font-family: Arial;color: #595757;background-color: rgba(255,255,255,.8);font-size: 0.2933rem;}
.offices.realoffices .b2{background:none;}
.offices.realoffices .bjk_bg{background: url(../images/oend1.png) no-repeat top center;background-size: 100% auto;overflow: hidden; min-height:566px;}

.project{}
.project.hidden{overflow: hidden!important;position: fixed;}
.project .b1{position: relative;height: inherit;overflow: hidden;}
.project .of1{height: 100%;}
.project .of1 .bd{height: 100%;}
.project .of1 ul{height: 100%;}
.project .of1 ul li{margin-bottom: 0.1333rem;width: 100%;height: auto!important;}
.project .menu{position: absolute;left: 0;top: 0;/* height: 100%; */background-color: rgba(255,255,255,.75);z-index: 3;width: 33.33%;padding: 0.1867rem 0.48rem 0.2533rem;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.project .menu.longmenu{width: 66.66%;}
.project .menu .submenus{height: 100%;overflow: scroll;}
.project .menu .items{display: block;color: #111111;font-size: 0.32rem;line-height: 1.25;margin: 0.2667rem 0;font-family: 'OpenSans';-webkit-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;}
.project .menu .items:hover,.project .menu .items.on{color: #ec8701;}
.project .menu .left{position: absolute;bottom: 0.2133rem;width: 0.28rem;height: 0.4667rem;background: url(../images/o_l.png) no-repeat center;background-size: contain;}
.project .menu .xia{position: absolute;display: block;width: 0.28rem;height: 0.1467rem;right: 0.2rem;bottom: 1.08rem;background: url(../images/o_b.png) no-repeat center;background-size: contain;}
.project .menu .xia.down{bottom: 0.4rem;}
.project .menu .shang{position: absolute;display: block;width: 0.28rem;height: 0.1467rem;right: 0.2rem;top: 0.4rem;background: url(../images/o_t.png) no-repeat center;background-size: contain;}
.project .in{position: absolute;display: block;right: 0;width: 0.72rem;height: 1.5333rem;background: url(../images/in.png) no-repeat center;background-size: contain;}

.project.in{}
.project.in .headb{margin-bottom: 0.0533rem;}
.project .tl{font-size: 0.42667rem; color: #999; line-height: .64rem; font-family: 'HATTEN'; text-align: justify;-ms-text-align-last: justify; text-align-last: justify;}
.body_cn.project .tl{font-size: 0.35667rem;}
.project .tl>*{display: inline-block;text-align: left;}
.project .tl span{color: #f08200;}
.project .products{position: relative;padding-bottom: 0.68rem;}
.project .products .img_list{}
.project .products .img_list .img_Path{margin-bottom: 0.1333rem;}
.project .products .left{position: fixed;left: 0.2667rem;bottom: 0.2133rem;width: 0.28rem;height: 0.4667rem;background: url(../images/o_l.png) no-repeat center;background-size: contain;}

.offices.in{}
.offices.in .headb{margin-bottom: 0.0533rem;}
.offices .tl{font-size: 0.42667rem; color: #999; line-height: .64rem; font-family: 'HATTEN'; text-align: justify;-ms-text-align-last: justify; text-align-last: justify;}
.offices .tl>*{display: inline-block;text-align: left;}
.offices .tl span{color: #f08200;}
.offices .products{position: relative;padding-bottom: 0.68rem;}
.offices .products .img_list{}
.offices .products .img_list .img_Path{margin-bottom: 0.1333rem;}
.offices .products .left{position: fixed;left: 0.2667rem;bottom: 0.2133rem;width: 0.28rem;height: 0.4667rem;background: url(../images/o_l.png) no-repeat center;background-size: contain;}

.online_main{position:relative;width:100%;overflow:hidden;margin-bottom: .5rem;}
.online_main .content{}
.online_main .left{width:2.89rem;background:#f0f0f0;float:left;}
.online_main .title{font-size:.24rem;color:#a1a1a1;margin-top:0.2rem;margin-left:0.15rem;}
.online_main .left .upload{position:relative;cursor:pointer;}
.online_main .left .upload img { width: 100%; height: 100%; }
.online_main .left .related { text-align: center; }
.online_main .left .related .UploadedFileElem { display: none; color: #ec8701; font-size: 0.16rem; }
.online_main .file{width:8rem;position:absolute;left:0;right: 0;margin: 0 auto;top:30%;border:1px solid #ccc;background:#fff;padding-bottom: .3rem;}
.online_main .file .tit{font-size:0.16rem;font-weight:bold;color:#000;padding-top:0.0667rem;padding-left:0.1333rem;}
.online_main .file span{font-size:0.16rem;width: 1.56rem;text-align: right;padding-top:0.2rem;float:left;}
.online_main .file .upload_flie{width:5rem;float:left;margin-top:0.1333rem;border:1px solid #ccc;cursor:pointer;}
.online_main .file .Mtop{margin-top:0.1333rem;}
.online_main .file .submit{margin-left:1.6667rem;padding:0 0.1333rem;cursor:pointer;}
.online_main .file .but{margin-left:0.1333rem;padding:0 0.0667rem;cursor:pointer;}
.online_main .left .related p{font-size:0.16rem;color:#6f6f6f;text-align:center;}
.online_main .left .sub{margin-top:0.2rem;margin-bottom:0.2rem;text-align:center;}
.online_main .right{width:7rem;background:#f0f0f0;float:right;margin:0 0.0533rem;}
.online_main .right .title{color:#a1a1a1;margin-bottom:0.2667rem;}
.online_main .right .left_ul{float:left;margin:0 .2rem;width: 44%;width: calc(50% - .4rem);}
.online_main .right .right_ul{float:right;margin:0 .2rem;width: 44%;width: calc(50% - .4rem);}
.online_main .right div.d{font-size:0.16rem;color:#6f6f6f;}
.online_main .right ul li{width:100%;list-style: none;list-style-type: none;}
.online_main .right ul li .input{width:100%;font-size: .24rem;padding: 0.05rem;border-left:1px solid #4e585e;border-top:1px solid #4e585e;border-right:1px solid #95a8b2;border-bottom:1px solid #95a8b2;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.online_main .right ul li div{margin: .1rem 0;}
.online_main .right ul .margin_top{margin-top:0.2rem;}
.online_main .right .text{margin-left:0.2rem;margin-bottom:0.1333rem;font-size: .16rem;color: #6f6f6f;}
.online_main .right .text div{margin: .1rem 0;}
.online_main .right .textarea{width:5.1067rem;height:1.0667rem;border:1px solid #95a8b2;}