html,body{ font-size:12px; margin:0; padding:0; font-family:"寰蒋闆呴粦"; width:100%; height:100%; background-color:transparent;} 
ul{ list-style-type:none; padding:0px; margin:0}
form{margin:0}
.clear{clear:both}
.check_input{width:10px; height:10px; border:0;}
.height_clear{height:15px; clear:both}
.form_input{ border:none;height:42px; width:100%; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px;}
.form_textarea{width:100%; height:80px; border:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; outline:none}
.form_btn{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; cursor:pointer}
.search_input{border:1px solid #999; height:20px; width:150px;}
img{border:0}

.header-area{width:100%; background: #000;}
.w_1200{width:1200px; margin: 0 auto; display: flex; justify-content: space-between;}
.f_1200{width:1200px; margin: 0 auto;}

.header-area .logo{display: block;}
.header-area .logo img{height: 80px;}
.header-area .menu{display: block;}
.foot{width:100%; background: #000;}
.foot .f1{width:100%; display: flex; justify-content: space-between; padding: 50px 0;}
.foot .f1 .list{display: block; width:25%}
.foot .f1 .list span{display: block; width:100%; color:#fff; line-height: 30px; font-size: 14px;}
.foot .f1 .list a{display: block; text-decoration: none; width:100%; color:#fff; line-height: 30px;}
.foot .f1 .list img{width:100%}
.foot .f2{width:100%; text-align: center; font-size:14px; color: #fff; line-height: 66px;}

.swiper-slide img{display: block;}


.ny_banner{width:100%; height: 70%; overflow: hidden;}
.ny_banner img{width:100%; display: block;}

.ny_banner1{width:100%; height: 40%;}
.ny_banner1 .txt_wc{width:1000px; height: 100%; align-items: center; margin: 0 auto; display: flex; justify-content: flex-start; flex-wrap: wrap; color:#fff}
.ny_banner1 .txt_wc .txt{display: block; width:100%; }
.ny_banner1 .txt_wc .txt h1{font-size:30px; font-weight: 800;}
.ny_banner1 .txt_wc .txt p{font-size:20px;}

.ny_banner2{width:100%; height: 40%; background: url(../img/awards.jpg) no-repeat center; background-size:cover;}
.ny_banner2 .txt_wc{width:1000px; height: 100%; align-items: center; margin: 0 auto; display: flex; justify-content: flex-start; flex-wrap: wrap; color:#fff}
.ny_banner2 .txt_wc .txt{display: block; width:100%; }
.ny_banner2 .txt_wc .txt h1{font-size:30px; font-weight: 800;}
.ny_banner2 .txt_wc .txt p{font-size:20px;}

.ny_banner3{width:100%; height: 40%; background: url(../img/faci-scaled.jpg) no-repeat center; background-size:cover;}
.ny_banner3 .txt_wc{width:1000px; height: 100%; align-items: center; margin: 0 auto; display: flex; justify-content: flex-start; flex-wrap: wrap; color:#fff}
.ny_banner3 .txt_wc .txt{display: block; width:100%; }
.ny_banner3 .txt_wc .txt h1{font-size:30px; font-weight: 800;}
.ny_banner3 .txt_wc .txt p{font-size:20px;}

.ny_banner4{width:100%; height: 40%; background: url(../img/services-scaled.jpg) no-repeat center; background-size:cover;}
.ny_banner4 .txt_wc{width:1000px; height: 100%; align-items: center; margin: 0 auto; display: flex; justify-content: flex-start; flex-wrap: wrap; color:#fff}
.ny_banner4 .txt_wc .txt{display: block; width:100%; }
.ny_banner4 .txt_wc .txt h1{font-size:30px; font-weight: 800;}
.ny_banner4 .txt_wc .txt p{font-size:20px;}

.ny_banner5{width:100%; height: 40%; background: url(../img/smart_banner.jpg) no-repeat center; background-size:cover;}
.ny_banner5 .txt_wc{width:1000px; height: 100%; align-items: center; margin: 0 auto; display: flex; justify-content: flex-start; flex-wrap: wrap; color:#fff}
.ny_banner5 .txt_wc .txt{display: block; width:100%; }
.ny_banner5 .txt_wc .txt h1{font-size:30px; font-weight: 800;}
.ny_banner5 .txt_wc .txt p{font-size:20px;}

.ny_banner6{width:100%; height: 40%; background: url(../img/environment.jpg) no-repeat center; background-size:cover;}
.ny_banner6 .txt_wc{width:1000px; height: 100%; align-items: center; margin: 0 auto; display: flex; justify-content: flex-start; flex-wrap: wrap; color:#fff}
.ny_banner6 .txt_wc .txt{display: block; width:100%; }
.ny_banner6 .txt_wc .txt h1{font-size:30px; font-weight: 800;}
.ny_banner6 .txt_wc .txt p{font-size:20px;}

.ny_banner7{width:100%; height: 40%; background:#000; background-size:cover;}
.ny_banner7 .txt_wc{width:1000px; height: 100%; align-items: center; margin: 0 auto; display: flex; justify-content: flex-start; flex-wrap: wrap; color:#fff}
.ny_banner7 .txt_wc .txt{display: block; width:100%; }
.ny_banner7 .txt_wc .txt h1{font-size:50px; font-weight: 800; color:#05C8B1}
.ny_banner7 .txt_wc .txt p{font-size:20px;}


.ny_banner8{width:100%; height: 40%; background: url(../img/workjoy.jpg) no-repeat center; background-size:cover;}
.ny_banner8 .txt_wc{width:1000px; height: 100%;  margin: 0 auto; display: flex; justify-content: flex-start; flex-wrap: wrap; color:#fff}
.ny_banner8 .txt_wc .txt{display: block; width:50%; height: 100%; background: #fff; display: flex; align-items: center;flex-wrap: wrap; padding:0 30px}
.ny_banner8 .txt_wc .txt h1{font-size:30px; font-weight: 800; color:#05C8B1}
.ny_banner8 .txt_wc .txt p{font-size:20px; color:#000}


.ny_banner9{width:100%; height: 40%; background: url(../img/contact.jpg) no-repeat center; background-size:cover;}
.ny_banner9 .txt_wc{width:1000px; height: 100%; align-items: center; margin: 0 auto; display: flex; justify-content: flex-start; flex-wrap: wrap; color:#fff}
.ny_banner9 .txt_wc .txt{display: block; width:100%; }
.ny_banner9 .txt_wc .txt h1{font-size:30px; font-weight: 800;}
.ny_banner9 .txt_wc .txt p{font-size:20px;}


.number{width:33%; display: block; padding: 100px 0;}
.number .n1{display: block; width:100%; text-align: center; font-size:40px; font-weight: 800;}
.number .n2{display: block; width:100%; text-align: center; font-size:20px; margin-top: 20px;}
.vision_wc{width:100%; background: #0EC7AA; padding: 100px 0;}
.vision_wc .vision{width:1200px; margin: 0 auto;}
.vision_wc .vision .title{width:100%; text-align: center; color:#fff}
.vision_wc .vision .title .t1{display: block; width:100%; font-size:80px;}
.vision_wc .vision .title .t2{display: block; width:100%; font-size:30px;}
.vision_wc .vision .list{display: block; width:31%; text-align: center; color:#fff; font-size:14px}
.vision_wc .vision .list .l1{display: block; width:100%}
.vision_wc .vision .list .l2{display: block; width:100%; font-weight: 800;}
.vision_wc .vision .list .l3{display: block; width:100%; text-align: left; margin-top: 20px;}

.soc{width:1100px; margin: 0 auto; padding: 100px 0;}
.soc .title{width:100%; text-align: center; color:#000}
.soc .title .t1{display: block; width:100%; font-size:50px; font-weight: 800;}
.soc .title .t2{display: block; width:100%; font-size:20px; color:#666}
.soc .list{width:100%; display: flex; justify-content: space-between; margin-top: 50px;}
.soc .list .l1{display: block; width:40%}
.soc .list .l1 img{width:100%}
.soc .list .l2{width:55%}
.soc .list .l2 .l2_1{width: 100%; display: block; font-size:22px; font-weight: 800;}
.soc .list .l2 .l2_2{width: 100%; display: block; font-size:16px; line-height: 26px; margin-top: 20px;}


.loc_wc{padding:60px 0}
.loc_left{width:300px; display: block;}
.loc_left .l1{display: block; width:100%; background:#000; text-align: center; color:#fff; line-height: 50px;}
.loc_left .l2{display: block; width:100%; text-decoration: none; color:#666; border-bottom: 1px solid #999; text-align: center; line-height: 40px; font-size:14px}
.loc_right{width:800px; display: block;}
.loc_right .title{display: block; width:100%; font-size:30px; font-weight: 800;}
.loc_right .list{width:100%; display: flex; justify-content: space-between; margin-top: 20px;}
.loc_right .list .li_left{width:350px; display: block;}
.loc_right .list .li_left h1{font-size:18px; font-weight: 800;}
.loc_right .list .li_left p{font-size:14px; line-height: 28px;}
.loc_right .list .li_right{width:400px; display: block;}
.loc_right .list .li_right img{width:100%; border-radius: 10px;}

.cer_wc{width:1000px; margin: 0 auto; padding:40px 0;}
.cer_wc .list{width:100%; display: flex; justify-content: space-between; margin-top: 60px;}
.cer_wc .list .left{width:450px; height: 300px; border-radius: 10px; background: #002B4D;  display: flex; justify-content: center; padding: 20px 0;}
.cer_wc .list .left img{display: block;}
.cer_wc .list .right{width:500px;}
.cer_wc .list .right h1{font-size:24px; font-weight: 800;}
.cer_wc .list .right p{font-size:14px; line-height: 26px;}

.man_wc{width:1100px; display: flex; justify-content: flex-start; margin: 0 auto; flex-wrap: wrap; padding:100px 0;}
.man_wc .list{width:300px; height: 500px; margin: 0 0 0 66px;}
.man_wc .list .img{width:100%; height: 300px; display: block; overflow: hidden;}
.man_wc .list .img img{width:100%; height: 100%;}
.man_wc .list .txt{width:100%; height: 200px;}
.man_wc .list .txt h1{font-size:20px}
.man_wc .list .txt p{font-size:14px}


.ser_wc{padding:60px 0}
.ser_left{width:300px; display: block;}
.ser_left .l1{display: block; width:100%; background:#000; text-align: center; color:#fff; line-height: 50px;}
.ser_left .l2{display: block; width:100%; text-decoration: none; color:#666; border-bottom: 1px solid #999; text-align: center; line-height: 40px; font-size:14px}
.ser_right{width:800px; display: block;}
.ser_right .title{display: block; width:100%; font-size:30px; font-weight: 800;}
.ser_right .list{width:100%; display: flex; justify-content: space-between; margin-top: 20px;}
.ser_right .list .li_left{width:350px; display: block;}
.ser_right .list .li_left h1{font-size:18px; font-weight: 800;}
.ser_right .list .li_left p{font-size:14px; line-height: 28px;}
.ser_right .list .li_right{width:400px; display: block;}
.ser_right .list .li_right img{width:100%; border-radius: 10px;}


.sma_wc{padding:60px 0}
.sma_left{width:300px; display: block;}
.sma_left .l1{display: block; width:100%; background:#000; text-align: center; color:#fff; line-height: 50px;}
.sma_left .l2{display: block; width:100%; text-decoration: none; color:#666; border-bottom: 1px solid #999; text-align: center; line-height: 40px; font-size:14px}
.sma_right{width:800px; display: block;}
.sma_right .title{display: block; width:100%; font-size:30px; font-weight: 800;}
.sma_right .list{width:100%; display: flex; justify-content: space-between; margin-top: 20px; flex-wrap: wrap;}
.sma_right .list .li_left{width:100%; display: block;}
.sma_right .list .li_left h1{font-size:18px; font-weight: 800;}
.sma_right .list .li_left p{font-size:14px; line-height: 28px;}
.sma_right .list .li_right{width:100%; display: block;}
.sma_right .list .li_right img{width:100%; border-radius: 10px;}

.b2b_wc{padding:60px 0}
.b2b_wc .b2b{width:1200px;height: auto; margin: 0 auto;}

.con_wc{padding:60px 0}
.con_wc .con{width:1200px;height: auto; margin: 0 auto;}
.con_wc .con .title{font-size:30px; font-weight: 800;}
.con_wc .con .content{font-size:14px; line-height: 28px; margin-top: 20px;}

/*nav导航盒子*/
div.nav{
	margin:0 auto;
    line-height: 80px;
    text-align: center;
    font-size: 16px;
    position: relative;
}
/*nav-main*/
ul.nav-main{
    width: 100%;
    height: 100%;
    list-style-type: none;

}

ul.nav-main li a{text-decoration:none; color:#FFF; display:block; width:100%; height:80px;}

ul.nav-main span{
    display: inline-block;
	position:absolute;
	top:20px; 
	right:20px;
    width: 7px;
    height: 7px;
    background: url('down-icon.png') no-repeat;
}
/*图标向上旋转*/
.hover-up{
    transition-duration: .5s;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
/*图标向下旋转*/
.hover-down{
    transition-duration: .5s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
/*导航条设置*/
ul.nav-main>li{
    width: 120px;
    height: 100%;
    display: block;
    float: left;
    color: #fff;
    margin-right: 1px;
    cursor: pointer;
	position:relative;
}
ul.nav-main>li:hover{
    background: #000;
	color:#FFF
}
/*隐藏盒子设置*/
div.hidden-box{
    width: 200px;
    border: 1px solid #000;
    border-top: 0;
    position: absolute;
	z-index:99999;
    display:none;
	background:#fff;
    top: 80px;
}
.hidden-box>ul{
    list-style-type: none;
    color: #643519;
    cursor: pointer;
}
.hidden-box li:hover{
    background: #0e6ec1;
    color: #fff;
}
.hidden-box li a{text-decoration:none; color:#333; display:block; width:100%; overflow:hidden; line-height: 50px; background: #000; color:#fff}
.hidden-box li a:hover{color:#FFF}
/*隐藏盒子位置设置*/
.hidden-loc-index{
    left: 121px;
}
.hidden-loc-us{
    left: 242px;
}
.hidden-loc-info{
    left: 363px;
}
.box01{
	left:102px;
}
.box02{
	left:223px;
}
.box05{
	left:363px;
}
.box06{
	left:484px;
}