body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select{font-family:Microsoft YaHei;margin:0;padding:0;color:inherit;    line-height: inherit;}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a{ text-decoration:none; color:inherit;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h3,h4,h5,h6{font-weight: normal;}
.auto{width: 1200px;margin:0 auto;}
em,i{font-style:normal;}
*{box-sizing:border-box;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}   
:hover{transition: all .2s;}
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
.center{text-align: center;}
.img{width: 100%;display: block;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';position:absolute;display: block;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.05,1.05);}
.c_main{color: #fa6f2a!important;}
/*头部*/
.head{position:fixed;width: 100%;left: 0;top: 0;height: 100px;background: rgba(255,255,255,.12);z-index:100;}
.hd_logo{display: block;margin:10px 0;}
.hd_logo .img{height: 80px;width: auto;}
.hd_btn{border-radius:13px;background: #fff;font-size: 14px;color: #ec8341;padding:0 15px;display: inline-block;margin-top: 35px;}
.hd_btn a{line-height: 26px;padding:0 5px;}
.hd_nav{margin-right: 50px;}
.hd_nav li{margin:0 30px;font-size: 21px;color: #fff;line-height: 95px;border-bottom:4px solid transparent;display: inline-block;padding:0 5px;}
.hd_nav li.cur,.hd_nav li:hover{border-bottom-color:#fff;}


.banner{height: 830px;overflow: hidden;}
.banner .txt{margin-top: 28%;}
.banner .smimg{width: auto;}
.banner .font{font-size: 50px;color: #fff;line-height: 82px;margin-top: 30px;}
.banner .more{width: 165px;line-height: 45px;border-radius:22px;background: #fff;font-size: 20px;color: #f17368;text-align: center;display: block;margin:25px 0 0;}
.banner .more:hover{box-shadow:0 0 5px #fff;}
.about_banner .txt{margin-top: 20%;}

.about_titbox{}
.about_titbox .en{font-size: 66px;color: #fa6f2a;opacity: .1;margin-left: 20px;text-transform: uppercase;font-weight: bold;letter-spacing: -3px;}
.about_titbox .cn{font-size: 48px;color: #fa6f2a;margin-top: -50px;}
.about_titbox .line{width: 50px;height: 4px;background: #fa6f2a;border-radius:2px;display: inline-block;}

.about_us{padding:80px 0 100px;}
.about_us .detail{margin-top: 30px;}
.about_us .lbox{width: 50%;text-align: center;}
.about_us .lbox .logo_img{width: auto;display: inline-block;margin-top: 15%;}
.about_us .rbox{width: 50%;font-size: 20px;color: #333333;line-height: 42px;}
.about_us .rbox p{margin-bottom: 20px;}

.about_value{padding:60px 0 100px;background: #fafafa;}
.about_value .detail{margin-top: 80px;}
.about_value li{width: 25%;text-align: center;float: left;}
.about_value li .icon{width: 164px;}
.about_value li .title{font-size: 24px;color: #333333;margin:20px 0 10px;}
.about_value li .brief{font-size: 16px;color: #333333;line-height: 22px;}

.about_cooper{padding:75px 0 20px;}
.about_cooper .list{margin:40px 0 0 -20px;}
.about_cooper .item{width: 180px;height: 180px;display: block;float: left;border:1px solid #fa6f2a;margin:0 0 20px 20px;}

.about_contact{padding:70px 0 290px;background: url(../images/about_20.jpg) no-repeat bottom center;background-size:100% 730px;}
.about_contact .detail{margin-top: 70px;}
.about_contact .mapbox{}
.about_contact .txt{margin-top: 65px;font-size: 0;}
.about_contact .txt li{font-size: 24px;color: #fff;background-repeat:no-repeat;background-position:left center;background-size:46px;line-height: 46px;display: inline-block;padding-left: 55px;margin-right: 80px;}
.about_contact .txt .address{background-image: url(../images/about_16.png);}
.about_contact .txt .tel{background-image: url(../images/about_17.png);}
.about_contact .txt .email{background-image: url(../images/about_18.png);}

.foot{padding:30px 0;background: #363a42;}
.foot .lbox{display: inline-block;}
.foot .fz{font-size: 14px;color: #fff;padding-top: 35px;display: inline-block;}
.foot .vx_img{width: 120px;height: 120px;}
.foot .tel{font-size: 20px;color: #ff802a;background: url(../images/tel.png) no-repeat left center;background-size:20px;padding-left: 30px;margin-top: 20px;}
/*人力资源*/
.join_titbox{text-align: center;}
.join_titbox .t_tit{font-size: 26px;color: #333333;}
.join_titbox .sm_tit{font-size: 18px;color: #666666;margin:15px 0 25px;display: inline-block;background: url(../images/join_02.png) no-repeat bottom center;background-size:100% 7px;padding:0 10px 30px;}

.join_titbox_1 .t_tit{color: #fa6f2a;}
.join_titbox_1 .sm_tit{background: url(../images/join_02-1.png) no-repeat bottom center;background-size:100% 7px;}

.join_ser{padding:80px 0 110px;background: url(../images/join_15.jpg) no-repeat center;background-size:cover;}
.join_ser .list{margin:60px 0 0 -25px;}
.join_ser li{margin-left: 25px;width: 275px;height: 290px;background: #fff;padding-top: 55px;float: left;text-align: center;position:relative;}
.join_ser li .icon{}
.join_ser li .title{margin:20px 0;font-size: 18px;color: #333333;}
.join_ser li .brief{font-size: 14px;color: #666666;line-height: 23px;}
.join_ser li .line{width: 60px;height: 4px;background: #ff5400;position:absolute;bottom: 0;left: 50%;margin-left: -30px;}
.join_ser li:hover{box-shadow:0 0 15px #ddd;}

.join_map{background: url(../images/join_14.jpg) no-repeat center;background-size:cover;padding-top: 1px;padding-bottom: 70px;}
.join_map .wrap{background: #fff;border-radius:12px;padding:60px 70px;margin-top: -65px;box-shadow:0 0 10px #ddd;}
.join_map .detail{margin-top: 50px;}
.join_map .lbox{width: 680px;}
.join_map .rbox{width: 260px;}
.join_map .rbox li{margin-bottom: 40px;}
.join_map .rbox .icon{margin-right: 10px;width: 56px;display: inline-block;vertical-align: middle;}
.join_map .rbox .font{font-size: 16px;color: #333333;line-height: 26px;display: inline-block;width: 145px;vertical-align: middle;}

.join_advan{padding:40px 0 180px;/*background: url(../images/join_13.jpg) no-repeat center;background-size:cover;*/}
.join_icon{background: url(../images/join_01.png) no-repeat center;background-size:cover;width: 30px;height: 50px;display: block;margin:0 auto 30px;}
.join_advan .detail{margin-top: 45px;position:relative;}
.join_advan .detail .c_img{width: 530px;height: 510px;display: block;margin:0 auto;}
.join_advan li{position:absolute;}
.join_advan li .title{font-size: 20px;color: #666666;}
.join_advan li .desc{font-size: 16px;color: #999999;line-height: 28px;margin-top: 10px;}
.join_advan li.li_1{width: 360px;top: 340px;left: 0;text-align: right;}
.join_advan li.li_2{width: 290px;right: 110px;top: 30px;}
.join_advan li.li_3{width: 270px;right: 40px;bottom: 50px;}

/*产品介绍*/
.pro_ser{padding:40px 0 75px;}
.pro_ser .detail{margin-top: 45px;}
.pro_ser li{width: 33.3%;float: left;text-align: center;}
.pro_ser li .icon{}
.pro_ser li .desc{font-size: 20px;color: #666666;line-height: 42px;width: 75%;max-width:300px;margin:20px auto 0;}

.pro_system{padding:55px 0 130px;background: #fafafa;}
.pro_system .list{margin-top: 65px;}
.pro_system li{width: 50%;float: left;text-align: center;}
.pro_system li .icon{}
.pro_system li .desc{font-size: 20px;color: #666666;line-height: 42px;margin-top: 20px;width: 360px;margin: 0 auto;}

.pro_map .lbox{width: 100%;padding:0 170px;}
.pro_map .tips{text-align: center;font-size: 18px;color: #666666;margin-top: 50px;}

/*登录*/
.pop_bg{background: rgba(0,0,0,.6);position:fixed;width: 100%;height: 100%;left: 0;bottom: 0;z-index:101;display: none;}
.pop_login{position:fixed;left: 50%;top: 50%;background: #fff;z-index:102;width: 470px;height: 470px;margin-left: -235px;margin-top: -235px;box-shadow:0 0 5px #ddd;display: none;}
.pop_close{background: url(../images/login_01.png) no-repeat center;background-size:cover;width: 24px;height: 66px;position:absolute;top: -66px;right: 10px;}
.pop_login{padding:40px 50px 0;}
.login_menu{}
.login_menu .tit{font-size: 28px;color: #333333;line-height: 28px;}
.login_menu .fz{font-size: 16px;color: #999999;line-height: 28px;}

.lofin_form{margin-top: 25px;}
.lofin_form li{border:1px solid #ddd;margin-bottom: 35px;}
.lofin_form .icon{width: 70px;height: 70px;display: block;float: left;background-repeat:no-repeat;background-position:center;background-size:30px;}
.lofin_form .phone{background-image: url(../images/login_02.png);}
.lofin_form .psd{background-image: url(../images/login_03.png);}
.lofin_form .ipt_txt{width: 290px;line-height: 70px;float: left;border-left:1px solid #ddd;font-size: 18px;color: #666;padding:0 25px;}
.lofin_form .ipt_button{line-height: 70px;background: #fa6f2a;width: 100%;border-radius:6px;font-size: 27px;color: #fff;border:none;margin-top: 30px;border-radius:6px;}
.lofin_form .ipt_button:hover{box-shadow:0 0 5px #fa6f2a;}
.lofin_form .tips{font-size: 16px;color: #333333;text-align: right;}
.lofin_form .tips a:hover{color: #fa6f2a;}


.sj_menu{background: url(../images/sj_menu.png) no-repeat center;background-size:cover;width: 28px;height: 28px;display: none;position:fixed;right: 20px;top: 16px;}


@media screen and (min-width:320px) and (max-width:1200px){
	.auto{width: 100%;padding:0 2%;}
}
@media screen and (min-width:992px) and (max-width:1199px){
	/*关于我们*/
	.banner{height: 550px;}
	.banner .smimg{width: 30%;}
	.banner .font{font-size: 40px;line-height: 50px;margin-top: 25px;}
	
	.about_us .lbox{width: 40%;}
	.about_us .lbox .logo_img{width: 70%;}
	.about_us .rbox{width: 60%;}
	
	.about_cooper .list{margin-left: -2%;}
	.about_cooper .item{width: 14.6%;margin:0 0 20px 2%;height: auto;}
	
	.about_contact{padding: 70px 0 150px;}
	.about_contact .txt li{display: block;margin-bottom: 20px;}
	
	/*产品介绍*/
	.pro_ser li .icon{width: 70%;}
	.pro_system li .icon{width: 60%;}
	.pro_map .lbox{padding:0 10%;}
	
	/*人力资源*/
	.join_advan .detail{width: 900px;margin:30px auto 0;}
	.join_advan .detail .c_img{width: 350px;margin:0 auto;height: auto;}
	
	.join_advan li .title{font-size: 18px;}
	.join_advan li .desc{font-size: 15px;margin-top: 5px;}
	.join_advan li.li_2{right: 15px;top: 5px;}
	.join_advan li.li_3{right: 0;bottom: 20px;}
	.join_advan li.li_1{width: 280px;top: 210px;}
	
	.join_map .lbox{width: 60%;}
	.join_map .rbox{width: 30%;}
	.join_map .rbox li{margin-bottom: 20px;}
	
	.join_ser .list{margin-left: -1%;}
	.join_ser li{width: 24%;margin-left: 1%;}
	
	
	
	
}
@media screen and (min-width:768px) and (max-width:991px){
	/*关于我们*/
	.head{height: 80px;}
	.hd_logo .img{height: 60px;}
	.hd_nav li{line-height: 75px;font-size: 18px;}
	.hd_btn{margin-top: 25px;}
	
	.banner{height: 430px;}
	.banner .smimg{width: 25%;}
	.banner .font{font-size: 30px;line-height: 42px;margin-top: 20px;}
	.banner .more{font-size: 16px;width: 140px;line-height: 44px;}
	
	.about_titbox .en{font-size: 54px;}
	.about_titbox .cn{font-size: 42px;}
	
	.about_us{padding:40px 0 50px;}
	.about_us .lbox{width: 100%;display: none;}
	.about_us .lbox .logo_img{width: 40%;}
	.about_us .rbox{width: 100%;font-size: 18px;line-height: 34px;}
	
	.about_value{padding:30px 0 50px;}
	.about_value li .icon{width: 60%;}
	.about_value li .title{font-size: 22px;}
	
	.about_cooper .list{margin-left: -1%;}
	.about_cooper .item{width: 15.6%;margin:0 0 20px 1%;height: auto;}
	
	.about_contact{padding: 70px 0 70px;background: url(../images/about_20.jpg) no-repeat center 200px;}
	.about_contact .txt{margin-top: 40px;}
	.about_contact .txt li{display: block;margin-bottom: 20px;background-size:38px;}
	
	.foot .fz{margin-top: 0px;}
	
	/*产品介绍*/
	.join_titbox .sm_tit{font-size: 16px;}
	
	.pro_ser li .icon{width: 70%;}
	.pro_ser li .desc{font-size: 18px;line-height: 30px;}
	
	.pro_system li .icon{width: 60%;}
	.pro_system li .desc{font-size: 18px;line-height: 30px;}
	
	.join_map .wrap{padding: 60px 2%;}
	.pro_map .lbox{padding:0 10%;}
	.pro_map .tips{font-size: 16px;}
	
	/*人力资源*/
	.join_advan .detail .c_img{width: 300px;margin:0 auto 40px;height: auto;}
	.join_advan .detail{margin-top: 30px;}
	.join_advan li{position:initial;float: left;padding:0 3%;}
	.join_advan li .title{font-size: 18px;}
	.join_advan li .desc{font-size: 15px;margin-top: 5px;}
	.join_advan li.li_2{right: 15px;top: 5px;width:33.3%;}
	.join_advan li.li_3{right: 0;bottom: 20px;width:33.3%;}
	.join_advan li.li_1{width: 33.3%;top: 210px;text-align: left;}
	
	.join_map .lbox{width: 100%;}
	.join_map .rbox{width: 100%;margin-top: 30px;}
	.join_map .rbox li{margin-bottom: 20px;width: 50%;float: left;}
	
	.join_ser .list{margin-left: -1%;}
	.join_ser li{width: 24%;margin-left: 1%;}
	
	
}
@media screen and (min-width:320px) and (max-width:767px){
	.sj_menu{display: block;}
	/*关于我们*/
	.head{height: 60px;}
	.hd_logo{margin:5px;}
	.hd_logo .img{height: 50px;}
	.hd_nav{position:absolute;width: 100%;top: 60px;left: 0;background: #fa6f2a;padding:10px 0;display: none;}
	.hd_nav li{line-height: 36px;font-size: 15px;display: block;}
	.hd_btn{margin-top: 17px;margin-right: 55px;font-size: 13px;}
	.hd_nav li.cur,.hd_nav li:hover{border-bottom:none;}
	
	.banner{height: 240px;}
	.about_banner .txt{margin-top: 23%;}
	.banner .smimg{width: 35%;}
	.banner .font{font-size: 16px;line-height: 22px;margin-top: 10px;}
	.banner .more{font-size: 13px;width: 100px;line-height: 30px;}
	
	.about_titbox{text-align: center;}
	.about_titbox .en{font-size: 36px;}
	.about_titbox .cn{font-size: 22px;margin-top: -25px;}
	.about_titbox .line{height: 2px;}
	
	.about_us{padding:40px 0 50px;}
	.about_us .detail{margin-top: 20px;}
	.about_us .lbox{width: 100%;display: none;}
	.about_us .lbox .logo_img{width: 40%;}
	.about_us .rbox{width: 100%;font-size: 14px;line-height: 24px;}
	.about_us .rbox p{margin-bottom: 10px;}
	
	.about_value{padding:30px 0 30px;}
	.about_value .detail{margin-top: 30px;}
	.about_value li{width: 50%;margin-bottom: 15px;}
	.about_value li .icon{width: 40%;}
	.about_value li .title{font-size: 16px;margin: 10px 0 5px;}
	.about_value li .brief{font-size: 14px;min-height:50px;}
	
	.about_cooper{padding:35px 0 10px;}
	.about_cooper .list{margin-left: -3%;}
	.about_cooper .item{width: 30.3%;margin:0 0 10px 3%;height: auto;}
	.about_cooper .item img{width: 80%;margin:0 auto;}
	
	.about_contact{padding: 30px 0 30px;background: url(../images/about_20.jpg) no-repeat center 200px;}
	.about_contact .detail{margin-top: 20px;}
	.about_contact .txt{margin-top: 25px;}
	.about_contact .txt li{display: block;margin-bottom: 20px;background-size:22px;font-size: 15px;margin-right: 0;padding-left: 35px;margin-bottom: 0;line-height: 38px;}
	
	.foot{padding:15px 0;}
	.foot .fz{margin-top: 0;padding-top: 0;}
	.foot .lbox{width: 100%;text-align: center;}
	.foot .vx_img{float:none;margin:20px auto 0;width: 90px;height: 90px;display: block;}
	.foot .tel{font-size: 16px;background-size:16px;padding-left: 25px;margin-top: 10px;display: inline-block;}
	
	/*产品介绍*/
	.join_icon{width: 20px;height: 33px;margin-bottom: 15px;}
	.join_titbox .t_tit{font-size: 18px;}
	.join_titbox .sm_tit{font-size: 14px;padding: 0 10px 20px;background-size: 100% 3px;margin-top: 10px;}
	
	.pro_ser{padding:20px 0 30px;}
	.pro_ser li .icon{width: 60%;}
	.pro_ser li .desc{width: 94%;font-size: 12px;line-height: 20px;margin-top: 10px;}
	
	.pro_system{padding:30px 0 60px;}
	.pro_system .list{margin-top: 30px;}
	.pro_system li:first-child{width: 40%;}
	.pro_system li:last-child{width: 58%;}
	.pro_system li .icon{width: 100px;}
	.pro_system li .desc{font-size: 18px;line-height: 30px;width: 94%;font-size: 12px;line-height: 20px;margin-top: 10px;}
	
	.join_map{padding-bottom: 25px;}
	.join_map .wrap{padding: 30px 2%;margin-top: -25px;}
	.pro_map .lbox{padding:0 10%;}
	.pro_map .tips{font-size: 16px;}
	
	/*人力资源*/
	.join_advan{padding:30px 0 60px;}
	.join_advan .detail .c_img{width: 50%;margin:0 auto 20px;height: auto;}
	.join_advan .detail{margin-top: 20px;}
	.join_advan li{position:initial;float: left;padding:0 3%;margin-bottom: 15px;}
	.join_advan li .title{font-size: 16px;}
	.join_advan li .desc{font-size: 13px;margin-top: 5px;line-height: 20px;}
	.join_advan li.li_2{right: 15px;top: 5px;width:100%;}
	.join_advan li.li_3{right: 0;bottom: 20px;width:100%;}
	.join_advan li.li_1{width: 100%;top: 210px;text-align: left;}
	
	.join_map .detail{margin-top: 30px;}
	.join_map .lbox{width: 90%;margin:0 auto;float:none;}
	.join_map .rbox{width: 100%;margin-top: 30px;}
	.join_map .rbox li{margin-bottom: 20px;width: 50%;float: left;padding-right: 3%;}
	.join_map .rbox .icon{width: 30px;}
	.join_map .rbox .font{font-size: 14px;line-height: 20px;width:calc(100% - 45px);}
	
	.join_ser{padding:40px 0 50px;}
	.join_ser .list{margin-left: -2%;margin-top: 10px;}
	.join_ser li{width: 48%;margin-left: 2%;padding-top: 30px;margin-bottom: 10px;height: 185px;}
	.join_ser li .icon{width: 45px;}
	.join_ser li .title{font-size: 15px;margin:10px 0 5px;}
	.join_ser li .brief{font-size: 13px;}
	.join_ser li .line{height: 2px;}
	
	/*弹窗*/
	.pop_login{width: 90%;left: 5%;margin-left: 0;padding: 40px 3% 0;height: 310px;margin-top: -150px;}
	.login_menu .tit{font-size: 16px;}
	.login_menu .fz{font-size: 14px;}
	.lofin_form li{margin-bottom: 10px;}
	.lofin_form .icon{width: 40px;height: 40px;background-size:22px;}
	.lofin_form .ipt_txt{width:calc(100% - 40px);line-height: 40px;font-size: 14px;padding:0 15px;}
	.lofin_form .tips{font-size: 13px;}
	.lofin_form .ipt_button{font-size: 16px;line-height: 50px;margin-top: 15px;}
	
	
	
	
	
}